:root{color:#eef2f5;background:#101418;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,label{font:inherit}#app{min-height:100vh}.viewer-shell{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#101418}.canvas-host{position:relative;min-width:0;min-height:0}.canvas-host canvas{display:block;width:100%;height:100%}.nav-toggle,.nav-panel{position:absolute;z-index:2}.nav-toggle{right:14px;bottom:14px;min-width:54px;min-height:38px;background:#f8fafcdb;box-shadow:0 10px 24px #0000003d}.nav-panel{right:14px;bottom:60px;display:grid;gap:8px;width:min(238px,calc(100% - 28px));padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0f171cb8;box-shadow:0 14px 34px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-panel[hidden]{display:none}.nav-cluster{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nav-cluster button{min-width:0;min-height:38px;padding:0;background:#f8fafc29;color:#f8fafc;touch-action:none;-webkit-user-select:none;user-select:none}.nav-cluster button:hover{background:#7dd3fc47}.nav-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.nav-presets button{min-width:0;min-height:34px;padding:0 6px;background:#f8fafc1f;color:#f8fafc;font-size:12px}.nav-speed{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#cbd5e1;font-size:12px;font-weight:700}.nav-speed input{width:100%;accent-color:#7dd3fc}.hud{display:flex;flex-direction:column;gap:20px;padding:24px;border-left:1px solid rgba(255,255,255,.1);background:#0f171ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{margin:0 0 8px;color:#7dd3fc;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:25px;line-height:1.15;letter-spacing:0}dl{display:grid;grid-template-columns:1fr;gap:10px;margin:0}dl div{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:12px}dt{color:#9aa8b3;font-size:12px;text-transform:uppercase}dd{margin:0;color:#f8fafc;font-size:14px;overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}button,.actions label{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#f8fafc;color:#101418;cursor:pointer;font-weight:700}button:hover,.actions label:hover{background:#bae6fd}.scene-picker{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#02060a5c}.scene-picker[hidden]{display:none}.scene-option{display:grid;justify-content:stretch;gap:4px;min-height:36px;padding:10px 12px;background:#f8fafc14;color:#f8fafc;text-align:left}.scene-option:hover{background:#7dd3fc33}.scene-option-title{font-size:14px;line-height:1.25}.scene-option-meta,.scene-option-note{color:#cbd5e1;font-size:12px;font-weight:500;line-height:1.35}.scene-option-note{color:#9aa8b3}.scene-picker-empty{margin:0;color:#cbd5e1;font-size:13px}.compare-panel{display:grid;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#02060a5c}.compare-panel[hidden]{display:none}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-controls label{display:grid;gap:5px;color:#cbd5e1;font-size:12px;font-weight:700}.compare-controls select{min-width:0;min-height:34px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#f8fafc;color:#101418;font:inherit;font-size:12px}.compare-results{display:grid;gap:10px}.compare-card{display:grid;gap:8px;padding:10px;border-radius:6px;background:#f8fafc14}.compare-card h2,.compare-card p{margin:0}.compare-card h2{font-size:13px;line-height:1.3}.compare-card dl{gap:5px}.compare-card dl div{grid-template-columns:76px minmax(0,1fr)}.compare-card p{color:#cbd5e1;font-size:12px;line-height:1.35}.compare-card button{min-height:34px}.load-progress{height:6px;overflow:hidden;border-radius:999px;background:#f8fafc1f}.load-progress[hidden]{display:none}.load-progress div{width:0%;height:100%;border-radius:inherit;background:#7dd3fc;transition:width .12s linear}.status{margin:auto 0 0;color:#cbd5e1;font-size:13px;line-height:1.45}@media(max-width:760px){body{overflow:auto}.viewer-shell{position:relative;min-height:100vh;grid-template-columns:1fr;grid-template-rows:minmax(420px,68vh) auto}.hud{border-top:1px solid rgba(255,255,255,.1);border-left:0}.nav-toggle,.nav-panel{position:fixed}.nav-toggle{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.nav-panel{right:12px;bottom:calc(58px + env(safe-area-inset-bottom));width:min(238px,calc(100vw - 24px))}}