.test-page{display:flex;flex-direction:column;min-height:100dvh;background:#080b12;color:#e2e8f0}html[data-theme=light] .test-page{background:#f1f5f9;color:#1c3149}.test-page__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem .75rem;border-bottom:1px solid rgb(255 255 255 / .08);background:#0c101cf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=light] .test-page__toolbar{border-color:#cdd8e8;background:#fffffff5}.test-page__grid{display:grid;flex:0 1 auto;grid-template-columns:1fr;grid-template-rows:auto auto}@media(min-width:1024px){.test-page__grid{flex:0 1 auto;grid-template-columns:minmax(260px,320px) 1fr;grid-template-rows:auto}}.test-page__controls{padding:1rem;border-bottom:1px solid rgb(255 255 255 / .08);background:#0f172a80}html[data-theme=light] .test-page__controls{border-color:#cdd8e8;background:#f8fafc}@media(min-width:1024px){.test-page__controls{border-bottom:none;border-right:1px solid rgb(255 255 255 / .08)}html[data-theme=light] .test-page__controls{border-right-color:#cdd8e8}}.test-page__control-block{margin-bottom:1.25rem}.test-page__control-block label.control-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a5b4fc;margin-bottom:.35rem}html[data-theme=light] .test-page__control-block label.control-label{color:#403db3}.test-page__control-block input[type=range],.test-page__control-block select,.test-page__control-block textarea{width:100%;border-radius:.5rem;border:1px solid rgb(255 255 255 / .12);background:#ffffff0f;color:inherit;padding:.4rem .5rem;font-size:.875rem}html[data-theme=light] .test-page__control-block input[type=range],html[data-theme=light] .test-page__control-block select,html[data-theme=light] .test-page__control-block textarea{border-color:#cdd8e8;background:#fff}.test-page__stage{position:relative;width:100%;max-width:100%;height:75vh;height:75dvh;min-height:14rem;background:#000}.test-page__stage:fullscreen{width:100%;height:100%;min-height:100%}.test-page__canvas-actions{position:absolute;z-index:25;right:max(.5rem,env(safe-area-inset-right,0px));bottom:max(.5rem,env(safe-area-inset-bottom,0px));display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem;max-width:calc(100% - 1rem);padding:.4rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .12);background:#0c101ce0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000073;pointer-events:auto}html[data-theme=light] .test-page__canvas-actions{border-color:#cdd8e8;background:#ffffffeb;box-shadow:0 8px 24px #1c31491f}.test-page__canvas-actions .btn-test{flex:0 1 auto;justify-content:center}#canvasContainer{position:absolute;inset:0}#testCanvas{display:block;width:100%;height:100%;touch-action:none}.test-page__metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;padding:.5rem .75rem;border-top:1px solid rgb(255 255 255 / .08);background:#0c101ce6}html[data-theme=light] .test-page__metrics{border-color:#cdd8e8;background:#fffffff2}.metric-tile{border-radius:.5rem;border:1px solid rgb(255 255 255 / .08);background:#ffffff0a;padding:.5rem .65rem;text-align:center}html[data-theme=light] .metric-tile{border-color:#cdd8e8;background:#f8fafc}.metric-tile__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.metric-tile__value{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:.15rem}.metric-tile__unit{font-size:.65rem;opacity:.7}#loadingOverlay,#webglError{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#loadingOverlay.hidden,#webglError.hidden{display:none!important}#timeOverlay{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:20;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;background:#000000a6;color:#fff}#timeOverlay.hidden,#startTestBtn.hidden,#stopTestBtn.hidden{display:none!important}.btn-test{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;border:1px solid rgb(255 255 255 / .12);background:#6366f159;color:#e0e7ff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-test:hover{background:#6366f180}html[data-theme=light] .btn-test{background:#5d5cef;color:#fff;border-color:transparent}.btn-test--ghost{background:#ffffff0f;color:#c7d2fe}html[data-theme=light] .btn-test--ghost{background:#eef2f7;color:#403db3}#resultsModal.hidden{display:none!important}#resultsModal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#resultsModal .results-modal__panel{max-width:28rem;width:100%;max-height:min(90dvh,36rem);overflow-y:auto;border-radius:1rem;border:1px solid rgb(255 255 255 / .1);background:#121826;padding:1.25rem;color:#e2e8f0}html[data-theme=light] #resultsModal .results-modal__panel{background:#fff;color:#1c3149;border-color:#cdd8e8}.sysinfo-line{margin:0}