:root{color-scheme:dark;--bg:#07111b;--base:#0d1a27;--panel:#0d1c2b;--line:#203749;--muted:#7996a7;--text:#e6f2f5;--cyan:#56cde7;--teal:#47dfc1;--orange:#e4ac70;--font:'Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px}button,input{font:inherit}button{cursor:pointer;background:#10283b;color:#d4e7ef;border:1px solid #294456;border-radius:5px;transition:.15s}button:hover{background:#1d4052;border-color:#53b4c8}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#shell{height:100vh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:67px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0d2635 0,#091722 58%,#09131d 100%)}.identity{display:flex;gap:14px;align-items:center}.monogram{background:#123b48;display:grid;place-items:center;width:39px;height:39px;border:1px solid #286a79;font-size:24px;font-weight:900;color:#a6f1e5;position:relative}.monogram span{position:absolute;font-size:9px;right:3px;top:2px}.identity strong{font-size:17px;letter-spacing:2px;font-weight:800}.identity em{font-style:normal;color:#78d6dc}.identity small{display:block;font-size:9px;color:#7ba0b0;letter-spacing:2px;margin-top:5px}.head-stats{display:flex;align-items:center;gap:13px;color:#94b5c0;font-size:10px;letter-spacing:1px}.dot{width:7px;height:7px;background:#52e9bf;border-radius:50%;box-shadow:0 0 13px #52e9bf}.sep{height:12px;border-left:1px solid #426070}.mono,.renderstats{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.icon-button{width:36px;height:35px;font-size:20px}.workspace{display:grid;grid-template-columns:284px minmax(0,1fr) 291px;min-height:0;flex:1}.sidebar{background:#0a1723;overflow:auto;scrollbar-color:#284358 transparent;scrollbar-width:thin;padding:17px 16px 14px}.leftbar{border-right:1px solid var(--line)}.rightbar{border-left:1px solid var(--line)}.panel-title,.section-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;letter-spacing:1.1px;font-size:10px;color:#a4c8d6}.panel-title{padding-bottom:16px;border-bottom:1px solid var(--line)}.label-accent,.live-badge{color:var(--teal);font-size:9px;letter-spacing:.6px}.micro{color:#8397a6;line-height:1.6;font-size:11px;margin:12px 0 18px}.section-title{margin:21px 0 12px;color:#b3c4d0}.control{margin-bottom:18px}.control label{display:flex;justify-content:space-between;color:#bed0da;font-weight:600;font-size:11px;margin-bottom:8px}.control output{font-family:ui-monospace,monospace;color:var(--teal);font-size:12px}.control input{appearance:none;width:100%;height:5px;background:#1d3949;border-radius:5px;cursor:pointer;accent-color:var(--teal)}.control input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #173e47}.range-labels{display:flex;justify-content:space-between;color:#64808e;font-size:9px;margin-top:6px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scenario-grid button{padding:10px 6px;font-size:10px;letter-spacing:.6px}.faults{display:flex;flex-direction:column;gap:13px;color:#a2b9c8}.faults label{display:flex;gap:9px;align-items:center;cursor:pointer}.faults input,.switch input{accent-color:var(--teal)}.sidebar-actions{display:flex;gap:8px;margin-top:22px}.sidebar-actions button{height:35px;flex:1;font-size:10px;font-weight:bold}.sidebar-actions .primary{background:#2a8c87;color:#e9fffb;border-color:#3fb6a9}.footerhint{font-size:9px;letter-spacing:.6px;color:#647d8d;border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.mainview{position:relative;min-width:0;display:flex;flex-direction:column;background:#0a1723}.viewport{flex:1;position:relative;min-height:200px;overflow:hidden}#view3d{width:100%;height:100%;display:block;touch-action:none}.viewport-grad{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,20,30,.65),transparent 28%,transparent 78%,rgba(5,13,22,.71));z-index:1}.view-overlay{position:absolute;z-index:2}.topleft{top:22px;left:22px;pointer-events:none}.topleft .eyebrow{font-size:10px;letter-spacing:2px;color:#86d1dd}.topleft h1{font-size:26px;letter-spacing:.2px;font-weight:650;margin:8px 0 4px;text-shadow:0 2px 10px #000}.topleft p{margin:0;color:#c0d1d8;font-size:11px;text-shadow:0 1px 5px #000}.topright{right:18px;top:24px;display:flex;gap:6px;flex-direction:column;align-items:flex-end}.map-meta{font-family:ui-monospace,monospace;background:#071722bb;border:1px solid #254457;border-radius:3px;padding:5px 9px;color:#8ebdc8;font-size:10px;min-width:112px;text-align:right}.map-meta b{color:#e1f2f4}.navstrip{bottom:61px;left:16px;right:16px;display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.navstrip button{padding:9px 10px;background:#06121de3;border-color:#315263aa;letter-spacing:.5px;font-size:9px;font-weight:700}.navstrip button.selected{border-color:#45c1b6;color:#8cffde;background:#174540}.view-bottom{bottom:14px;left:19px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:7px}.camera-help{display:flex;gap:11px;font-size:9px;color:#a4b9c4;flex-wrap:wrap}.camera-help b{color:#e0f3f3}.renderstats{font-size:9px;color:#82d8c5;background:#102633ba;padding:5px 9px}.bottompanel{height:191px;flex-shrink:0;background:#0b1926;border-top:1px solid #263f50;padding:13px 18px 4px}.bottom-head{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px;color:#c9dce4}.bottom-head i{font-size:9px;color:#7799a7;font-style:normal}.bottom-head>div{display:flex;gap:14px}.switch{color:#83a9b4;font-size:9px;cursor:pointer}.pid-scroll{overflow-x:auto;max-width:100%;height:150px}.pid{height:148px;min-width:900px;width:100%}.metric-group{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:15px}.metric{padding:11px 10px;min-height:75px;border:1px solid #234052;background:linear-gradient(160deg,#112a39,#101e2b);border-radius:5px}.metric span{color:#8cb4c5;font-size:9px;letter-spacing:.7px;font-weight:700}.metric strong{display:block;white-space:nowrap;margin-top:9px;color:#e9f6fc;letter-spacing:-.5px;font-size:22px;font-variant-numeric:tabular-nums}.metric strong small{font-size:11px;color:#8eafbf;margin-left:5px;font-weight:400}.metric.hero{grid-column:span 2;min-height:101px;border-left:3px solid var(--cyan)}.metric.hero strong{font-size:35px;margin-top:3px;color:#a5f2ff}.metric.hero.green{border-left-color:var(--teal)}.metric.hero.green strong{color:#94f3d8}.metric-sub{color:#668999;font-size:10px;margin-top:2px}.secondary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.secondary-metrics>div{background:#102330;border:1px solid #203848;padding:8px 9px;border-radius:4px;min-height:53px}.secondary-metrics span{display:block;color:#7d9cad;font-size:9px;letter-spacing:.5px}.secondary-metrics b{display:block;font-family:ui-monospace,monospace;color:#d1f0ee;margin-top:7px;font-size:13px}#trend{width:100%;height:138px;border:1px solid #254152;border-radius:4px;background:#0d1f2e}.chart-legend{display:flex;gap:18px;justify-content:center;font-size:9px;color:#7d9eaa;margin-top:8px}.legend{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.legend.cyan{background:#5dd5f2}.legend.teal{background:#47dfbe}.totals{display:flex;flex-direction:column}.totals div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #203444;font-size:9px;color:#86a7b5;letter-spacing:.5px}.totals b{color:#d5ecf3;font-family:ui-monospace,monospace;font-size:11px}.right-actions{display:grid;gap:7px;margin:16px 0}.right-actions button{height:36px;font-size:10px;letter-spacing:.6px}.statusline{height:31px;flex-shrink:0;display:flex;justify-content:space-between;gap:15px;padding:8px 19px;background:#0b1e2b;border-top:1px solid #284458;color:#799dab;font-size:9px;letter-spacing:.7px}.statusline b{color:var(--teal)}.loading{position:absolute;inset:0;z-index:10;background:#07131df5;display:flex;align-items:center;justify-content:center;gap:18px}.loading-wheel{width:43px;height:43px;border-radius:100%;border:3px solid #183c48;border-top-color:#63d9bd;animation:turn 1.2s linear infinite}.loading b,.loading span{display:block;letter-spacing:1px}.loading b{font-size:13px}.loading span{color:#7292a1;margin-top:9px;font-size:11px}.loading.hidden{display:none}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:1280px){.workspace{grid-template-columns:240px minmax(0,1fr) 252px}.sidebar{padding:12px 11px}.navstrip button{padding:7px;font-size:8px}.head-stats{display:none}.bottom-head i{display:none}.camera-help span:nth-child(n+3){display:none}}@media(max-width:950px){#shell{height:auto;min-height:100vh;overflow:visible}.workspace{display:flex;flex-direction:column}.mainview{order:0}.leftbar{order:1}.rightbar{order:2}.sidebar{max-height:none;overflow:visible}.viewport{height:65vh;min-height:400px;flex:auto}.bottompanel{height:auto;min-height:171px}.pid-scroll{height:140px}.metric-group{grid-template-columns:1fr 1fr}.rightbar .secondary-metrics{grid-template-columns:repeat(4,1fr)}.statusline{display:none}}@media(max-width:540px){.identity strong{font-size:12px}.identity small{font-size:7px}.topbar{padding:0 10px}.topleft h1{font-size:18px}.topright{display:none}.camera-help{display:none}.view-bottom{justify-content:flex-end}.navstrip button{padding:7px 6px}.bottompanel{padding:11px}.bottom-head{flex-wrap:wrap;gap:8px}.rightbar .secondary-metrics{grid-template-columns:repeat(2,1fr)}}