:root{--bg:#07121b;--surface:#0a1822;--surface-2:#0d202b;--text:#d6e8ed;--muted:#8faeb9;--accent:#6be1ed;--accent-dim:#2d7787;--amber:#edbd78;--line:#b0e4ed20;--font-body:'Barlow',sans-serif;--font-mono:'IBM Plex Mono',monospace;--text-xs:clamp(.75rem,.71rem + .12vw,.81rem);--text-sm:clamp(.875rem,.83rem + .1vw,.94rem);--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem,1.1rem + .7vw,2rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}
body{height:100dvh;overflow:hidden;font-size:var(--text-sm)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);border-bottom:1px solid var(--line)}.wordmark{font-size:var(--text-xl);font-weight:600;letter-spacing:3px;line-height:1}.wordmark>span{color:var(--accent);font-weight:400}.wordmark small{display:block;font:var(--text-xs) var(--font-mono);letter-spacing:1px;margin-top:var(--space-2)}.project-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1px}.project-title span{color:var(--muted)}.concept-status{font:var(--text-xs) var(--font-mono);display:flex;align-items:center;gap:var(--space-2);color:var(--accent)}.concept-status>span{color:var(--muted);margin-left:var(--space-4)}i{display:inline-block}.concept-status i,footer i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px #6be1ed70}
.mainnav{height:56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 var(--space-8)}.tabs{height:100%;display:flex;gap:var(--space-8)}.tabs button{background:none;font:var(--text-xs) var(--font-mono);color:var(--muted);border-bottom:2px solid transparent;padding:0}.tabs button span{font:500 var(--text-sm) var(--font-body);margin-left:var(--space-2)}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.nav-meta{font:var(--text-xs) var(--font-mono);color:var(--muted)}
main{height:calc(100dvh - 164px)}#model-panel{height:100%;display:grid;grid-template-columns:244px minmax(0,1fr) 280px}.left-rail,.right-rail{padding:var(--space-6) var(--space-5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#265365 transparent;background:var(--surface)}.left-rail{border-right:1px solid var(--line)}.right-rail{border-left:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;color:var(--muted);font:var(--text-xs) var(--font-mono);letter-spacing:1px;margin-bottom:var(--space-4);margin-top:var(--space-6)}.section-title:first-child{margin-top:0}.section-title>span{color:#638590}
.vehicle-card{display:block;width:100%;text-align:left;padding:var(--space-4);background:transparent;border:1px solid var(--line);margin-bottom:var(--space-3);transition:background .2s,border-color .2s;position:relative;overflow:hidden}.vehicle-card.selected{border-color:#6be1ed90;background:#67d9e90a}.vehicle-card.selected::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.card-kicker{font:var(--text-xs) var(--font-mono);color:var(--accent);display:block;margin-bottom:var(--space-2)}.vehicle-card strong{font-weight:500;font-size:var(--text-base);display:block}.vehicle-card>span:last-of-type{display:block;color:var(--muted);margin-top:var(--space-1)}.vehicle-card svg{width:136px;height:44px;margin:var(--space-3) 0 0 auto;fill:none;stroke:var(--accent);stroke-width:.8;opacity:.75}.vehicle-card:not(.selected) svg{stroke:var(--muted)}select{color:var(--text);background:var(--surface-2);border:1px solid var(--line);width:100%;height:40px;padding:0 var(--space-2);font-size:var(--text-sm)}.subtle{color:var(--muted);line-height:1.5}.variant-description{font-size:var(--text-xs);margin-top:var(--space-2)}.tree-item{width:100%;background:none;display:flex;align-items:center;text-align:left;gap:var(--space-2);padding:var(--space-3) var(--space-2);color:var(--muted);border-left:1px solid var(--line);font-size:var(--text-sm)}.tree-item:hover{background:#6be1ed09;color:var(--text)}.tree-item.active{background:#6be1ed0d;border-left:2px solid var(--accent);color:var(--accent)}.tree-item small{font:var(--text-xs) var(--font-mono);opacity:.75}.tree-item .tree-dot{width:5px;height:5px;border:1px solid currentColor;margin-left:auto}.source-note{margin-top:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-4);display:flex;gap:var(--space-2);font-size:var(--text-xs)}.source-note strong{font-weight:500;color:var(--amber)}.source-note p{color:var(--muted);margin-top:var(--space-2);line-height:1.5}.amber-dot{width:5px;height:5px;background:var(--amber);margin-top:6px;flex:none}
.workspace{min-width:0;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#0e2933 0%,#07121b 70%)}.scene-top{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) 0;position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}.scene-top button{pointer-events:auto}.eyebrow{font:var(--text-xs) var(--font-mono);color:var(--muted);letter-spacing:1.3px}.scene-top h1{font-weight:500;font-size:var(--text-xl);margin-top:var(--space-2);letter-spacing:.3px}.scene-subtitle{display:flex;gap:var(--space-3);margin-top:var(--space-3);font:var(--text-xs) var(--font-mono)}.scene-subtitle>span:first-child{color:var(--accent);padding-right:var(--space-3);border-right:1px solid var(--line)}.scene-subtitle>span:last-child{color:var(--muted)}.outline{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);background:#0c2029aa;border:1px solid var(--line);padding:var(--space-2) var(--space-3);min-height:36px;color:var(--muted)}.outline:hover{color:var(--accent);border-color:var(--accent-dim)}
#viewport{position:relative;flex:1;min-height:310px;overflow:hidden;touch-action:none}#viewport>canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab}#viewport>canvas:active{cursor:grabbing}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--text-xs) var(--font-mono);color:var(--accent);z-index:5}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.callout{position:absolute;color:var(--accent);font:var(--text-xs) var(--font-mono);white-space:nowrap;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-2);text-shadow:0 1px 5px #000}.callout::before{content:'';display:block;width:30px;height:1px;background:#6be1ed90}.callout b{padding:var(--space-1) 6px;border:1px solid #6be1ed40;background:#07121be8;font-weight:400}.callout.left{transform:translate(-100%,-50%);flex-direction:row-reverse}.callout.left::before{width:22px}.callout.amber{color:var(--amber)}.callout.amber::before{background:var(--amber)}.callout.amber b{border-color:#edbd7840}.scene-meta{position:absolute;bottom:var(--space-5);left:var(--space-6);display:flex;gap:var(--space-3);font:var(--text-xs) var(--font-mono);color:var(--muted);z-index:2}.orientation{position:absolute;right:var(--space-4);bottom:var(--space-4);width:70px;z-index:2}.orientation svg{stroke:#67cbd9;fill:none;stroke-width:1}.orientation text{stroke:none;fill:var(--muted);font:12px var(--font-mono)}.interaction-hint{position:absolute;bottom:56px;left:0;right:0;text-align:center;font:var(--text-xs) var(--font-mono);letter-spacing:.7px;color:var(--muted);pointer-events:none}.interaction-hint b{color:var(--accent-dim);margin:0 var(--space-1)}.viewport-corner{position:absolute;width:16px;height:16px;border-color:#72c5d14d;border-style:solid;z-index:2;pointer-events:none}.top-left{top:126px;left:var(--space-6);border-width:1px 0 0 1px}.top-right{top:126px;right:var(--space-6);border-width:1px 1px 0 0}.bottom-left{bottom:var(--space-4);left:var(--space-4);border-width:0 0 1px 1px}.bottom-right{bottom:var(--space-4);right:var(--space-4);border-width:0 1px 1px 0}
.view-toolbar{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}.segmented{display:flex;align-items:stretch;border:1px solid var(--line);background:#081821}.segmented button{padding:var(--space-2) var(--space-3);background:transparent;color:var(--muted);font-size:var(--text-sm);min-height:36px;white-space:nowrap}.segmented button.active{background:#6be1ed17;color:var(--accent)}.segmented button+button{border-left:1px solid var(--line)}.segmented button:hover{color:var(--accent)}.icon-button{width:36px;height:36px;font-size:var(--text-lg);background:transparent;border:1px solid var(--line);color:var(--muted)}.icon-button[aria-pressed=true]{color:var(--accent);background:#6be1ed17}.configuration-tray{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-5) var(--space-6);border-top:1px solid var(--line);background:#091721}.mode-control .segmented{width:fit-content;margin-top:var(--space-3)}#mode-note{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted);line-height:1.4}.explode-control{padding-top:var(--space-1)}.explode-control label{display:flex;justify-content:space-between;font:var(--text-xs) var(--font-mono);color:var(--muted)}.explode-control output{color:var(--accent)}input[type=range]{width:100%;height:24px;margin:var(--space-3) 0 var(--space-1);accent-color:var(--accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-xs)}
.inspector-heading{margin-top:var(--space-6)}#inspect-ref{font:var(--text-xs) var(--font-mono);color:var(--accent)}.inspector-heading h2{font-size:var(--text-lg);font-weight:500;margin:var(--space-2) 0 var(--space-3);line-height:1.25}.tag{display:inline-block;padding:var(--space-1) 6px;color:var(--muted);background:#6be1ed07;border:1px solid var(--line);font:var(--text-xs) var(--font-mono)}#inspect-description{font-size:var(--text-sm);line-height:1.55;margin-top:var(--space-5);color:var(--muted)}.detail-heading{font:var(--text-xs) var(--font-mono);letter-spacing:.7px;color:var(--text);margin:var(--space-5) 0 var(--space-3)}#inspect-details{padding-left:var(--space-4);color:var(--muted);line-height:1.5;margin:0}#inspect-details li{padding-left:var(--space-1);margin:var(--space-2) 0}#inspect-details li::marker{color:var(--accent-dim)}.risk{color:var(--amber);font-size:var(--text-sm);line-height:1.5}.source-reference{font:var(--text-xs) var(--font-mono);color:var(--muted);margin-top:var(--space-3)}.overlays-title{border-top:1px solid var(--line);padding-top:var(--space-5)}.layer-list label{display:flex;position:relative;justify-content:space-between;align-items:center;min-height:38px;color:var(--muted);cursor:pointer;gap:var(--space-2)}.layer-list input{position:absolute;opacity:0;right:0;width:36px;height:30px;cursor:pointer}.layer-list label i{width:26px;height:14px;border:1px solid #5c829166;border-radius:9px;position:relative;flex:none}.layer-list label i::after{content:'';position:absolute;width:8px;height:8px;top:2px;left:2px;background:#5c8291;border-radius:50%;transition:transform .2s}.layer-list input:checked+i{border-color:#6be1ed77;background:#6be1ed18}.layer-list input:checked+i::after{transform:translateX(12px);background:var(--accent)}.layer-list input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.legend{border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--muted);display:grid;gap:var(--space-2)}.legend i{width:6px;height:6px;margin-right:var(--space-2)}.cyan{background:var(--accent)}.amber{background:var(--amber)}
footer{height:32px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-5);border-top:1px solid var(--line);background:var(--surface);font:var(--text-xs) var(--font-mono);color:var(--muted)}footer>span:first-child{color:var(--accent);display:flex;gap:var(--space-2);align-items:center}
.document-panel{height:100%;overflow-y:auto;padding:var(--space-8);scrollbar-width:thin}.document-header{max-width:850px;margin-bottom:var(--space-8)}.document-header h2{font-size:var(--text-xl);font-weight:500;margin:var(--space-3) 0}.document-header p{line-height:1.6;color:var(--muted);font-size:var(--text-base)}.systems-grid,.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.system-sheet{background:var(--surface);border:1px solid var(--line);padding:var(--space-6)}.sheet-heading{padding-bottom:var(--space-5);border-bottom:1px solid var(--line);margin-bottom:var(--space-5)}.sheet-heading>span{font:var(--text-xs) var(--font-mono);letter-spacing:1px;color:var(--accent)}.sheet-heading h3{font-size:var(--text-lg);font-weight:500;margin-top:var(--space-2)}.flow.vertical{display:flex;align-items:center;flex-direction:column}.flow-node{padding:var(--space-3) var(--space-4);text-align:center;border:1px solid #6be1ed44;background:#6be1ed07;font-family:var(--font-mono);font-size:var(--text-sm);width:100%;max-width:480px}.flow-node small{display:block;font:var(--text-sm)/1.5 var(--font-body);color:var(--muted);margin-top:var(--space-2)}.flow-node.energy{border-color:#edbd7855;color:var(--amber);background:#edbd7805}.flow-arrow{font:var(--text-xs) var(--font-mono);color:var(--muted);padding:var(--space-3);text-align:center}.parallel-nodes{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:var(--space-2);max-width:480px}.parallel-nodes .flow-node{padding:var(--space-3) var(--space-1);font-size:var(--text-xs)}.monitor-node{width:100%;max-width:480px;padding:var(--space-4);border:1px dashed #edbd7866;color:var(--amber);margin-top:var(--space-5);font:var(--text-xs)/1.6 var(--font-mono)}.monitor-node span{font-family:var(--font-body);color:var(--muted)}.sheet-note{font-size:var(--text-sm);line-height:1.55;color:var(--muted);border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-5)}.state-sheet{margin-top:var(--space-6)}.state-flow{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.state-flow button{background:#6be1ed08;border:1px solid #6be1ed33;padding:var(--space-3);font:var(--text-xs) var(--font-mono);min-height:44px}.state-flow button.active{color:var(--accent);border-color:var(--accent)}.state-flow button:last-child{border-color:#edbd7855;color:var(--amber)}.state-flow>span{color:var(--accent-dim)}.state-description{background:#6be1ed07;padding:var(--space-5);margin-top:var(--space-5);font-size:var(--text-base);line-height:1.6;min-height:90px;color:var(--muted)}.state-description strong{color:var(--text);font-weight:500}.register-list{padding-left:var(--space-5);margin:0}.register-list li{margin-bottom:var(--space-4);font-size:var(--text-base);line-height:1.6;color:var(--muted)}.register-list strong{font-weight:500;color:var(--text)}#notes-panel>.system-sheet{margin-top:var(--space-6)}.drawing-index{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.drawing-index>div{border-left:1px solid var(--accent-dim);padding-left:var(--space-3)}.drawing-index strong{font:var(--text-xs) var(--font-mono);color:var(--accent)}.drawing-index p{margin:var(--space-2) 0;line-height:1.4}.drawing-index small{color:var(--muted);font-size:var(--text-xs)}
.leader-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.callout::before{display:none}.layer-list label i{pointer-events:none}
@media(min-width:1600px){#model-panel{grid-template-columns:270px minmax(0,1fr) 310px}.left-rail,.right-rail{padding:var(--space-6)}}
@media(max-width:1200px){.project-title{display:none}#model-panel{grid-template-columns:210px minmax(0,1fr) 250px}.left-rail,.right-rail{padding:var(--space-4)}.nav-meta{display:none}.scene-top{padding:var(--space-5) var(--space-4) 0}.scene-top .outline span{display:none}.segmented button{padding:var(--space-2)}.configuration-tray{gap:var(--space-4);padding:var(--space-4)}.callout{font-size:var(--text-xs)}.interaction-hint{font-size:var(--text-xs);letter-spacing:0}.scene-meta{left:var(--space-4);gap:var(--space-2)}}
@media(max-width:1000px){body{overflow:auto;height:auto}main{height:auto;min-height:calc(100dvh - 164px)}#model-panel{grid-template-columns:190px minmax(0,1fr)}.workspace{min-height:650px;height:calc(100dvh - 164px)}.right-rail{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6)}.right-rail>.section-title:first-child{grid-column:1/-1}.inspector-heading{margin-top:0}#inspect-description{margin-top:0}.detail-heading{margin-top:var(--space-3)}.overlays-title,.layer-list,.legend{grid-column:1/-1}.layer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--space-5)}.right-rail .legend{display:flex}.source-reference{margin-top:0}.document-panel{height:auto;overflow:visible}.topbar{padding:0 var(--space-5)}.mainnav{padding:0 var(--space-5)}footer{flex-wrap:wrap;height:auto;min-height:44px;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.drawing-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{height:68px;padding:0 var(--space-4)}.wordmark{font-size:var(--text-lg)}.wordmark small{font-size:var(--text-xs)}.concept-status{font-size:var(--text-xs)}.concept-status>span{display:none}.mainnav{height:52px;padding:0 var(--space-4)}.tabs{gap:var(--space-5)}.tabs button{font-size:var(--text-xs)}.tabs button span{margin-left:var(--space-1);font-size:var(--text-xs)}#model-panel{display:flex;flex-direction:column}.left-rail{padding:var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);border-right:0;border-bottom:1px solid var(--line);overflow:visible}.left-rail>.section-title:first-child{grid-column:1/-1;margin:0}.vehicle-card{padding:var(--space-3);margin:0}.vehicle-card strong{font-size:var(--text-sm)}.vehicle-card svg{width:105px;height:32px;margin-top:var(--space-2)}.vehicle-card>span:last-of-type{font-size:var(--text-xs)}.card-kicker{font-size:var(--text-xs)}.left-rail>.section-title[for]{grid-column:1/-1;margin:var(--space-2) 0 0}.left-rail select{grid-column:1/-1}.variant-description{grid-column:1/-1;margin:0}.left-rail>.section-title:not(:first-child):not([for]),#assembly-tree,.source-note{display:none}.workspace{height:690px;min-height:690px}.scene-top{padding:var(--space-5) var(--space-4) 0}.scene-top h1{font-size:var(--text-lg)}.scene-top .eyebrow{font-size:var(--text-xs);letter-spacing:.5px}.scene-subtitle{gap:var(--space-2);font-size:var(--text-xs)}.scene-subtitle>span:first-child{padding-right:var(--space-2)}.view-toolbar{gap:var(--space-2);padding:var(--space-2)}.view-toolbar .segmented{flex:1}.view-toolbar .segmented button{flex:1;padding:var(--space-2) 5px;font-size:var(--text-xs);min-height:44px}.icon-button{width:32px;height:44px}.configuration-tray{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4)}.mode-control{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);align-items:center}.mode-control .eyebrow{font-size:var(--text-xs)}.mode-control .segmented{margin:0;justify-self:end}.mode-control #mode-note{grid-column:1/-1}.explode-control{padding-top:0}.explode-control input{margin-top:var(--space-2)}.interaction-hint{font-size:var(--text-xs);bottom:55px}.scene-meta{font-size:var(--text-xs)}.orientation{width:55px;right:var(--space-2)}.callout b{max-width:135px;overflow:hidden;text-overflow:ellipsis}.callout::before{width:16px}.right-rail{display:block;padding:var(--space-5)}.right-rail .detail-heading,.right-rail .section-title{margin-top:var(--space-5)}#inspect-description{margin-top:var(--space-4)}.right-rail .layer-list{display:block}.right-rail .legend{display:grid}.layer-list label{min-height:44px}.document-panel{padding:var(--space-5)}.systems-grid,.register-grid{grid-template-columns:1fr}.system-sheet{padding:var(--space-4)}.parallel-nodes{gap:var(--space-1)}.parallel-nodes .flow-node{font-size:var(--text-xs)}.drawing-index{grid-template-columns:1fr}.state-flow{gap:var(--space-2)}footer{font-size:var(--text-xs)}footer>span:nth-child(2){display:none}}
@media(min-width:1001px) and (max-height:760px){body{height:auto;overflow:auto}main{height:660px}.document-panel{height:660px}.left-rail,.right-rail{padding-top:var(--space-4)}}