:root{font-family:Segoe UI,Segoe UI,sans-serif;color:#edf1e9;background:#101311;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--muted:#899188;--line:#ffffff14;--lime:#c1ef79;--panel:#171b18}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 24%,#283229 0,#171c18 36%,#101311 75%)}button,select{font:inherit}.lab-shell{width:min(1360px,100%);min-height:100vh;margin:0 auto;padding:27px clamp(18px,4vw,56px) 18px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.brandlock{display:flex;align-items:center;gap:13px}.brand-mark{width:32px;height:32px;border:1px solid #c1ef795c;border-radius:9px;display:grid;place-items:center;transform:rotate(45deg)}.brand-mark span{width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #c1ef7980}.eyebrow,.scene-index,.viewport-label,.viewport-foot,.top-status,.tab-num,.speed-picker,.stats-row>div span,.lab-footer{font:10px DM Mono,monospace;letter-spacing:.11em;color:var(--muted)}.eyebrow{font-size:9px}.eyebrow span{color:#616a61}.topbar h1{font-size:21px;letter-spacing:-.04em;font-weight:600;margin:3px 0 0}.top-status{display:flex;align-items:center;gap:10px}.top-status i,.top-status b{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c1ef79aa}.top-status b{width:auto;height:auto;background:none;box-shadow:none;color:var(--lime);font-weight:400}.workbench{flex:1;display:flex;flex-direction:column}.scene-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 14px}.scene-index{color:var(--lime);font-size:9px}.scene-heading h2{font-size:23px;line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:6px 0 0}.scene-heading h2 span{color:#8f9a8f;font-size:13px;font-weight:400;letter-spacing:0;margin-left:12px}.view-mode{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#0e110f80}.view-mode button{background:none;border:0;border-radius:6px;padding:8px 12px;color:#8a948b;font-size:11px;cursor:pointer}.view-mode button.active{background:#c1ef7919;color:#d8f3b3;box-shadow:inset 0 0 0 1px #c1ef7936}.viewport{position:relative;min-height:390px;height:min(47vh,520px);overflow:hidden;border:1px solid #ffffff18;border-radius:15px;background:radial-gradient(ellipse at 50% 44%,#27302a 0,#1b211d 43%,#141815 78%);box-shadow:0 25px 70px #0004,inset 0 1px #ffffff09}.viewport-glow{position:absolute;left:22%;right:22%;bottom:10%;height:20%;border-radius:50%;background:#b6d78114;filter:blur(48px);pointer-events:none}.viewport-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#b9c4ad10 1px,transparent 1px),linear-gradient(90deg,#b9c4ad10 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent);pointer-events:none}.viewport canvas{position:absolute!important;inset:0;z-index:1}.viewport-label,.viewport-foot{position:absolute;z-index:2;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;color:#7d897e}.viewport-label{top:18px}.viewport-foot{bottom:16px;color:#778179}.viewport-foot span:last-child{color:var(--lime)}.scene-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.scene-tabs button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#161a17;color:#aab2a8;font-size:11px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.scene-tabs button:hover{border-color:#c1ef7940}.scene-tabs button.selected{border-color:#c1ef795e;background:#b4d67b0c;color:#edf2e8}.tab-num{font-size:9px;color:#69736a}.scene-tabs .selected .tab-num{color:var(--lime)}.tab-arrow{margin-left:auto;color:#687268}.scene-tabs .selected .tab-arrow{color:var(--lime)}.control-deck{margin-top:12px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(140deg,#1a1f1b,#151916);box-shadow:0 16px 40px #0002}.transport{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.icon-button,.play-button{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #ffffff1b;border-radius:8px;background:#ffffff06;color:#dbe4d7;cursor:pointer}.icon-button svg,.play-button svg,.reset-camera svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.play-button{width:38px;height:38px;border-color:#c1ef7973;background:var(--lime);color:#182014}.play-button svg{fill:currentColor;stroke:none}.icon-button:disabled,.play-button:disabled{opacity:.4;cursor:not-allowed}.timeline-wrap{flex:1;min-width:110px}.timeline-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#9ca79b;font-size:10px}.timeline-meta span:last-child{font:10px DM Mono,monospace;color:#bec8b9}.timeline-meta i{font-style:normal;color:#586158}.timeline{height:3px;border-radius:5px;background:#ffffff18;overflow:hidden}.timeline span{display:block;height:100%;border-radius:inherit;background:var(--lime);box-shadow:0 0 8px #c1ef7955;transition:width .08s linear}.speed-picker{display:flex;align-items:center;gap:8px;font-size:8px;white-space:nowrap}.speed-picker select{appearance:none;border:1px solid #ffffff1b;border-radius:6px;padding:8px 25px 8px 9px;background:#101411;color:#e0e7da;font:11px DM Mono,monospace;background-image:linear-gradient(45deg,transparent 50%,#9aa495 50%),linear-gradient(135deg,#9aa495 50%,transparent 50%);background-position:calc(100% - 11px) 11px,calc(100% - 7px) 11px;background-size:4px 4px;background-repeat:no-repeat}.speed-picker select:disabled{opacity:.5}.reset-camera{display:flex;align-items:center;gap:7px;border:0;background:none;color:#9ca69a;font-size:10px;cursor:pointer;white-space:nowrap}.reset-camera:hover{color:var(--lime)}.reset-camera svg{width:15px;height:15px}.stats-row{display:flex;align-items:center;gap:23px;padding:11px 15px}.stats-row>div{display:flex;flex-direction:column;gap:4px}.stats-row>div span{font-size:8px;color:#707a70}.stats-row>div strong{font:11px DM Mono,monospace;color:#c9d2c5;font-weight:400}.stats-row>div strong.good{color:#c1ef79}.stats-row>div strong.warn{color:#e8c279}.stats-row>div:nth-child(4) strong{font:10px Segoe UI,sans-serif}.details-toggle{margin-left:auto;border:0;background:none;color:#8f9a8e;font-size:10px;cursor:pointer}.details-toggle span{color:var(--lime);font-size:14px;margin-left:5px}.model-note{border-top:1px solid var(--line);padding:12px 15px;color:#9da79b;font-size:11px;line-height:1.65}.lab-footer{display:flex;justify-content:space-between;margin-top:16px;color:#657065;font-size:8px}.lab-footer span:last-child{color:#778477}@media(max-width:800px){.lab-shell{padding-top:18px}.topbar{margin-bottom:22px}.top-status{font-size:8px}.viewport{height:42vh;min-height:320px}.stats-row{gap:14px;flex-wrap:wrap}.stats-row>div{min-width:72px}.transport{gap:8px;flex-wrap:wrap}.timeline-wrap{order:5;flex-basis:100%;padding:4px 2px}.speed-picker{margin-left:auto}.reset-camera{padding:7px}.scene-heading h2 span{display:block;margin:4px 0 0}.scene-tabs button{padding:11px 8px;gap:7px;font-size:9px}.tab-num{display:none}}@media(max-width:480px){.eyebrow{font-size:7px}.topbar h1{font-size:18px}.top-status{letter-spacing:.04em}.scene-heading{align-items:start;gap:10px;flex-direction:column}.view-mode{align-self:stretch}.view-mode button{flex:1}.viewport-label,.viewport-foot{left:12px;right:12px;font-size:7px}.scene-tabs{gap:5px}.scene-tabs button{padding:10px 7px;justify-content:center}.scene-tabs button span:nth-child(2){font-size:8px}.tab-arrow{display:none}.stats-row{gap:10px}.stats-row>div{min-width:calc(33% - 10px)}.reset-camera{font-size:9px}.lab-footer{font-size:7px;gap:8px}.lab-footer span:first-child{max-width:70%}}:root{--osd-bg:#171c18}.viewport canvas{touch-action:none}.scene-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#aab5a8;font-size:12px;letter-spacing:.03em}.osd-preview{position:absolute;z-index:3;left:50%;bottom:43px;transform:translate(-50%);width:min(410px,calc(100% - 36px));min-height:67px;display:flex;align-items:center;gap:13px;padding:10px 14px;border:1px solid #ffffff20;border-radius:11px;background:linear-gradient(130deg,#202720ed,#121714ed);box-shadow:0 13px 32px #0007,inset 0 1px #ffffff10;backdrop-filter:blur(16px);pointer-events:none}.osd-glyph{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #c1ef7942;border-radius:9px;background:#c1ef7913;color:#d4f29e;font-size:16px;font-weight:600}.osd-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.osd-copy small{font:8px DM Mono,monospace;letter-spacing:.12em;color:#8e9c8c}.osd-copy strong{font-size:12px;font-weight:600;color:#edf2e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osd-state{display:flex;align-items:center;gap:7px;font:8px DM Mono,monospace;letter-spacing:.08em;color:#bac99f;white-space:nowrap}.osd-state i{width:6px;height:6px;border-radius:50%;background:#c1ef79;box-shadow:0 0 7px #c1ef796e}@media(max-width:480px){.osd-preview{bottom:42px;width:calc(100% - 24px);padding:8px 10px;gap:9px}.osd-glyph{width:32px;height:32px}.osd-copy small{font-size:7px}.osd-copy strong{font-size:11px}.osd-state{font-size:7px}}