@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#d9e5e2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1113;font-family:Space Grotesk,sans-serif}body{min-width:320px;margin:0}button,select,input{font:inherit}.brand-mark{object-fit:contain;background:0 0;display:block}:root{--bg:#0b1113;--panel:#121a1d;--line:#273438;--muted:#75878a;--text:#d9e5e2;--teal:#35d0ba;--amber:#f4b55f;--red:#ff6861;--blue:#2f8cff;--yellow:#e5cf68;--mono:"DM Mono",monospace}*{box-sizing:border-box}.app-shell{background:radial-gradient(circle at 75% 0%,#18302e,transparent 28%),var(--bg);width:min(1600px,100%);min-height:100vh;margin:auto;padding:30px 34px 22px}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding-bottom:25px;display:flex}.brand-lockup{align-items:center;gap:15px;display:flex}.brand-mark{color:#0b1113;background:var(--teal);letter-spacing:-3px;border-radius:7px;place-items:center;width:39px;height:39px;font-weight:700;display:grid}.brand-mark span{opacity:.55}.brand-lockup h1{letter-spacing:2px;color:var(--text);margin:0;font-size:23px;font-weight:500}.brand-lockup h1 b{color:var(--teal);font-weight:500}.brand-lockup p{color:var(--muted);margin:7px 0 0;font-size:11px}.brand-lockup p span{color:#405257;margin:0 7px}.header-status{align-items:center;gap:19px;display:flex}.pill{color:#8ea19f;font:10px var(--mono);white-space:nowrap}.pill i,.live-dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 10px var(--teal);border-radius:50%;margin-right:7px;display:inline-block}.pill-blue i{background:#73a6ff}.dashboard-grid{grid-template-columns:252px minmax(430px,1fr) 238px;gap:14px;margin-top:22px;display:grid}.panel{border:1px solid var(--line);background:#121a1deb;border-radius:7px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px;display:flex}.eyebrow{color:#718486;font:9px var(--mono);text-transform:uppercase;letter-spacing:1.2px}.panel h2{color:var(--text);margin:5px 0 0;font-size:17px;font-weight:500}.panel-action{color:#78918f;font:9px var(--mono);border:1px solid #304144;border-radius:3px;padding:4px 6px}.control-section{border-bottom:1px solid var(--line);padding:17px 18px}.control-section label,.compact-grid span{color:#8ca09f;font:10px var(--mono);text-transform:uppercase;margin-bottom:9px;display:block}.control-section select{width:100%;color:var(--text);background:#1c292d;border:1px solid #34464a;border-radius:4px;padding:9px;font-size:11px}.label-row{justify-content:space-between;display:flex}.label-row strong{color:var(--amber);font:10px var(--mono)}.muted{color:var(--muted);margin:9px 0 0;font-size:10px}.density-bars{align-items:flex-end;gap:3px;height:17px;display:flex}.density-bars b{background:#59716d;border-radius:1px;flex:1;height:7px;display:block}.density-bars b:nth-child(2){height:9px}.density-bars b:nth-child(3){height:11px}.compact-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compact-grid div{background:#182326;border-radius:3px;padding:10px 9px}.compact-grid span,.compact-grid strong{font:9px var(--mono);display:block}.compact-grid strong{color:var(--teal);margin-top:5px}.control-section input{width:100%;accent-color:var(--teal)}.range-labels{color:#637579;font:9px var(--mono);justify-content:space-between;display:flex}.control-actions{gap:7px;padding:17px 18px;display:flex}.button{cursor:pointer;font:10px var(--mono);border:1px solid #2d4547;border-radius:4px;padding:9px 10px}.button-primary{color:#0b1113;background:var(--teal);border-color:var(--teal);flex:1}.button-quiet{color:#a2b0af;background:0 0}.obstacle-palette{border-bottom:1px solid var(--line);background:linear-gradient(#131e21,#10181a);padding:17px 18px}.obstacle-palette-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.obstacle-palette h3{color:var(--text);margin:5px 0 0;font-size:17px;font-weight:500}.drag-hint{font:8px var(--mono);color:var(--teal);white-space:nowrap;border:1px solid #31524e;border-radius:3px;padding:5px 6px}.palette-copy{color:#81918f;margin:10px 0 12px;font-size:9px;line-height:1.5}.obstacle-list{gap:6px;display:grid}.obstacle-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#162124;border:1px solid #28373a;border-radius:4px;grid-template-columns:30px 1fr 11px;align-items:center;gap:9px;padding:8px 7px;transition:border-color .15s,transform .15s,background .15s;display:grid}.obstacle-item:active{cursor:grabbing;transform:scale(.985)}.obstacle-item:hover{background:#19282b;border-color:#40605f}.obstacle-item strong{color:#c8d4d1;font:9px var(--mono);display:block}.obstacle-item span{color:#5e7474;font:8px var(--mono);margin-top:3px;display:block}.obstacle-item>b{color:#4e6263;font:10px var(--mono);letter-spacing:-2px}.obstacle-icon-wrap{background:#1d2b2e;border:1px solid #314346;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.obstacle-icon{fill:none;stroke:#a8bfbb;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px;display:block}.obstacle-icon.small{width:18px;height:18px}.obstacle-red .obstacle-icon{stroke:var(--red)}.obstacle-amber .obstacle-icon{stroke:var(--amber)}.obstacle-blue .obstacle-icon{stroke:#77abff}.obstacle-dark .obstacle-icon{stroke:#93a5a4}.obstacle-yellow .obstacle-icon{stroke:var(--yellow)}.palette-note{color:#56696b;font:8px var(--mono);margin-top:10px}.pipeline-mini{padding:17px 18px}.pipeline-step{color:#889795;font:9px var(--mono);gap:8px;padding-top:14px;display:flex}.pipeline-step>span{color:#496063}.pipeline-step i{background:#46565a;border-radius:50%;width:5px;height:5px;margin-left:auto}.pipeline-step i.active{background:var(--teal)}.twin-stage{background:#10191c;border:1px solid #334348;border-radius:5px;margin:14px;overflow:hidden}.stage-toolbar,.twin-footer{color:#718487;font:8px var(--mono);justify-content:space-between;padding:10px 12px;display:flex}.stage-toolbar{border-bottom:1px solid #27363b}.legend-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.green{background:var(--teal)}.amber{background:var(--amber)}.red{background:var(--red)}.road-scene{background:#142023;width:100%;min-height:370px;display:block}.road-centerline{fill:none;stroke:#e0c86a;stroke-width:3px;stroke-linecap:round}.selected-path{fill:none;stroke:var(--teal);stroke-width:3px;stroke-linecap:round}.ego-vehicle-blue rect{fill:var(--blue);stroke:#b7dcff;stroke-width:2px}.ego-vehicle-blue .ego-window{fill:#0b3055;stroke:none}.ego-vehicle-blue .ego-beam{fill:none;stroke:#e3f2ff;stroke-width:3px}.moving-ego{filter:drop-shadow(0 0 7px #2f8cff5c)}.twin-footer{border-top:1px solid #27363b}.path-line{border-top:3px solid var(--teal);vertical-align:middle;width:22px;margin:0 5px;display:inline-block}.twin-insight{background:#172524;border:1px solid #35514d;border-radius:4px;align-items:center;gap:10px;margin:0 14px 14px;padding:11px 12px;display:flex}.alert-icon{color:#211817;background:var(--teal);border-radius:50%;place-items:center;width:19px;height:19px;font-weight:700;display:grid}.twin-insight strong{color:var(--teal);font:10px var(--mono)}.twin-insight p{color:#9ab0ab;margin:3px 0;font-size:10px}.insight-time{color:#7fd6cb;font:10px var(--mono);margin-left:auto}.watch-text{color:var(--amber)!important}.telemetry-grid{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.telemetry-card{background:#142023;padding:13px 10px}.telemetry-card span,.risk-readout span,.selected-path span,.status-obstacles span{color:#78908f;font:8px var(--mono);display:block}.telemetry-card strong{color:var(--text);font:17px var(--mono);margin-top:8px;display:block}.value-teal{color:var(--teal)!important}.value-amber{color:var(--amber)!important}.status-row,.current-risk,.selected-path,.status-obstacles{border-bottom:1px solid var(--line);color:#91a3a1;justify-content:space-between;padding:15px 18px;font-size:11px;display:flex}.brake-status,.current-risk strong{color:var(--amber);font:9px var(--mono)}.risk-readout{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.risk-readout div{background:#182326;padding:17px 12px}.risk-readout strong{color:var(--red);font:24px var(--mono);margin-top:8px;display:block}.risk-meter{background:#2b3030;height:4px}.risk-meter span{background:var(--red);height:100%;display:block}.current-risk strong{color:var(--red)}.selected-path{display:block}.selected-path strong{color:var(--teal);font:12px var(--mono);margin-top:8px;display:block}.selected-path em{color:#6d9f98;font-size:9px;font-style:normal}.clear-brake,.clear-risk{color:var(--teal)!important}.lower-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;display:grid}.comparison-layout{grid-template-columns:1fr 210px;gap:20px;padding:17px 18px;display:grid}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#758a8a;text-align:left;font:8px var(--mono);padding:0 8px 10px}td{color:#a9b8b5;border-top:1px solid #263437;padding:8px}td:not(:first-child),th:not(:first-child){text-align:right}.indra-heading,.best{color:var(--teal)}.best span{color:#5b9690;font:7px var(--mono);margin-left:5px}.chart{border-left:1px solid var(--line);padding-left:20px}.chart-caption{color:#758a8a;font:8px var(--mono);justify-content:space-between;display:flex}.chart-caption strong{color:var(--teal)}.bars{border-bottom:1px solid #344448;align-items:flex-end;gap:16px;height:106px;padding:10px 5px 0;display:flex}.bars div{background:#506966;flex:1;min-width:20px;height:50%;position:relative}.bars .bar-indra{background:var(--teal);height:92%}.bars i,.bars span{text-align:center;width:100%;font:8px var(--mono);font-style:normal;position:absolute}.bars i{color:#819593;top:-16px}.bars span{color:#607271;top:calc(100% + 8px)}.decision-copy{padding:19px 18px}.decision-tag{color:#6c8382;font:9px var(--mono)}.decision-tag span{color:var(--teal);margin-right:8px}.decision-copy>p{color:#bfceca;min-height:42px;margin:18px 0;font-size:12px;line-height:1.6}.decision-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.decision-facts div{background:#182528;padding:10px 8px}.decision-facts span,.action-callout small{color:#718685;font:8px var(--mono);display:block}.decision-facts strong{color:var(--text);font:15px var(--mono);margin-top:7px;display:block}.decision-facts em{color:var(--teal);font-size:10px;font-style:normal}.action-callout{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:17px;padding-top:15px;display:flex}.action-callout>span{color:var(--teal);font-size:20px}.action-callout strong{color:#c1d0cd;margin-top:4px;font-size:11px;display:block}.app-footer{color:#617372;font:9px var(--mono);justify-content:space-between;padding:22px 2px 0;display:flex}.app-footer strong{color:#7a9992;font-weight:400}.app-footer strong i{color:var(--teal)}@media (width<=1150px){.dashboard-grid{grid-template-columns:220px minmax(380px,1fr) 205px}.app-shell{padding-inline:20px}.header-status{gap:9px}.pill{font-size:8px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr 1fr}.twin-panel{grid-area:1/1/auto/-1}.controls-panel{grid-area:2/1}.status-panel{grid-area:2/2}.lower-grid{grid-template-columns:1fr}.app-header{flex-direction:column}.header-status{flex-wrap:wrap}}@media (width<=600px){.app-shell{padding:19px 12px}.brand-lockup p{font-size:9px}.brand-lockup h1{font-size:19px}.dashboard-grid{flex-direction:column;display:flex}.twin-panel{order:1}.controls-panel{order:2}.status-panel{order:3}.road-scene{min-height:280px}.stage-toolbar span{font-size:7px}.comparison-layout{display:block;overflow-x:auto}.chart{border:0;padding:28px 0 10px}.app-footer{flex-direction:column;gap:9px}.decision-facts{gap:4px}}.road-scene{background:#112319}.road-shoulder{fill:none;stroke:#5a795f;stroke-width:13px;opacity:.45}.moving-line{filter:drop-shadow(0 0 2px #e0c86a2e)}.moving-environment{will-change:transform}.road-tree{opacity:.98}.tree-shadow{fill:#0b1b11;opacity:.45}.tree-trunk{fill:#624b35}.tree-crown{stroke:#9fd27e;stroke-width:1px}.crown-one{fill:#2c774b}.crown-two{fill:#3b8b50}.crown-three{fill:#4c9b59}.grass-tuft{fill:none;stroke:#63a85f;stroke-width:2px;stroke-linecap:round;opacity:.9}.moving-obstacles{will-change:transform}.road-obstacle .obstacle-halo{fill:#35d0ba0f;stroke:#35d0ba24;stroke-width:1px;stroke-dasharray:3 4}.road-object-glyph .obstacle-icon{width:30px;height:30px}.road-obstacle text{fill:#748886;font:8px var(--mono);pointer-events:none}.road-obstacle:hover .obstacle-halo{stroke:#35d0ba80;fill:#35d0ba1a}.road-obstacle.obstacle-pedestrian .obstacle-icon{stroke:var(--red)}.road-obstacle.obstacle-bike .obstacle-icon{stroke:var(--amber)}.road-obstacle.obstacle-car .obstacle-icon{stroke:#77abff}.road-obstacle.obstacle-pothole .obstacle-icon{stroke:#93a5a4}.road-obstacle.obstacle-hazard .obstacle-icon{stroke:var(--yellow)}.drop-area{position:relative}.drop-area:has(.road-obstacle){border-color:#39504f}.drop-overlay{color:#819795;font:8px var(--mono);letter-spacing:.7px;opacity:.18;pointer-events:none;background:#0a1214b8;border:1px dashed #4b625f;border-radius:4px;padding:9px 12px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drop-area:hover .drop-overlay{opacity:.48}.status-obstacles{align-items:center}.status-obstacles strong{color:var(--teal);font:11px var(--mono)}.watch-risk{color:var(--amber)!important}@media (width<=600px){.road-scene{min-height:280px}}:root{--vehicle-blue:#2f8cff;--vehicle-blue-dark:#0d3d78;--vehicle-glass:#9fd5ff;--road-white:#dce6e3}.road-scene{cursor:crosshair;background:#17301f}.road-surface{stroke:#101718;stroke-width:5px}.road-edge{fill:#4e5e59;stroke:#7a8b84;stroke-width:2px}.road-centerline{fill:#e5cf68}.ego-realistic{overflow:visible}.vehicle-shadow{fill:#071014;opacity:.42;filter:blur(2px)}.vehicle-body{fill:var(--vehicle-blue);stroke:#bfe4ff;stroke-width:1.8px}.vehicle-hood{fill:#63a8ff;opacity:.9}.vehicle-cabin{fill:#1b5a98;stroke:#bfe4ff;stroke-width:1.4px}.vehicle-windshield,.vehicle-rear-glass{fill:#092c52;stroke:#76b9ec;stroke-width:1px}.wheel{fill:#101316;stroke:#566168;stroke-width:1.4px}.headlight{fill:#eaf8ff;stroke:#fff;stroke-width:.7px}.tail-light{fill:#ff5d60;stroke:#ffb0b1;stroke-width:.7px}.ego-fixed{filter:drop-shadow(0 0 7px #2f8cff59)}.road-object-glyph{transform:translate(-9px,-9px)}.road-object-glyph .obstacle-icon{stroke-width:1.8px;width:18px;height:18px}.road-obstacle text{fill:#81918f;font-size:7px}.road-obstacle .obstacle-halo{stroke-width:.8px;stroke-dasharray:2 3}.obstacle-car .road-object-glyph .obstacle-icon,.obstacle-tree .road-object-glyph .obstacle-icon{width:20px;height:20px}.collision-marker circle{fill:#ff5a5621;stroke:#ff6861;stroke-width:2px}.collision-marker path{stroke:#ff8a85;stroke-width:3px;stroke-linecap:round}.collision-banner{color:#ffc0bc;font:9px var(--mono);background:#421414eb;border:1px solid #85413f;border-radius:4px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000040}.collision-banner strong{color:#ff706b;letter-spacing:1px}.speed-note{color:#566c6b;font:8px var(--mono);margin:8px 0 0}.speed-control{padding-bottom:14px}.speed-input-row{align-items:center;gap:6px;margin:7px 0 8px;display:flex}.speed-number{border-radius:4px;height:32px;width:72px!important;color:var(--text)!important;font:12px var(--mono)!important;background:#101a1c!important;border:1px solid #34464a!important;flex:none!important;padding:6px 8px!important}.speed-input-row>span{color:#6f8381;font:9px var(--mono)}.speed-slider{cursor:pointer;touch-action:pan-y;width:100%;display:block}.speed-slider:focus,.speed-number:focus{outline:1px solid var(--teal);outline-offset:1px}.obstacle-item{cursor:grab;touch-action:none}.obstacle-item.obstacle-selected{border-color:var(--teal);box-shadow:inset 2px 0 0 var(--teal);background:#19302f}.drop-area{touch-action:none}.drop-area.drag-active{outline:1px dashed var(--teal);outline-offset:-2px}.road-scene{cursor:crosshair}.road-obstacle{cursor:pointer}.road-object-glyph,.road-obstacle text,.road-obstacle .obstacle-halo,.ego-fixed{pointer-events:none}.ego-vehicle-blue .vehicle-body{rx:13}.speed-note{margin:7px 0 0}.twin-footer .path-line{transition:none}:root{--obstacle-size:20px}.speed-number{appearance:textfield}.speed-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.speed-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.speed-slider{cursor:pointer;pointer-events:auto;min-width:0}.speed-input-row{z-index:5;position:relative}.obstacle-list{z-index:10;position:relative}.obstacle-item{z-index:11;cursor:grab;pointer-events:auto;-webkit-user-drag:element;position:relative}.obstacle-item:active{cursor:grabbing}.drop-area,.road-scene{z-index:1;pointer-events:auto;position:relative}.drop-overlay{z-index:20;pointer-events:none}.drag-ready{z-index:21;border:1px solid var(--teal);color:var(--teal);font:8px var(--mono);letter-spacing:.8px;pointer-events:none;background:#071214e6;border-radius:4px;padding:7px 10px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.road-obstacle{transform-origin:50%;pointer-events:auto}.road-object-glyph{pointer-events:none;transform:translate(-10px,-10px)!important}.road-obstacle .obstacle-icon{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important}.road-obstacle.obstacle-car .obstacle-icon,.road-obstacle.obstacle-tree .obstacle-icon{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important}.road-obstacle .obstacle-halo{pointer-events:none}.road-obstacle text{pointer-events:none;-webkit-user-select:none;user-select:none}.ego-fixed{pointer-events:none}.ego-fixed .wheel{display:none!important}.collision-marker{pointer-events:none}.twin-stage{isolation:isolate}.road-lane-divider{fill:#b6c3c0;opacity:.52}.ego-maneuvering{transition:filter .12s}.stage-crashed .ego-maneuvering{filter:drop-shadow(0 0 9px #ff5a5659)}.speed-control{z-index:5;position:relative}.ego-trail{stroke:var(--teal);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;filter:drop-shadow(0 0 5px #28d6c17a);pointer-events:none}.ego-vehicle-blue{transform-box:fill-box;transform-origin:50%}.prototype-dashboard-panel{background:#0a1317f5;border:1px solid #68898f47;border-radius:5px;margin:0 0 18px;overflow:hidden}.prototype-panel-title{border-bottom:1px solid #68898f38;margin:0;padding:16px 18px}.prototype-overview{border-bottom:1px solid #68898f2e;grid-template-columns:1.15fr 1fr 1fr 1fr;display:grid}.prototype-hero,.prototype-metric{border-right:1px solid #68898f29;min-height:95px;padding:16px 18px}.prototype-metric:last-child{border-right:0}.prototype-hero span,.prototype-metric span,.prototype-battery-control span{font:9px var(--mono);letter-spacing:1.1px;color:#8da5aa;text-transform:uppercase;display:block}.prototype-hero strong,.prototype-metric strong{font:700 20px var(--mono);letter-spacing:.3px;color:#dce8e8;margin-top:8px;display:block}.prototype-hero small,.prototype-metric small{font:9px var(--mono);color:#7e959a;margin-top:6px;line-height:1.35;display:block}.prototype-ready{border-left:3px solid #28d6c1}.prototype-safe{border-left:3px solid #ff6f6b}.prototype-state-connected,.prototype-state-enabled{color:#28d6c1!important}.prototype-state-disconnected,.prototype-state-disabled{color:#ffb24a!important}.soc-track{background:#203137;border-radius:4px;height:5px;margin-top:10px;overflow:hidden}.soc-track i{background:#28d6c1;border-radius:4px;height:100%;display:block}.prototype-layout{grid-template-columns:1.2fr 1fr 1.25fr;gap:0;display:grid}.prototype-components,.prototype-safety,.prototype-controls{border-right:1px solid #68898f29;padding:16px 18px}.prototype-controls{border-right:0}.prototype-section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.prototype-section-heading>span:last-child{font:9px var(--mono);color:#28d6c1}.component-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.component-chip{background:#111d21;border:1px solid #68898f2e;border-radius:3px;justify-content:space-between;align-items:center;gap:5px;padding:8px 9px;display:flex}.component-chip span{font:8px var(--mono);color:#94a9ad;white-space:nowrap}.component-chip strong{font:8px var(--mono);color:#28d6c1;font-weight:700}.component-fault strong{color:#ff6f6b}.component-unknown strong{color:#ffb24a}.safety-list{gap:8px;display:grid}.safety-list div{align-items:center;gap:8px;min-height:25px;display:flex}.safety-list i{background:#28d6c1;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 7px #28d6c173}.safety-list span{font:9px var(--mono);color:#a5b8bc}.prototype-button-row{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.proto-control-button{color:#bcd0d3;font:9px var(--mono);cursor:pointer;background:#142126;border:1px solid #68898f4d;border-radius:3px;padding:8px 10px}.proto-control-button:hover{color:#28d6c1;border-color:#28d6c1}.proto-control-button.proto-danger{border-color:#ff6f6b59}.proto-control-button.proto-danger:hover{color:#ff6f6b;border-color:#ff6f6b}.prototype-battery-control{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:12px;display:grid}.prototype-battery-control input{accent-color:#28d6c1;width:100%}.prototype-battery-control strong{font:10px var(--mono);color:#dce8e8;text-align:right;min-width:35px}.prototype-architecture{background:#0d181c;border-top:1px solid #68898f2e;border-bottom:1px solid #68898f2e;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:11px 15px;display:flex}.prototype-architecture span{font:8px var(--mono);letter-spacing:.7px;color:#96abb0;border:1px solid #68898f3b;border-radius:3px;padding:5px 8px}.prototype-architecture b{font:10px var(--mono);color:#28d6c1}.prototype-footnote{font:8px var(--mono);color:#718a90;padding:9px 15px;line-height:1.4}.prototype-offline{color:#ffb24a;font:10px var(--mono);padding:18px}@media (width<=1000px){.prototype-overview,.prototype-layout{grid-template-columns:1fr 1fr}.prototype-hero,.prototype-metric,.prototype-layout>div{border-bottom:1px solid #68898f29}.prototype-components{grid-column:1/-1}.prototype-safety,.prototype-controls{border-right:0}}@media (width<=700px){.prototype-overview,.prototype-layout{grid-template-columns:1fr}.component-grid{grid-template-columns:repeat(2,1fr)}.prototype-hero,.prototype-metric,.prototype-components,.prototype-safety,.prototype-controls{border-right:0}}