/* WUT New Energy / unified graphite exhibition and teaching system. */
:root{--bg:#101216;--panel:#181c22;--ink:#f1f2f3;--text:#f1f2f3;--muted:#99a2ad;--line:#ffffff16;--gold:#ddbd83;--accent:#ddbd83;--cyan:#94b8d8;color-scheme:dark}
body{background:#101216;color:#eceff2}button,input,select{accent-color:#d5b783}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e4c48d;outline-offset:4px}button{transition:background .16s,border-color .16s,color .16s}:where(button,a)[aria-pressed=true]{color:#efd4a5}::selection{background:#7b643d;color:#fff}
/* Giant-screen front page */
body[data-surface=home] .screen{background:radial-gradient(ellipse at 57% 52%,#363b42 0,#1b2027 32%,#101318 65%,#0c0f14 100%)}
body[data-surface=home] .masthead{border-color:#ffffff17}.masthead .institution,.masthead .catalog-link{color:#aab4c1}.brand .university-mark{filter:none}
body[data-surface=home] .stage-heading p{color:#a8b1bc;letter-spacing:.1em}body[data-surface=home] .eyebrow{color:#90a9be;letter-spacing:.2em}
body[data-surface=home] .focus-button{background:transparent;border-color:transparent;border-bottom:1px solid #ffffff10;border-radius:3px}
body[data-surface=home] .focus-button.active{background:linear-gradient(90deg,#21405a80,transparent);border-color:#92b9d040;box-shadow:inset 2px 0 #a4c7e2}
body[data-surface=home] .focus-copy strong{font-weight:450;color:#bdc6d0}body[data-surface=home] .focus-button.active .focus-copy strong{color:#fff}
body[data-surface=home] .focus-copy small{color:#697782}.focus-button.active .focus-no{color:#e1c28c}
body[data-surface=home] .inspector{background:#171c23ed;border:1px solid #ffffff21;box-shadow:0 18px 55px #0005;border-radius:8px;backdrop-filter:blur(16px)}
.inspector[hidden]{display:none!important}.inspector-launcher{position:absolute;right:3%;top:6%;z-index:6;display:flex;align-items:center;gap:14px;min-height:42px;padding:10px 16px;background:#1d252dcc;color:#c8d4df;border:1px solid #819db34a;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.inspector-launcher:hover{background:#2b3947}.inspector-launcher[aria-expanded=true]{background:#26384a;border-color:#90b4d1}.inspector-close{background:none;border:0;color:#adb8c3;font:inherit;cursor:pointer;padding:5px;font-size:12px}.inspector-heading{gap:8px}.inspector-heading .selection-state{margin-left:auto}
body[data-surface=home] .teaching-dock{border:1px solid #ffffff1c;background:#171e26c9;box-shadow:0 10px 30px #0003;border-radius:7px}
body[data-surface=home] .mode-switch button{color:#929da9}body[data-surface=home] .mode-switch button.active{color:#f6dfb7;border-color:#d8b77d}body[data-surface=home] .domain-card{background:#1b222b65;border:1px solid #ffffff13;border-radius:5px;box-shadow:none}
body[data-surface=home] .domain-card:hover{background:#263545;border-color:#8bacc24f;transform:translateY(-2px)}body[data-surface=home] .domain-card h3{font-weight:450;color:#ced7df}.domain-icon{color:#8eacc5}.domain-code{color:#667685}
body[data-surface=home] .exhibit-link{border:1px solid #d4b47a66;background:#9d7b3316;color:#e7cca0;border-radius:4px}.selected-model-link{border-color:#b3976355;color:#dfc498;background:#8d713119;border-radius:4px}.view-switch button{border-radius:3px}.view-switch button.active{background:#ffffff09}
@media(min-width:1101px){body[data-surface=home] .screen{grid-template-rows:11% 1fr 17%}body[data-surface=home] .stage-heading{left:22%;right:13%;top:1.5%}body[data-surface=home] h1{font-size:clamp(36px,2.8vw,108px);font-weight:500;letter-spacing:.17em}body[data-surface=home] .hero-stage{left:18%;right:3%;top:15%;bottom:21%}body[data-surface=home].inspector-open .hero-stage{right:25%;left:16%}body[data-surface=home] .side-left{width:14%;top:17%}body[data-surface=home] .focus-button{padding:.72vw .65vw}body[data-surface=home] .view-switch{left:57%;top:15%;transform:translateX(-50%)}body[data-surface=home].inspector-open .view-switch{left:44%}body[data-surface=home] .inspector{top:15%;right:3%;width:20%;bottom:9%}body[data-surface=home] .teaching-dock{left:25%;right:8%;bottom:9%}body[data-surface=home].inspector-open .teaching-dock{left:21%;right:26%}body[data-surface=home] .exhibit-caption{left:25%;right:8%}body[data-surface=home].inspector-open .exhibit-caption{left:21%;right:26%}body[data-surface=home] .live-status{display:none}body[data-surface=home] .selected-part{min-height:0;padding:.8vw 0}body[data-surface=home] .part-actions button{font-size:clamp(11px,.68vw,24px)}body[data-surface=home] .parts-results{min-height:50px}body[data-surface=home] .scene-toolbar{bottom:1%}body[data-surface=home][data-render-mode=section] .hero-stage{bottom:27%}body[data-surface=home][data-camera-view=top] .hero-stage{top:23%;bottom:25%}}
@media(max-width:1100px){.inspector-launcher{top:5%;min-height:36px;padding:7px 10px;font-size:11px}.inspector-close{font-size:10px}body[data-surface=home]:not(.inspector-open) .hero-stage{right:4%}body[data-surface=home]:not(.inspector-open) .teaching-dock,body[data-surface=home]:not(.inspector-open) .exhibit-caption{right:7%}}
@media(max-width:700px){.inspector-launcher{position:relative;inset:auto;grid-column:1/-1;justify-content:center;order:3}.inspector-close{font-size:12px}.inspector-heading{grid-column:1/-1}body[data-surface=home] .hero-stage{inset:auto}.inspector{border-radius:6px}body[data-surface=home] .teaching-dock,body[data-surface=home] .exhibit-caption{inset:auto!important}}
/* Catalogue: actual rendered model plates rather than repeated category icons. */
body[data-surface=catalog] .masthead{background:#151b22;border-color:#ffffff17}body[data-surface=catalog] .sidebar{background:#11171e;border-color:#ffffff12}.main{background:transparent}body[data-surface=catalog] .toolbar{background:#1a222c;border-color:#ffffff1a;border-radius:7px}body[data-surface=catalog] .search-wrap{background:#111820;border-color:#5b6b7d}body[data-surface=catalog] .card{border-color:#ffffff1c;background:#1b222b;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #0002}body[data-surface=catalog] .card:hover{border-color:#91abc75c;transform:translateY(-3px)}body[data-surface=catalog] .card-visual{height:190px;position:relative;padding:0;overflow:hidden;background:#151a22}.model-preview{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s}.card:hover .model-preview{transform:scale(1.035)}body[data-surface=catalog] .card-category{position:absolute;left:13px;bottom:11px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d5dce4;font-size:10px;text-shadow:0 1px 7px #000}.card-category small{padding:3px 6px;background:#151b24cc;border:1px solid #ffffff22;color:#b2c0cd;border-radius:3px}.card-visual::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0e141be6);pointer-events:none}.card-category{z-index:1}body[data-surface=catalog] .card .model-symbol{display:none}.card-visual.preview-unavailable .model-symbol{display:block!important;width:45px;height:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#96a7b8}.card-visual.preview-unavailable .model-preview{display:none}body[data-surface=catalog] .card h2{font-weight:500;color:#edf0f4}body[data-surface=catalog] .detail-badge{border-color:#809ab43b;color:#a9becf}body[data-surface=catalog] .detail-badge.fine{color:#e6c48c;background:#8f723220;border-color:#ae8a464f}body[data-surface=catalog] .card-foot{color:#d6bb8e}body[data-surface=catalog] .domain[aria-pressed=true]{background:#233c5280;border-color:#6685a04d}.card .save-model{background:#151c25c9;border:1px solid #ffffff1c;z-index:2;top:12px;right:12px}.resume{background:#1b2631;border-color:#ffffff1d}.section-intro h1{font-weight:500!important}.section-count strong{color:#bdccd9}.breadcrumbs{margin-bottom:20px}
@media(min-width:1600px){body[data-surface=catalog] .card-visual{height:210px}}@media(max-width:760px){body[data-surface=catalog] .card-visual{height:180px}}
/* Shared bench skin, including the e-drive reference bench. */
body[data-surface=workbench] header{background:#131a22;border-bottom:1px solid #ffffff1b}body[data-surface=workbench] .brand{font-weight:500;color:#edf1f5;letter-spacing:.1em}body[data-surface=workbench] .brand strong{font-weight:500}body[data-surface=workbench] .brand>span{color:#8f9fac}body[data-surface=workbench] aside{background:#161d26;border-color:#ffffff12}body[data-surface=workbench] .panel-head,body[data-surface=workbench] .intro{border-bottom:1px solid #ffffff10;padding-top:27px;padding-bottom:20px}body[data-surface=workbench] h1{font-weight:500;line-height:1.5}body[data-surface=workbench] button{background:#202b37;border-color:#ffffff20;border-radius:5px;color:#bccbd9;min-height:36px}body[data-surface=workbench] button:hover:enabled{background:#2c3d4f;border-color:#9eb7d052}body[data-surface=workbench] button.active,body[data-surface=workbench] button[aria-pressed=true]{background:#8e71372b;border-color:#b6955c85;color:#f0d29f}body[data-surface=workbench] button:disabled{opacity:.32}body[data-surface=workbench] .part{background:transparent;border-radius:0}body[data-surface=workbench] .part.is-selected{background:#27445b77;border-left-color:#afcee7;color:#fff}body[data-surface=workbench] .selection,body[data-surface=workbench] .selected{border:1px solid #ffffff26;background:#19222cec;border-radius:8px;box-shadow:0 12px 35px #0004;backdrop-filter:blur(12px)}body[data-surface=workbench] .selection:has(#selection-content[hidden]),body[data-surface=workbench] .selected:has(#empty:not([hidden])){background:#151c248c;border-color:#ffffff12;box-shadow:none}body[data-surface=workbench] .bottom,body[data-surface=workbench] .controls{background:#19212b;border-color:#ffffff1b}body[data-surface=workbench] .metric strong{font-weight:400;color:#efdfc3;font-variant-numeric:tabular-nums;letter-spacing:-.025em}body[data-surface=workbench] .metric label,body[data-surface=workbench] .metric span{color:#a2b2c2}body[data-surface=workbench] .status-line,body[data-surface=workbench] #status{background:#111820;color:#91a5b8;border-color:#ffffff13}body[data-surface=workbench] .stage-top,body[data-surface=workbench] .modes{display:flex;padding:5px;gap:3px;background:#131c26d9;border:1px solid #ffffff1c;border-radius:7px}body[data-surface=workbench] .stage-top button,body[data-surface=workbench] .modes button{border-color:transparent;background:transparent}body[data-surface=workbench] .stage-top button.active,body[data-surface=workbench] .modes button.active{background:#43556555;border-color:#b3925b88}body[data-surface=workbench] .stage-caption,body[data-surface=workbench] .hint{opacity:.75}body[data-surface=workbench] #part-id{color:#d4b583}body[data-surface=workbench] .control-sub,body[data-surface=workbench] .controls small{color:#8699aa}body[data-surface=workbench] .home-link,body[data-surface=workbench] header nav a{color:#c5d4df}body[data-surface=workbench] #model-select{background:#192632;border-color:#ffffff23;color:#d2dde7}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}