:root{--bg: #05070d;--bg2: #0a0f1c;--panel: rgba(18, 26, 44, .55);--panel-brd: rgba(56, 189, 248, .16);--txt: #e6f1ff;--muted: #8aa0c4;--cyan: #22d3ee;--blue: #38bdf8;--violet: #a78bfa;--amber: #f59e0b;--rose: #fb7185;--ok: #34d399;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#0e1730 0%,var(--bg) 60%);color:var(--txt);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:480px;margin:0 auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom));height:100dvh;display:flex;flex-direction:column;gap:8px;overflow:hidden;position:relative}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%)}.hd{display:flex;align-items:flex-start;justify-content:space-between;flex:none}.nameplate .sc-make{margin:0;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}.nameplate .sc-model{margin:0;font-size:22px;font-weight:800;letter-spacing:4px;line-height:1.1}.sc-variant{display:inline-block;vertical-align:3px;margin-left:4px;padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--bg);background:linear-gradient(135deg,#fff,#9aa4b2)}.sc-yr{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--muted);margin-left:6px;vertical-align:3px}.hd-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hd-mode{font-size:10px;font-weight:700;letter-spacing:2px;padding:3px 9px;border-radius:999px;border:1px solid}.hd-mode.demo{color:var(--amber);border-color:#f59e0b66;background:#f59e0b14}.hd-mode.live{color:var(--ok);border-color:#34d39966;background:#34d39914}.demo-toggles{display:flex;gap:8px;font-size:10px;color:var(--muted)}.demo-toggles label{display:flex;align-items:center;gap:3px}.demo-toggles input{width:12px;height:12px;margin:0}.hero{flex:1 1 0;min-height:0;position:relative;border-radius:var(--radius);overflow:hidden;background:radial-gradient(60% 50% at 50% 60%,rgba(56,189,248,.1),transparent 70%),var(--panel);border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0a}.hero-svg{height:100%;display:flex;justify-content:center;align-items:center;padding:6px 0}.car-svg{height:100%;max-height:100%;width:auto;max-width:100%}.hero-3d{position:relative;height:100%}.hero-floor{position:absolute;left:50%;bottom:8%;width:78%;height:22%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,var(--glow),transparent 70%);filter:blur(14px);transition:background .4s;pointer-events:none}.hero-badges{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}.hb{font-size:9px;font-weight:700;letter-spacing:1.2px;padding:3px 7px;border-radius:999px;border:1px solid;background:#05070db3}.hb-on{color:var(--ok);border-color:#34d39980}.hb-ac{color:var(--blue);border-color:#38bdf880}.hb-warn{color:var(--amber);border-color:#f59e0b80}.sc-specs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.sc-specs span{font-size:10px;letter-spacing:.6px;color:var(--muted);padding:3px 8px;border-radius:999px;border:1px solid var(--panel-brd);background:#38bdf80d}.sc-paint{display:flex;align-items:center;gap:8px;margin-top:10px}.swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;padding:0;border:2px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #00000059;transition:transform .15s,border-color .2s}.swatch.on{border-color:var(--cyan);transform:scale(1.15)}.sc-paint-name{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:.5px}.car-pane{display:flex;flex-direction:column;justify-content:center;height:100%}.pulse{animation:pulse 1.6s ease-in-out infinite;transform-origin:center}.pulse-soft{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;flex:none}.tile{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:4px;padding:5px 8px;min-width:0;background:var(--panel);border:1px solid var(--panel-brd);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tile-label{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-value{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tone-ok .tile-value{color:var(--ok)}.tone-warn .tile-value{color:var(--amber)}.tone-err .tile-value{color:var(--rose)}.panel{background:var(--panel);border:1px solid var(--panel-brd);border-radius:var(--radius);padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0a}.panel h3{margin:0 0 12px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hint{margin:10px 0 0;font-size:11px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ctl{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:14px 10px 11px;cursor:pointer;background:linear-gradient(180deg,#1d2430,#121824 45%,#0c1018);border:1px solid #2b3444;border-top-color:#3a4556;border-radius:14px;color:#c9d3e0;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000000b3,0 3px 8px #0000008c;transition:transform .1s,border-color .25s,box-shadow .25s,color .25s}.ctl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}.ctl:after{content:"";position:absolute;left:8%;right:8%;top:0;height:40%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);border-radius:14px 14px 50% 50%}.ctl:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000000b3,0 1px 2px #00000080}.ctl:disabled{opacity:.55;cursor:default}.ctl.wide{grid-column:1 / -1}.ctl-led{position:absolute;top:6px;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:2px;background:#1a2130;box-shadow:inset 0 0 0 1px #0009;transition:background .3s,box-shadow .3s}.ctl-icon{display:flex;line-height:0;color:#dbe4f0;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.ctl-label{font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.ctl.active{border-color:#22d3ee73;color:#eafcff}.ctl.active .ctl-led{background:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 16px #22d3ee80}.ctl.active .ctl-icon{color:var(--cyan);filter:drop-shadow(0 0 5px rgba(34,211,238,.7))}.ctl.active .ctl-label{color:#eafcff}.ctl.danger .ctl-icon{color:#ffd0d6}.ctl.danger.active{border-color:#fb718580}.ctl.danger.active .ctl-led{background:var(--rose);box-shadow:0 0 8px var(--rose),0 0 16px #fb718580}.ctl.danger.active .ctl-icon{color:var(--rose);filter:drop-shadow(0 0 5px rgba(251,113,133,.7))}.ctl.round{justify-self:center;width:116px;height:116px;min-height:0;padding:0;border-radius:50%;gap:4px;margin:4px 0 2px;background:radial-gradient(circle at 50% 30%,#262f3d,#10151f 65%,#090c12);border-color:#3a4556;box-shadow:0 0 0 4px #141922,0 0 0 5px #4a5567,0 0 0 6px #0b0e14,0 0 0 7px #2a3342,inset 0 2px 3px #ffffff24,inset 0 -6px 10px #000000a6,0 6px 14px #0009}.ctl.round:after{left:18%;right:18%;top:6%;height:34%;border-radius:50%}.ctl.round .ctl-led{top:16px;width:22px}.ctl.round .ctl-icon svg{width:28px;height:28px}.ctl.round .ctl-label{font-size:9px;letter-spacing:1.6px}.ctl.round:active{transform:translateY(1px);box-shadow:0 0 0 4px #141922,0 0 0 5px #4a5567,0 0 0 6px #0b0e14,0 0 0 7px #2a3342,inset 0 3px 8px #000c}.ctl.round.danger{box-shadow:0 0 0 4px #141922,0 0 0 5px #4a5567,0 0 0 6px #0b0e14,0 0 0 7px #2a3342,inset 0 2px 3px #ffffff24,inset 0 -6px 10px #000000a6,0 0 22px #fb71852e}.ctl.round.active{box-shadow:0 0 0 4px #141922,0 0 0 5px #4a5567,0 0 0 6px #0b0e14,0 0 0 7px #2a3342,inset 0 2px 3px #ffffff24,inset 0 -6px 10px #000000a6,0 0 26px #22d3ee59}.ctl.busy .ctl-led{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:pulse .8s ease-in-out infinite}.seg{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap;padding:4px;border-radius:12px;background:#080b11;box-shadow:inset 0 1px 3px #000c,inset 0 -1px #ffffff0a}.seg-item{flex:1;min-width:44px;padding:8px;font-size:11px;font-weight:600;letter-spacing:.8px;cursor:pointer;background:linear-gradient(180deg,#1a2130,#10151f);color:var(--muted);border:1px solid #242d3b;border-radius:9px;transition:.2s;box-shadow:inset 0 1px #ffffff0d}.seg-item.on{color:var(--cyan);border-color:#22d3ee73;background:linear-gradient(180deg,#202a3a,#141b27);box-shadow:inset 0 -2px 0 var(--cyan),inset 0 1px #ffffff0f,0 0 10px #22d3ee33}.scenes .scene-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.scene{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:12px 9px 10px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#1d2430,#121824 45%,#0c1018);border:1px solid #2b3444;border-top-color:#3a4556;border-radius:14px;color:var(--txt);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000000b3,0 3px 8px #0000008c;transition:transform .1s,box-shadow .2s,border-color .2s}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}.scene:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000000b3}.scene:hover{border-color:#a78bfa73}.scene-icon{display:flex;line-height:0;color:var(--violet);filter:drop-shadow(0 0 4px rgba(167,139,250,.5))}.scene-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.scene-desc{font-size:9px;color:var(--muted);line-height:1.3}.toasts{position:fixed;left:0;right:0;bottom:calc(150px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:none}.toast{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;background:#0a101ceb;border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .25s ease-out}.toast-ok{border-color:#34d39980;color:var(--ok)}.toast-warn{border-color:#f59e0b80;color:var(--amber)}.toast-err{border-color:#fb718599;color:var(--rose)}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.deck{flex:none;display:flex;flex-direction:column;gap:8px}.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 52px;gap:4px;padding:4px;border-radius:14px;background:#080b11;box-shadow:inset 0 1px 3px #000c,inset 0 -1px #ffffff0a}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:7px 2px 6px;cursor:pointer;border-radius:10px;color:var(--muted);background:linear-gradient(180deg,#1a2130,#10151f);border:1px solid #242d3b;box-shadow:inset 0 1px #ffffff0d;transition:.2s}.tab-icon{display:flex;line-height:0}.tab-label{font-size:8.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.tab.on{color:var(--cyan);border-color:#22d3ee73;background:linear-gradient(180deg,#202a3a,#141b27);box-shadow:inset 0 -2px 0 var(--cyan),inset 0 1px #ffffff0f,0 0 10px #22d3ee33}.abort-tab{padding:3px;background:radial-gradient(circle at 50% 35%,#4a0f1c,#1d0509 70%);border-color:var(--rose);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -4px 8px #0009,0 0 14px #fb718559}.abort-tab:active{transform:translateY(1px);box-shadow:inset 0 3px 8px #000c}.abort-cap{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#ffdfe4}.pane{height:160px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0a;animation:rise .18s ease-out}.pane .seg{margin-bottom:0}.pane .hint{margin:0;text-align:center;font-size:10px}.pane .ctl{min-height:62px}.engine-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.engine-row .ctl.round{width:96px;height:96px;margin:6px 8px}.engine-row .ctl.round .ctl-led{top:12px}.engine-row .ctl.round .ctl-label{font-size:8px}.scene-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.hero-svg{position:relative}.hero-err{position:absolute;left:10px;bottom:8px;font-size:9px;color:var(--muted);letter-spacing:.5px}.hero-3d canvas{display:block}.hero-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.hero-loading span{width:14px;height:14px;border-radius:50%;border:2px solid var(--cyan);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.credit{margin-top:8px;font-size:9px}.credit a{color:var(--blue);text-decoration:none}.doors-seg{align-items:center}.seg-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:0 6px 0 4px}.seg-item.warn{color:var(--amber);border-color:#f59e0b80;box-shadow:inset 0 -2px 0 var(--amber),0 0 10px #f59e0b33}.seg-item:disabled{cursor:default;opacity:.7}.sc-reg{display:inline-block;vertical-align:3px;margin-left:8px;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#121418;background:#eef0f2;border:1.5px solid #14161a}.hero-view{position:absolute;right:10px;top:10px;z-index:2;cursor:pointer;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt);background:#05070db8;border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-view.on{color:var(--cyan);border-color:#22d3ee80;box-shadow:0 0 10px #22d3ee40}