/* Silver workspace surfaces surround a graphite 3D stage. Shared navigation supplies --nev-top. */
body:is([data-surface="assets"],[data-surface="workbench"]){--wb-bg:#dce3ea;--wb-panel:#edf1f5;--wb-line:#bdcad7;--wb-text:#21364a;--wb-muted:#536b81;--wb-accent:#126fcb;color-scheme:light;background:var(--wb-bg);color:var(--wb-text)}
body:is([data-surface="assets"],[data-surface="workbench"]) :is(button,input){color:var(--wb-text);background:#f6f9fc;border:1px solid #bdcddd;border-radius:9px;min-height:36px;font:inherit;font-size:12px}
body:is([data-surface="assets"],[data-surface="workbench"]) button:hover:not(:disabled){background:#e2edf8;color:#243b51;border-color:#83acd4}
body:is([data-surface="assets"],[data-surface="workbench"]) button:is([aria-pressed="true"],[aria-selected="true"],.active){background:#d9eaff;border-color:#86b4e1;color:#243b51}
body:is([data-surface="assets"],[data-surface="workbench"]) :is(button,a,input,summary):focus-visible{outline:2px solid #1479df;outline-offset:3px}
body:is([data-surface="assets"],[data-surface="workbench"]) [hidden]{display:none!important}
.workspace-tools{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 18px;background:#e4ebf1;border-bottom:1px solid var(--wb-line);color:var(--wb-muted);font-size:11px}.workspace-tools button{padding:6px 12px}.workspace-tools span{text-align:center}
body[data-surface="assets"] main{max-width:none;padding:0 18px 18px;margin:0}.nev-site-unified[data-surface="assets"] main{padding-top:0}
body[data-surface="assets"] .intro{padding:20px 2px 14px;margin:0;gap:14px}body[data-surface="assets"] .intro h1{font-size:26px;color:#243b51;letter-spacing:0}body[data-surface="assets"] .intro p:not(.eyebrow){font-size:12px;color:var(--wb-muted)}body[data-surface="assets"] .eyebrow{color:var(--wb-accent);letter-spacing:1.8px;font-size:10px}body[data-surface="assets"] .summary b{font-size:28px;color:#243b51}body[data-surface="assets"] .summary span{color:var(--wb-muted)}
body[data-surface="assets"] .workspace{grid-template-columns:minmax(175px,17fr) minmax(0,65fr) minmax(215px,18fr);height:calc(100dvh - var(--nev-top,100px) - 164px);min-height:560px;gap:12px;margin-top:12px}
body[data-surface="assets"] :is(.catalog,.inspector,.preview){background:var(--wb-panel);border:1px solid var(--wb-line);border-radius:18px;max-height:100%;padding:14px;color:var(--wb-text)}body[data-surface="assets"] .preview{padding:0}
body[data-surface="assets"] :is(label,.inspector h2,.model-heading h2,.selected-panel h3){color:var(--wb-text)}body[data-surface="assets"] :is(#asset-description,.precision-note,#parts-status,#catalog-status,.asset-card small,.selected-panel p,.summary span,.facts,.view-hint){color:var(--wb-muted)}body[data-surface="assets"] .model-heading{padding:14px 18px;background:#edf1f5}body[data-surface="assets"] .model-heading span{color:#286cae;font-size:10px}body[data-surface="assets"] .model-heading h2{font-size:18px}
body[data-surface="assets"] #viewport{min-height:220px;background:radial-gradient(ellipse at 50% 20%,#42474e,#23262a 80%)}body[data-surface="assets"] #viewer-status{background:#25282deb;color:#e2e8f3}body[data-surface="assets"] .toolbar{background:#edf1f5;padding:10px 14px;gap:6px}body[data-surface="assets"] .explode-label{color:#4a657d;font-size:11px;gap:7px;margin:0;flex-basis:120px}body[data-surface="assets"] .explode-label input{accent-color:#1479df;background:transparent;border:0;min-height:20px}body[data-surface="assets"] .selected-panel{background:#e2eaf2;margin:12px 0}body[data-surface="assets"] .selected-panel small{color:#176ebe}body[data-surface="assets"] .selected-panel button{margin:4px 2px 0 0;font-size:11px;padding:5px 8px}body[data-surface="assets"] .part-button{background:transparent;border:0;border-left:2px solid transparent;min-height:34px;color:#36546e;font-size:11px;text-align:left}body[data-surface="assets"] .part-button[aria-pressed="true"]{border-left-color:#1479df;background:#d9eaff}body[data-surface="assets"] .asset-card{background:transparent;border-color:transparent;padding:8px 4px}body[data-surface="assets"] .asset-card[aria-pressed="true"]{background:#d9eaff;border-color:#90b8dd}body[data-surface="assets"] .asset-card img{width:42px;height:38px}body[data-surface="assets"] .tabs{gap:3px;margin:12px 0}body[data-surface="assets"] .tabs button{padding:6px 4px;font-size:10px}body[data-surface="assets"] .geometry-facts{font-size:11px;border-top:1px solid var(--wb-line);padding:8px 14px;color:var(--wb-muted);background:#e7eef4}body[data-surface="assets"] .geometry-facts summary{cursor:pointer}body[data-surface="assets"] .facts{padding:10px 0;border:0;flex-wrap:wrap}body[data-surface="assets"] .precision-note{padding:0;border:0;margin:0}body[data-surface="assets"] footer{display:none}
.inspector-tabs{display:flex;gap:3px;border-bottom:1px solid var(--wb-line);padding-bottom:10px;margin-bottom:12px}.inspector-tabs button{flex:1;padding:6px 3px;font-size:10px!important;white-space:nowrap}body[data-surface="assets"] [role="tabpanel"]{font-size:12px;color:#536b81}body[data-surface="assets"] [role="tabpanel"] h2{font-size:17px}body[data-surface="assets"] .downloads{flex-direction:column}body[data-surface="assets"] .downloads a,.course-link{display:block;padding:10px 12px;margin-bottom:8px;border:1px solid #adcade;border-radius:7px;background:#e1edf9;color:#1766ad;font-size:12px}.course-link small{display:block;font-size:10px;margin-top:5px;color:#536b81}
.assembly-demo{background:#edf2f7;border-top:1px solid var(--wb-line);padding:10px 16px;color:var(--wb-text)}.assembly-demo>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.assembly-demo strong{font-size:12px;font-weight:600}.assembly-demo #demo-step{font-size:11px;color:#176ebe}.assembly-demo p{font-size:11px;line-height:1.5;color:var(--wb-muted);margin:6px 0 8px}.demo-buttons{display:flex;gap:6px}.demo-buttons button{padding:5px 12px;min-height:32px!important}body[data-surface="assets"].catalog-collapsed .workspace{grid-template-columns:minmax(0,82fr) minmax(215px,18fr)}body[data-surface="assets"].inspector-collapsed .workspace{grid-template-columns:minmax(175px,17fr) minmax(0,83fr)}body[data-surface="assets"].catalog-collapsed.inspector-collapsed .workspace{grid-template-columns:1fr}
body[data-surface="workbench"] .layout{height:calc(100dvh - var(--nev-top,100px) - 48px);min-height:680px;display:grid;grid-template-columns:minmax(175px,17fr) minmax(0,65fr) minmax(215px,18fr);background:#dce3ea;gap:12px;padding:12px}body[data-surface="workbench"] :is(.layout>aside,.selected){background:#edf1f5;border:1px solid var(--wb-line);padding:0;border-radius:16px;color:#2d465c}body[data-surface="workbench"] .layout>main{padding:0;max-width:none;margin:0;background:#e4ebf1;border:1px solid var(--wb-line);border-radius:18px;overflow:hidden}body[data-surface="workbench"] .layout>.selected{position:static;width:auto;height:100%;padding:20px 16px;border:1px solid var(--wb-line);overflow:auto}body[data-surface="workbench"] .intro{padding:20px 16px 14px}body[data-surface="workbench"] .intro h1{font-size:20px;color:#253e54}body[data-surface="workbench"] .kicker{color:#2272b9;font-size:10px}body[data-surface="workbench"] :is(#course,#counts,#detail,.side-note,#search-count,#part-module,#empty){color:#536b81}body[data-surface="workbench"] .side-note{border-color:var(--wb-line)}body[data-surface="workbench"] #viewport{min-height:320px;background:#30343a}body[data-surface="workbench"] .modes{top:15px;left:15px;right:15px;gap:6px;flex-wrap:wrap}body[data-surface="workbench"] .hint{top:65px;left:15px;max-width:calc(100% - 30px);font-size:10px;color:#c8d2e0;background:#22262dcc}body[data-surface="workbench"] .view-actions{left:15px;bottom:15px;font-size:11px}body[data-surface="workbench"] .view-actions button{background:#edf3f8f2}body[data-surface="workbench"] :is(#loading,#status){background:#e6edf4;color:#536b81}body[data-surface="workbench"] .controls{background:#edf1f5;border-color:var(--wb-line);gap:14px;padding:12px 16px;grid-template-columns:1fr 1.15fr 1.2fr}body[data-surface="workbench"] .controls input[type="range"]{min-height:18px;margin:6px 0;background:transparent;border:0;accent-color:#1479df}body[data-surface="workbench"] .controls :is(small,label,.label,.metric span){color:#536b81}body[data-surface="workbench"] .metric strong{font-size:20px;color:#203d57;margin:5px 0}body[data-surface="workbench"] :is(output,.metric small,#part-id){color:#156dc0}body[data-surface="workbench"] .extra-metrics{background:#edf1f5;border-color:var(--wb-line)}body[data-surface="workbench"] #status{padding:7px 16px;font-size:10px}body[data-surface="workbench"] .part{background:transparent;color:#38566e;font-size:11px;border:0;border-radius:0;text-align:left;padding:6px 8px}body[data-surface="workbench"] .part.is-selected{background:#d9eaff;color:#243b51}body[data-surface="workbench"] #tree summary{font-size:12px;border-color:#c4d1de}body[data-surface="workbench"].catalog-collapsed .layout{grid-template-columns:minmax(0,82fr) minmax(215px,18fr)}body[data-surface="workbench"].inspector-collapsed .layout{grid-template-columns:minmax(175px,17fr) minmax(0,83fr)}body[data-surface="workbench"].catalog-collapsed.inspector-collapsed .layout{grid-template-columns:1fr}body[data-surface="workbench"] #operation-toast{max-width:calc(100% - 30px);left:15px}body[data-surface="workbench"].studio #viewport{inset:var(--nev-top,100px) 0 0;z-index:50}
@media(max-width:1000px){body[data-surface="assets"] .workspace,body[data-surface="workbench"] .layout{grid-template-columns:180px minmax(0,1fr);height:auto;min-height:0}body[data-surface="assets"] .inspector,body[data-surface="workbench"] .layout>.selected{grid-column:1/-1;max-height:340px}body[data-surface="assets"] .preview{min-height:630px}body[data-surface="workbench"] #viewport{height:530px;flex:none}body[data-surface="workbench"] .controls{grid-template-columns:1fr 1fr}body[data-surface="workbench"] .metrics{grid-column:1/-1}body[data-surface="assets"] .catalog{max-height:700px}body:is([data-surface="assets"],[data-surface="workbench"]).catalog-collapsed :is(.workspace,.layout){grid-template-columns:1fr}body:is([data-surface="assets"],[data-surface="workbench"]).inspector-collapsed :is(.workspace,.layout){grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:650px){body[data-surface="assets"] main{padding:0 10px 12px}body[data-surface="assets"] .intro{align-items:flex-start;flex-direction:column}body[data-surface="assets"] .intro h1{font-size:23px}.workspace-tools{padding:6px 10px}.workspace-tools span{display:none}body[data-surface="assets"] .workspace,body[data-surface="workbench"] .layout,body:is([data-surface="assets"],[data-surface="workbench"]).inspector-collapsed :is(.workspace,.layout){display:flex;flex-direction:column}body[data-surface="assets"] .catalog,body[data-surface="workbench"] .layout>aside{height:230px;max-height:230px}body[data-surface="assets"] .preview{min-height:630px}body[data-surface="assets"] .inspector{max-height:none}body[data-surface="workbench"] .modes button{flex:1;padding:6px 8px}body[data-surface="workbench"] .controls{grid-template-columns:1fr}body[data-surface="workbench"] .layout>.selected{min-height:200px;max-height:none}body[data-surface="workbench"] .intro{padding:10px 16px}.assembly-demo #demo-step{font-size:10px}body[data-surface="assets"] .explode-label{flex-basis:100%;margin-top:5px}}

/* Page-owned controls use the same silver palette, including controls over the stage. */
body[data-surface="assets"] :is(#asset-search,#part-search),body[data-surface="workbench"] #search{background:#f6f9fc;color:#2c4861;border:1px solid #b9cddd;border-radius:10px}
body[data-surface="assets"] :is(#asset-search,#part-search)::placeholder,body[data-surface="workbench"] #search::placeholder{color:#71869a}
body[data-surface="assets"] .view-hint{color:#cad4df}
body[data-surface="assets"] .facts b{color:#36546e}
body[data-surface="assets"] .selected-panel{border:1px solid #c3d2df;border-radius:14px}
body[data-surface="assets"] .downloads a.secondary{color:#35638a;border-color:#b7cddd;background:#f1f6fb}
body[data-surface="assets"] .part-button[aria-pressed="true"],body[data-surface="assets"] .asset-card[aria-pressed="true"]{color:#095da9}
body[data-surface="assets"] .asset-card img{background:#dce5ee}
body[data-surface="workbench"] :is(.modes,.view-actions){background:#e8eff6f2;border:1px solid #b6c9db;border-radius:14px;padding:5px;box-shadow:0 4px 16px #10213320}
body[data-surface="workbench"] .modes button,body[data-surface="workbench"] .view-actions button{background:#f4f8fc;color:#365875;border:1px solid transparent;border-radius:9px;box-shadow:none}
body[data-surface="workbench"] .modes button:is(.active,[aria-pressed="true"]){background:#d7e9fc;color:#095da9;border-color:#8fb8df;box-shadow:none}
body[data-surface="workbench"] .hint{color:#d4dee9;background:#22262dcc;opacity:1}
body[data-surface="workbench"] .selected:has(#empty:not([hidden])){background:#edf1f5;border-color:#bdcad7;box-shadow:none}
body[data-surface="workbench"] :is(#part-name,#tree summary){color:#2d4b64}
body[data-surface="workbench"] :is(#part-state,.part-state){color:#4c7397}
body[data-surface="workbench"] .part.is-selected{color:#095da9;background:#d9eaff;border-left:2px solid #1479df}
body[data-surface="workbench"] #focus-part{color:#126ec5;background:#deecfa;border-color:#9dbfdf}
body[data-surface="workbench"] #detail{color:#4c7193;border-color:#b1c8db;background:#e3edf7}
body[data-surface="workbench"] #loading{background:#30343a;color:#d5dfeb}
body[data-surface="workbench"] :is(.load-card h2,.load-card p){color:#d5dfeb}
body[data-surface="workbench"] .load-actions a{color:#e3ebf5;border-color:#92a9c1}
body[data-surface="workbench"] #operation-toast{color:#d5e7fa;background:#263d54f5;border-color:#6d91b4}
body[data-surface="workbench"] .extra-metrics :is(dt,dd){color:#55738d}
body[data-surface="workbench"] dialog{color:#2f4a61;background:#eef3f8;border:1px solid #b7cadc;border-radius:18px}
body[data-surface="workbench"] dialog small{color:#536b81}
body[data-surface="workbench"] .view-actions #undo{color:#35678f;border-color:#a9c2d8}
body[data-surface="workbench"] #search-clear{background:transparent;color:#547590;border:0}
body:is([data-surface="assets"],[data-surface="workbench"]) button:is([aria-pressed="true"],[aria-selected="true"],.active){color:#095da9}
/* Explicit IDs defeat legacy :is(...,#id) specificity on buttons and metrics. */
body.nev-site-unified[data-surface="workbench"] :is(#toggle-catalog,#toggle-inspector,#restore,#guide-open,#demo-prev,#demo-play,#demo-next,#run){color:#254763!important;background:#f2f7fc!important;border:1px solid #a7bfd4!important;box-shadow:none!important;border-radius:10px}
body.nev-site-unified[data-surface="workbench"] :is(#toggle-catalog,#toggle-inspector,#restore,#guide-open,#demo-prev,#demo-play,#demo-next,#run):hover:not(:disabled){color:#075aa8!important;background:#deedfc!important;border-color:#86afd5!important}
body.nev-site-unified[data-surface="workbench"] :is(#demo-play,#run)[aria-pressed="true"]{color:#095da9!important;background:#d9eaff!important;border-color:#7faedb!important}
body.nev-site-unified[data-surface="workbench"] .controls .metric :is(#value-0,#value-1,#value-2){color:#203d57!important;-webkit-text-fill-color:#203d57!important;opacity:1!important}
body.nev-site-unified[data-surface="workbench"] .controls .metric :is(#label-0,#label-1,#label-2,#unit-0,#unit-1,#unit-2){color:#4b6881!important;-webkit-text-fill-color:#4b6881!important}
body.nev-site-unified[data-surface="assets"] #viewport .view-hint{color:#d5dfeb!important;-webkit-text-fill-color:#d5dfeb!important;opacity:1;text-shadow:0 1px 3px #10151b}