:root{color-scheme:dark;--bg:#07121d;--panel:#101f2b;--panel2:#0e1b28;--line:#254050;--white:#e1eef3;--muted:#7b9ba9;--accent:#52dfff;--gold:#ebae58;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--white);font-family:var(--font)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{display:flex;flex-direction:column;height:100dvh;min-height:550px;overflow:hidden}.topbar{height:72px;background:#0a1722;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #263b48;flex-shrink:0;z-index:5}.brand{display:flex;gap:16px;align-items:center}.brand-symbol{color:var(--accent);font-size:41px;line-height:1;filter:drop-shadow(0 0 9px #21a7c794)}.brand-lines{display:flex;flex-direction:column;gap:4px}.micro,.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:750;color:#a6b9c1}.micro .slash{padding:0 4px;color:var(--accent)}.wordmark{font-size:19px;letter-spacing:3px;font-weight:900}.dim{color:#8aa3af;font-weight:500}.top-status{display:flex;align-items:center;gap:12px;color:#93b2bc;letter-spacing:1.55px;font-size:10px;font-weight:700}.status-dot{width:7px;height:7px;background:#4dfbb0;border-radius:50%;box-shadow:0 0 11px #4dfbb0}.division{color:#406070}.subtle-btn{background:#101f2b;border:1px solid #385362;border-radius:6px;padding:9px 14px;color:#b1c8d0;font-size:12px;letter-spacing:1px}.workspace{display:flex;flex:1;min-height:0}.viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#1c3144,#07121d 68%);touch-action:none}.viewport canvas#scene{width:100%;height:100%;display:block;cursor:grab}.viewport canvas:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0513227a,transparent 23%,transparent 67%,#04111fd9),radial-gradient(ellipse at 52% 45%,transparent 35%,#03101bb3 100%)}.corner-tl,.corner-br{pointer-events:none;position:absolute;width:24px;height:24px;border-color:#7dccda7f}.corner-tl{top:28px;left:28px;border-left:1px solid;border-top:1px solid}.corner-br{bottom:28px;right:28px;border-right:1px solid;border-bottom:1px solid}.viewport-info{position:absolute;top:41px;left:46px;width:310px;pointer-events:none;text-shadow:0 2px 12px #03101c}.eyebrow{color:#b1cbd4;line-height:1.6}.cyan{color:var(--accent)!important}.viewport-info h1{margin:15px 0 11px;font-size:clamp(22px,2.45vw,39px);line-height:1.12;letter-spacing:2.8px;font-weight:900}.viewport-info h1 em{color:#6de4f4;font-style:normal}.viewport-info p{font-size:11px;line-height:1.8;color:#b1c2cc;max-width:275px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.chips span{border:1px solid #486d7a;background:#0b2332b0;padding:6px 8px;font-size:8px;font-weight:700;letter-spacing:1.1px;color:#acdae7}.reticle{position:absolute;top:50%;left:50%;width:28px;height:28px;pointer-events:none;opacity:.26;transform:translate(-50%,-50%)}.reticle-h,.reticle-v{position:absolute;display:block;background:#84edff}.reticle-h{width:28px;height:1px;top:14px}.reticle-v{height:28px;width:1px;left:14px}.axis-widget{position:absolute;right:27px;bottom:102px;display:flex;gap:9px;flex-direction:column;color:#84b6c7;font-size:10px;letter-spacing:1px;opacity:.7}.scene-actions{position:absolute;left:26px;bottom:28px;display:flex;gap:7px;z-index:2}.scene-actions button{color:#d1e6ec;background:#0a1b29da;border:1px solid #3d606f;border-radius:5px;min-height:37px;padding:9px 11px;font-size:12px;letter-spacing:1.1px}.scene-actions button span{font-size:9px;margin-left:5px;font-weight:750}.scene-actions button:hover,.scene-actions .active{background:#163c50;border-color:#5eb9d1}.inspect-card{position:absolute;right:28px;top:27px;width:243px;background:#071b2bcf;border:1px solid #3b5665;border-radius:7px;padding:14px 16px;backdrop-filter:blur(6px);pointer-events:none}.inspect-eyebrow{display:flex;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:1.7px;color:#78abba;margin-bottom:9px}.inspect-eyebrow span{color:#6be6b9}.inspect-card strong{display:block;line-height:1.3;font-size:12px;letter-spacing:1.2px}.inspect-card p{font-size:10px;line-height:1.7;margin:6px 0 0;color:#a5bfcb}.sidebar{background:linear-gradient(140deg,#112331,#0b1925 80%);width:342px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-left:1px solid #345164;z-index:4}.side-head{padding:23px 20px 21px;display:flex;justify-content:space-between;gap:7px;border-bottom:1px solid #284050}.side-head h2{font-size:14px;letter-spacing:1.5px;margin:8px 0 0}.live-indicator{align-self:center;color:#62e4bb;border:1px solid #2f6f69;padding:5px 7px;font-size:9px;letter-spacing:1px;white-space:nowrap}.side-scroll{overflow:auto;flex:1;scrollbar-color:#31546a transparent;scrollbar-width:thin}.panel-section{padding:19px 20px 16px;border-bottom:1px solid #273d4a}.section-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#ccdfe6;margin-bottom:18px}.section-label span{color:var(--accent);padding-right:10px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.presets button{text-align:left;border:1px solid #355061;background:#0e2030;color:#a9c3cd;border-radius:5px;padding:10px 8px 11px;line-height:1.3;font-size:9px;font-weight:800;letter-spacing:1px}.presets button small{display:block;font-weight:400;font-size:8px;letter-spacing:.2px;color:#7696a3;margin-top:5px}.presets button.active{background:#134154;border-color:#51cce8;color:#e1faff;box-shadow:inset 0 2px 0 #48c8e7}.param{margin-bottom:17px}.param:last-child{margin-bottom:2px}.param label{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:#a9c1ca;margin-bottom:10px}.param output{color:#72e1fa;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.param input{width:100%;height:4px;accent-color:#54d9f3;display:block;cursor:pointer}.quality-line,.switch-line{display:flex;align-items:center;justify-content:space-between;margin:14px 0;color:#a9c1ca;font-size:11px;gap:9px}.quality-line select{background:#102939;color:#d0edf3;border:1px solid #416274;border-radius:4px;padding:6px;font-size:9px;max-width:145px}.switch-line input{width:16px;height:16px;accent-color:#46cce8;cursor:pointer}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telemetry div{background:#0b2030;border:1px solid #2a4555;padding:13px 10px}.telemetry small{display:block;color:#7195a7;font-weight:700;letter-spacing:1.15px;font-size:9px}.telemetry strong{font-size:17px;letter-spacing:1px;display:block;margin-top:6px;color:#e1f6fa;font-variant-numeric:tabular-nums}.waveform{margin-top:16px;background:#0a1d2b;border:1px solid #26495a;border-radius:4px;padding:8px 9px 7px}.waveform canvas{display:block;width:100%;height:50px}.waveform div{font-size:8px;letter-spacing:1.1px;color:#7aa1b4;display:flex;justify-content:space-between}.waveform div span{color:#53e0bf}.side-bottom{padding:14px 20px 17px;border-top:1px solid #314759;display:flex;flex-direction:column;gap:11px}.play-btn{display:block;width:100%;background:linear-gradient(110deg,#2eaccb,#176783);border:1px solid #66d3ec;border-radius:4px;padding:12px;color:#e9faff;font-weight:800;font-size:11px;letter-spacing:1.3px}.play-btn span{padding-left:10px}.side-bottom>small{font-size:8px;color:#64899a;text-align:center;letter-spacing:1.1px}.footer{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#07131e;border-top:1px solid #294251;padding:0 24px;font-size:9px;letter-spacing:1.25px;font-weight:600;color:#7e9fae;flex-shrink:0}.footer b{color:#c2d6df}.footer-center span{padding:0 7px;color:#426274}.sep{padding:0 5px}.load-screen{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071724f5;color:#c3f6ff;font-size:12px;letter-spacing:2.5px;transition:opacity .5s}.load-screen.hidden{opacity:0;pointer-events:none}.loading-glyph{color:#51dffa;font-size:76px;margin-bottom:19px;animation:loading 2.4s linear infinite}.load-screen small{color:#7699ab;letter-spacing:1.4px;font-size:9px;margin-top:10px}.load-screen.error{color:#ffaaa7}.load-screen.error .loading-glyph{animation:none;color:#ffaaa7}@keyframes loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}dialog{border:1px solid #4b849a;background:#0c1e2d;color:#d7eff6;box-shadow:0 12px 70px #000b;border-radius:8px;max-width:430px;padding:28px;line-height:1.65}dialog::backdrop{background:#010812c9}dialog h2{margin:0 0 13px;letter-spacing:2px}dialog p,dialog li{font-size:13px;color:#a4c2d0}dialog ul{padding-left:20px}dialog kbd{padding:2px 4px;border:1px solid #46819a}dialog button{margin-top:10px;color:#05141f;background:#65d7f0;border:0;border-radius:4px;padding:10px 15px;font-weight:700}@media(max-width:1110px){.sidebar{width:305px}.viewport-info{left:28px;top:30px}.viewport-info h1{font-size:25px}.inspect-card{top:auto;bottom:87px;width:215px}.footer-center{display:none}}@media(max-width:760px){.app{min-height:620px;overflow:auto;height:auto;min-height:100dvh}.workspace{display:block;flex:none}.topbar{height:66px;padding:0 16px}.top-status{display:none}.viewport{height:63svh;min-height:420px}.viewport-info{top:21px;left:20px;width:245px}.viewport-info h1{font-size:25px}.viewport-info p{font-size:10px;max-width:230px}.chips{gap:4px}.chips span{font-size:7px}.inspect-card{top:auto;right:13px;bottom:74px;width:190px;padding:10px}.inspect-card p{font-size:9px}.scene-actions{left:12px;bottom:18px}.scene-actions button{padding:8px}.scene-actions button span{display:none}.sidebar{width:100%;border-left:none;border-top:1px solid #36566b}.side-scroll{overflow:visible}.side-head{padding:19px}.panel-section{padding:18px 20px}.telemetry strong{font-size:18px}.footer{padding:0 13px;font-size:8px}.footer>span:last-child{display:none}}