:root{color-scheme:dark;--bg:#08131b;--glass:rgba(8,19,28,.86);--glass2:rgba(9,22,31,.92);--line:rgba(201,217,215,.13);--line-strong:rgba(201,217,215,.23);--bright:#f2f1e9;--muted:#93a6ab;--muted2:#647d86;--amber:#e8b16c;--amber2:#f8d392;--teal:#7ac7bc;--edge:20px;--panel:314px;--rail:65px;font-family:Inter,'Segoe UI',Arial,sans-serif;font-feature-settings:'tnum' on;}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--bright)}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}em{font-style:normal}#app{position:relative;width:100%;height:100dvh;overflow:hidden;background:#10202d}#viewport{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}#viewport.dragging{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,13,20,.52),transparent 36%,transparent 72%,rgba(4,13,20,.16)),linear-gradient(0deg,rgba(4,12,18,.48),transparent 25%,transparent 78%,rgba(4,12,18,.3))}.topbar{position:absolute;top:0;left:0;right:0;height:75px;display:flex;justify-content:space-between;align-items:center;padding:0 25px 0 86px;z-index:6;background:linear-gradient(180deg,rgba(5,15,22,.94),rgba(5,15,22,.65));border-bottom:1px solid var(--line);backdrop-filter:blur(24px)}.identity{display:flex;align-items:center;gap:14px;min-width:305px}.mark{position:relative;width:36px;height:36px;border:1px solid rgba(239,180,94,.6);border-radius:3px;display:grid;place-items:center;overflow:hidden}.mark-sun{height:10px;width:10px;background:var(--amber);border-radius:50%;box-shadow:0 0 19px rgba(251,179,91,.7)}.mark i{position:absolute;left:5px;right:5px;height:1px;background:var(--amber);transform:rotate(-32deg)}.mark i:nth-of-type(1){top:6px}.mark i:nth-of-type(2){bottom:6px}.mark i:nth-of-type(3){top:28px;transform:rotate(32deg)}.eyebrow{color:var(--muted2);font-size:8px;font-weight:800;letter-spacing:1.5px;margin-bottom:3px}.sep{margin:0 7px;color:var(--amber)}.identity strong{font-size:19px;letter-spacing:1.0px;font-weight:850;line-height:1}.identity strong em{color:var(--amber)}.product-code{margin-left:2px;border:1px solid var(--line-strong);color:var(--muted);font-weight:700;font-size:9px;letter-spacing:1px;padding:6px 8px}.top-center{display:flex;align-items:center;gap:19px;font-size:10px;color:var(--muted);letter-spacing:1.1px}.live{display:flex;align-items:center;gap:9px;color:#afddca;font-weight:750;font-size:9px}.live span,.green-dot,.status-dot{width:6px;height:6px;border-radius:50%;background:#83d3ac;box-shadow:0 0 12px #76cba2}.top-separator{width:1px;height:20px;background:var(--line)}.top-actions{display:flex;gap:8px}.top-button{border:1px solid var(--line-strong);height:34px;padding:0 12px;background:rgba(21,35,44,.5);color:var(--bright);display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.4px;font-weight:750}.top-button span{font-size:16px;font-weight:400}.top-button.accent{border-color:rgba(246,181,94,.6);color:var(--amber2);background:rgba(120,72,38,.13)}.top-button:hover,.preset:hover,.rail-btn:hover{border-color:var(--amber);color:var(--amber2)}.rail{position:absolute;top:0;bottom:0;left:0;width:66px;z-index:7;background:rgba(5,14,21,.94);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:98px 8px 14px;gap:10px}.rail-btn{background:transparent;color:#6c818c;border:1px solid transparent;width:49px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.18s}.rail-btn.selected{color:var(--amber2);background:rgba(226,163,90,.1);border:1px solid rgba(226,163,90,.22)}.rail-ico{font-size:25px;line-height:23px}.rail-btn small{font-size:8px;letter-spacing:1px;font-weight:750}.rail-space{flex:1}.rail-version{font-size:8px;letter-spacing:1px;color:#415866;writing-mode:vertical-rl;transform:rotate(180deg)}.side-panel{position:absolute;top:75px;bottom:44px;left:66px;width:var(--panel);background:var(--glass);backdrop-filter:blur(20px);border-right:1px solid var(--line-strong);z-index:5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304956 transparent}.panel-top{padding:29px 22px 23px}.panel-kicker,.group-label,.hero-kicker{font-weight:800;font-size:9px;letter-spacing:1.8px;color:var(--amber)}.panel-kicker{display:flex;gap:14px;align-items:center}.side-panel h1{font-size:29px;letter-spacing:-1.5px;line-height:1.08;margin:17px 0 13px;font-weight:900}.side-panel h1 span{color:#f2c088}.panel-top p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:245px}.thin-rule{height:1px;margin:0 22px;background:var(--line)}.property-group{padding:23px 22px}.group-label{display:flex;align-items:center;gap:12px;font-size:10px;margin-bottom:20px}.group-label span{font-size:10px;color:#d9e2de;letter-spacing:1.1px}.group-label small{margin-left:auto;font-size:8px;color:var(--muted2);letter-spacing:.9px}.metric-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px}.metric-line strong{font-size:11px;color:var(--amber2);font-weight:800}.sp16{margin-top:20px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--amber),rgba(209,218,216,.22));border-radius:3px;cursor:pointer;vertical-align:middle}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:var(--amber2);border:2px solid #06151c;box-shadow:0 0 0 1px var(--amber);border-radius:50%}.range-ticks{display:flex;justify-content:space-between;font-size:8px;color:#748891;letter-spacing:.6px;margin-top:9px}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:17px}.preset{background:rgba(37,51,59,.48);border:1px solid var(--line);color:#99adb1;padding:8px 0;font-size:8px;letter-spacing:1px;font-weight:800}.preset.active{background:rgba(217,149,77,.18);border-color:rgba(223,164,99,.57);color:var(--amber2)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;cursor:pointer}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:4px}.toggle-row b{font-size:11px;font-weight:650}.toggle-row small{font-size:9px;color:var(--muted2)}.toggle-row input{position:absolute;opacity:0;width:0;height:0}.switch{width:33px;height:18px;border-radius:30px;background:#33434e;flex:none;position:relative;transition:.2s}.switch:after{position:absolute;content:'';width:12px;height:12px;top:3px;left:3px;background:#b0c0c3;border-radius:50%;transition:.2s}.toggle-row input:checked+.switch{background:rgba(232,177,108,.55)}.toggle-row input:checked+.switch:after{transform:translateX(15px);background:#fce2b3}.quality-pick{display:flex;gap:4px;padding:4px;background:rgba(4,13,20,.55);border:1px solid var(--line)}.quality-pick button{border:0;background:transparent;color:var(--muted2);font-size:8px;font-weight:800;letter-spacing:1px;padding:9px 11px;flex:1}.quality-pick button.active{background:#31434a;color:#fff7dd}.quality-footnote{font-size:9px;color:var(--muted2);line-height:1.6;margin-top:13px}.panel-bottom{display:flex;align-items:center;gap:9px;background:rgba(11,27,31,.96);padding:14px 19px;border-top:1px solid var(--line);color:#9fcab7;font-weight:800;letter-spacing:1.1px;font-size:8px}.bottom-bars{margin-left:auto;color:#dfb477;letter-spacing:0}.hero-label{position:absolute;left:calc(var(--panel) + var(--rail) + 40px);top:26%;z-index:3;pointer-events:none;opacity:1;transition:.4s}.hero-label.hidden-ui{opacity:0}.hero-kicker{display:flex;gap:10px;align-items:center}.goldline{width:26px;height:1px;background:var(--amber)}.hero-index{color:var(--muted2)}.hero-label h2{font-size:clamp(42px,4.1vw,75px);font-weight:950;line-height:.99;letter-spacing:-3.4px;margin:19px 0 13px;text-shadow:0 8px 30px rgba(0,0,0,.55)}.hero-label h2 em{color:var(--amber2)}.hero-label p{font-size:12px;line-height:1.8;color:#c6d1ce;text-shadow:0 3px 15px #05131d}.hero-discover{pointer-events:auto;margin-top:12px;padding:14px 15px;background:rgba(8,19,26,.70);color:#f8d8a6;border:1px solid rgba(235,174,101,.57);font-size:10px;letter-spacing:1.2px;font-weight:800}.hero-discover span{margin-left:29px;font-size:17px}.hero-discover:hover{background:rgba(149,99,58,.35)}.telemetry{position:absolute;right:22px;top:98px;width:265px;background:var(--glass);border:1px solid var(--line-strong);backdrop-filter:blur(21px);z-index:4;box-shadow:0 20px 70px rgba(0,0,0,.18)}.telemetry-header{height:48px;border-bottom:1px solid var(--line);padding:0 14px;display:flex;align-items:center;gap:10px;color:#d0ddd9;font-size:9px;letter-spacing:1.1px;font-weight:750}.circuit-dot{color:var(--amber);font-size:18px}.tiny-signal{margin-left:auto;color:#84c3aa}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr}.telemetry-cell{min-height:102px;padding:17px 14px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry-cell:nth-child(2n){border-right:0}.telemetry-cell small{display:block;color:var(--muted2);font-size:8px;font-weight:750;letter-spacing:1px;white-space:nowrap}.telemetry-cell strong{display:block;white-space:nowrap;font-size:26px;letter-spacing:-1.2px;font-weight:850;margin-top:13px;font-variant-numeric:tabular-nums}.telemetry-cell strong em{color:var(--amber);font-size:11px;letter-spacing:0}.cell-meta{display:block;color:#6a8187;font-size:8px;line-height:1.35;margin-top:3px}.storage-row{display:flex;justify-content:space-between;padding:20px 14px 10px;font-size:9px;font-weight:750;letter-spacing:1px;color:#acbfc0}.storage-row b{color:var(--amber2)}.storage-bar{height:4px;background:#243943;margin:0 14px 13px}.storage-bar div{background:linear-gradient(90deg,#448c86,#dbaf74);height:100%;width:64%;transition:width 1s}.telemetry-note{border-top:1px solid var(--line);padding:10px 14px;color:#64787f;font-size:8px;line-height:1.4}.site-map{position:absolute;right:22px;bottom:67px;width:220px;background:var(--glass);border:1px solid var(--line-strong);z-index:4;backdrop-filter:blur(18px);transition:.25s}.site-map.expanded{width:min(650px,calc(100vw - 440px));bottom:75px}.map-head{height:34px;padding:0 11px;display:flex;justify-content:space-between;align-items:center;color:#c5d2ce;font-size:9px;font-weight:700;letter-spacing:1px}.map-head button{color:var(--amber);border:0;background:transparent;font-size:18px}.map-art{height:167px;position:relative;overflow:hidden;background:#0b1b24}.map-art img{width:100%;height:100%;object-fit:cover;opacity:.87}.expanded .map-art{height:min(64vh,600px)}.map-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:rgba(241,205,146,.62);pointer-events:none}.map-target{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(232,169,99,.20);background:var(--amber);pointer-events:none}.map-footer{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 11px;font-size:8px;color:var(--muted2);letter-spacing:.6px}.map-scale{color:var(--amber)}.bottom-bar{position:absolute;bottom:0;left:66px;right:0;height:44px;background:rgba(5,15,22,.93);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:7;padding:0 20px;gap:12px;font-size:9px;letter-spacing:1px;color:#aabec0;font-weight:700}.bottom-location,.bottom-engine,.bottom-tip{display:flex;align-items:center;gap:13px;white-space:nowrap}.bottom-divider{height:12px;width:1px;background:#39505b}.bottom-tip{color:#7d9299;font-size:8px;gap:9px}.key{border:1px solid rgba(197,221,224,.24);border-radius:2px;font-size:8px;padding:3px 6px;color:#b8c8c8}.hotspot-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(233,184,108,.55);border-radius:2px;background:rgba(7,22,29,.85);color:#f8e4c7;font-size:9px;font-weight:750;letter-spacing:.5px;white-space:nowrap;pointer-events:auto;transform-origin:left;box-shadow:0 7px 21px #07141f64}.hotspot:hover{background:#35443e}.pin-core{display:block;width:7px;height:7px;border-radius:50%;background:var(--amber2);box-shadow:0 0 0 3px rgba(240,186,111,.22)}.boot-screen{position:absolute;z-index:25;inset:0;background:radial-gradient(ellipse 60% 75% at 67% 48%,#14343d,#07121b 64%);display:flex;align-items:center;justify-content:center;transition:opacity .65s,visibility .65s}.boot-screen.dismissed{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{width:min(450px,calc(100vw - 50px))}.boot-no{color:var(--amber);font-size:10px;letter-spacing:3px;font-weight:750}.boot-mark{font-size:75px;font-weight:950;letter-spacing:-12px;margin:45px 0 18px;color:#f6f1e5}.boot-mark span{font-size:62px;color:var(--amber2)}.boot-title{font-size:42px;font-weight:900;letter-spacing:-1.8px;line-height:1.07}.terminal-cursor{color:var(--amber);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.boot-sub{font-size:11px;color:#98aaa7;margin-top:21px;letter-spacing:.7px}.boot-track{height:2px;background:#344753;margin-top:24px}.boot-track div{height:100%;width:0;background:var(--amber);transition:width .22s}.boot-foot{display:flex;justify-content:space-between;color:#73868c;font-size:9px;letter-spacing:1.7px;margin-top:12px}.modal,.help-modal{position:absolute;inset:0;z-index:17;background:rgba(2,10,15,.83);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:30px}.hidden{display:none!important}.asset-inner{width:min(1000px,96vw);max-height:min(730px,90vh);background:#101e27;border:1px solid #47616b;box-shadow:0 36px 120px #0009;display:flex;flex-direction:column}.modal-bar{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-bottom:1px solid var(--line)}.modal-bar small,.help-inner small{font-size:9px;color:var(--amber);font-weight:800;letter-spacing:2px}.modal-bar h3{font-size:25px;font-weight:900;letter-spacing:-.7px;margin:9px 0 0}.modal-bar h3 em{color:var(--amber)}.close-x{background:transparent;border:1px solid var(--line-strong);color:#f1d7ae;font-size:29px;width:40px;height:40px;line-height:28px}.modal-body{display:grid;grid-template-columns:1.1fr 1fr;min-height:450px;overflow:hidden}.model-list{overflow-y:auto;padding:14px;scrollbar-color:#465e6a transparent;max-height:520px}.model-item{display:flex;gap:13px;padding:14px;border:1px solid transparent;text-align:left;width:100%;background:transparent;color:var(--bright);margin-bottom:6px}.model-item.selected{border-color:rgba(235,175,102,.5);background:rgba(194,130,73,.13)}.model-item:hover{background:#192e38}.model-number{width:33px;height:37px;display:grid;place-items:center;border:1px solid #4b6167;color:var(--amber);font-size:12px;font-weight:900}.model-item b{display:block;font-size:12px;letter-spacing:.2px;margin:2px 0 6px}.model-item small{color:#8da4a8;font-size:9px;text-transform:uppercase;letter-spacing:1px}.model-info{padding:41px 30px;border-left:1px solid var(--line);background:linear-gradient(140deg,#122934,#0d1b25)}.model-tag{color:var(--amber);font-size:9px;letter-spacing:2px;font-weight:700}.model-info h4{font-size:28px;line-height:1.1;letter-spacing:-.7px;margin:17px 0}.model-info p{line-height:1.8;font-size:12px;color:#a4b7b9}.model-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:29px 0;padding:20px 0}.model-stats small{display:block;color:#81989e;font-size:9px;letter-spacing:1.1px}.model-stats strong{display:block;margin-top:12px;font-size:16px}.primary-cta{background:var(--amber);border:0;color:#14212a;padding:17px 20px;font-weight:900;letter-spacing:1px;font-size:10px;text-align:left}.primary-cta:hover{background:#ffe0a4}.inspector-overlay{position:absolute;z-index:8;top:97px;left:calc(var(--rail) + 25px);padding:17px 20px;background:#091b25e8;border:1px solid #355360;display:flex;flex-direction:column;gap:9px}.inspector-overlay span{font-size:9px;color:var(--amber);letter-spacing:1.6px;font-weight:800}.inspector-overlay strong{font-size:20px;max-width:270px}.inspector-overlay button{border:1px solid #9e8462;color:var(--amber2);background:#1c2c33;padding:12px;font-size:9px;letter-spacing:1px;font-weight:800;margin-top:8px}.help-inner{position:relative;background:#11232b;border:1px solid #46616a;width:min(560px,92vw);padding:45px}.help-inner .close-x{position:absolute;top:18px;right:18px}.help-inner h3{font-size:32px;line-height:1.1;letter-spacing:-1px}.help-inner p{color:#a4b8b9;font-size:13px;line-height:1.9}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.help-columns div{border-top:1px solid #42535e;padding-top:14px}.help-columns b{display:block;color:#e6bf87;font-size:10px;letter-spacing:1px;margin-bottom:8px}.help-columns span{display:block;color:#94a7ab;font-size:11px;line-height:1.6}.toast{position:absolute;right:25px;top:84px;z-index:20;background:#22363a;color:#e7c68f;border:1px solid #ac8151;padding:15px 18px;opacity:0;transform:translateY(-10px);transition:.3s;pointer-events:none;font-size:11px}.toast.visible{opacity:1;transform:none}
@media(max-width:1300px){.top-center{display:none}.telemetry{width:230px}.telemetry-cell{padding:13px 9px;min-height:94px}.hero-label{top:24%}.hero-label h2{font-size:52px}}
@media(max-width:960px){:root{--panel:270px}.side-panel h1{font-size:25px}.telemetry{display:none}.site-map{width:188px}.hero-label{left:calc(var(--panel) + var(--rail) + 24px);top:22%}.hero-label h2{font-size:42px}.hero-label p{font-size:10px}.bottom-tip{display:none}.topbar{padding-left:83px}}
@media(max-width:700px){.topbar{height:65px}.topbar .product-code,.top-button b{display:none}.identity{min-width:0}.identity strong{font-size:16px}.top-button{padding:0 11px}.rail{width:53px;padding-top:86px}.rail-btn{width:43px}.side-panel{left:53px;top:65px;width:min(250px,calc(100vw - 82px));bottom:42px;transform:translateX(calc(-100% - 8px));transition:transform .25s}.side-panel.mobile-open{transform:none}.hero-label{left:76px;top:24%}.hero-label h2{font-size:46px}.site-map{right:10px;bottom:55px;width:145px}.map-art{height:125px}.map-footer{font-size:6px}.bottom-bar{left:53px;font-size:7px;padding:0 9px}.bottom-engine{font-size:7px;gap:4px}.bottom-location{gap:7px}.rail-version{display:none}.modal-body{display:flex;flex-direction:column}.asset-inner{max-height:93vh}.model-list{max-height:230px}.model-info{padding:20px}.modal-bar h3{font-size:17px}.modal-bar{padding:17px}.help-columns{grid-template-columns:1fr}}
#app.inspection .side-panel,#app.inspection .site-map,#app.inspection .hero-label,#app.inspection .telemetry,#app.inspection #hotspots{display:none!important}#app.inspection #viewport{cursor:grab}