@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-400-normal.woff2) format("woff2")}:root{--font-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, Menlo, Consolas, monospace;--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif}.proto{position:relative;min-height:100svh;color:var(--fg, #fff);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;isolation:isolate}.proto *,.proto *:before,.proto *:after{box-sizing:border-box}.proto .display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.88;letter-spacing:.005em}.proto .mono{font-family:var(--font-mono);font-variation-settings:"wght" 500}.proto a{color:inherit}.proto button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.proto :focus-visible{outline:2px solid var(--accent, #ffa53a);outline-offset:4px}.proto .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.proto .todo-tag{display:inline-block;font:600 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--accent, #ffa53a);color:#111}@media(prefers-reduced-motion:reduce){.proto *,.proto *:before,.proto *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{font-family:DM Sans,sans-serif;color:#f3eee8;background:#14171b;font-synthesis:none;font-weight:400;--muted:#b3aca4;--amber:#eeb67d;--panel:rgba(25,25,27,.82)}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.scene canvas:focus{outline:none}.experience{height:100svh;min-height:430px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;background:#14171b url(/studio-poster.png) center/cover}.scene canvas{display:block;touch-action:none}.masthead{position:absolute;top:34px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wordmark{pointer-events:auto;font:600 29px Space Grotesk,sans-serif;letter-spacing:-1.7px;color:#f3eee8;text-decoration:none;text-shadow:0 2px 20px #000}.wordmark>span:first-child{font-weight:400}.wordmark-dot{color:var(--amber)}.location{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.04em;text-shadow:0 1px 8px #000}.location>span{height:5px;width:5px;border-radius:50%;background:var(--amber)}.navigation-hint{position:absolute;bottom:25px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 16px;border-radius:22px;background:#14171bb3;font-size:11px;color:#d4cdc5;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:20px 26px;background:var(--panel);border-radius:10px;font-size:14px;white-space:nowrap}.loading small{color:var(--muted);min-width:32px}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse 1.4s ease-in-out infinite}.scene-message{position:absolute;z-index:3;top:40%;left:50%;transform:translate(-50%);background:#202126;padding:24px;text-align:center;border-radius:12px;max-width:90%}.scene-message button{background:var(--amber);color:#14171b;padding:10px 20px;border-radius:5px}@keyframes pulse{50%{opacity:.3}}@media(max-width:600px){.masthead{top:22px;left:22px;right:22px}.wordmark{font-size:25px}.navigation-hint{font-size:9px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.render-lab{position:absolute;top:86px;right:24px;width:310px;max-height:calc(100svh - 150px);overflow:auto;background:#161a1eeb;border:1px solid rgba(222,229,232,.16);border-radius:10px;box-shadow:0 12px 40px #0005;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;color:#e0e2e3;scrollbar-width:thin}.lab-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;text-align:left;font-weight:500}.lab-heading>span:first-child{display:flex;align-items:center;gap:8px}.lab-led{width:5px;height:5px;border-radius:50%;background:var(--amber)}.lab-summary{font:11px ui-monospace,monospace;color:#c3c9cb}.lab-summary>span{margin-left:12px}.lab-body{padding:0 15px 14px}.lab-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#101419;padding:4px;border-radius:6px}.lab-modes button{padding:7px;font-size:11px;border-radius:4px;color:#abb4b9}.lab-modes button[aria-pressed=true]{background:#353d43;color:#f1ece5}.lab-status{margin:12px 0;color:var(--amber);font:10px ui-monospace,monospace}.lab-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-stats span{display:block;color:#a4aeb4;font-size:10px}.lab-stats strong{display:block;margin-top:4px;font:17px ui-monospace,monospace}.lab-chart{display:block;width:100%;height:44px;margin-top:14px;background:#13171b;border-radius:4px}.lab-legend{display:flex;gap:12px;margin:6px 0 15px;font-size:9px;color:#9ba5ab}.lab-legend>span:first-child{color:#eeb67d}.lab-legend>span:nth-child(2){color:#a8cbd6}.lab-legend>span:last-child{margin-left:auto}.lab-select{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-select select{width:215px;border:1px solid #475057;background:#22292e;color:#eee;padding:6px;border-radius:4px;font:10px ui-monospace,monospace}.lab-exposure{display:block;margin-top:14px}.lab-exposure>span{display:flex;justify-content:space-between}.lab-exposure input{display:block;width:100%;margin:8px 0;accent-color:var(--amber)}.lab-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.lab-actions label{display:flex;align-items:center;gap:6px}.lab-actions input{accent-color:var(--amber)}.lab-actions button{border:1px solid #475057;border-radius:4px;padding:6px 9px;font-size:10px}.lab-detail{font:9px/1.8 ui-monospace,monospace;color:#9eaab1;margin:15px 0 8px}.lab-note{font-size:10px;line-height:1.5;margin:0;color:#b3bcc2}.lab-gpu{margin-top:12px;font-size:9px;color:#8f9ea6;line-height:1.5}.lab-gpu summary{cursor:pointer}.lab-gpu p{overflow-wrap:anywhere}.lab-error{font-size:10px;color:#ffb4a5;line-height:1.5}.render-lab :focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(max-width:600px){.render-lab{top:76px;right:12px;width:285px;max-height:calc(100svh - 140px)}.lab-select select{width:190px}}.dev-readout{position:absolute;bottom:12px;left:14px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:6px 8px;background:#101418c7;border:1px solid #ffffff18;border-radius:4px;font:9px/1.3 ui-monospace,monospace;color:#b9c4ca;text-align:left}.dev-readout:hover{color:#eeb67d}.lab-telemetry{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;color:#aab6bd}.lab-telemetry input{accent-color:var(--amber)}.render-lab .lab-stats strong{font-size:14px}.render-lab .lab-body{font-size:10px}