:root{color-scheme:dark;--bg:#10191e;--panel:#152027;--line:#2c3b44;--text:#edf2f4;--muted:#a3b4bc;--accent:#88d9ce;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 12px}button:hover{background:#263740}button[aria-pressed=true]{background:#284a49;border-color:#66b8ad;color:#cdfcf3}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 30px 19px;border-bottom:1px solid var(--line);background:#121c22}.brand{display:flex;align-items:center;gap:16px}.brandmark{height:44px;width:44px;display:grid;place-items:center;border:1px solid #627782;border-radius:50%;font-size:16px;letter-spacing:2px}.brand h1{margin:0;font-size:30px;line-height:1;letter-spacing:-1.4px;font-weight:650}.brand p{color:var(--muted);margin:5px 0 0;font-size:12px;letter-spacing:.6px}.top-right{text-align:right;font:11px var(--mono);color:var(--muted);line-height:1.9}.top-right strong{color:var(--accent);font-weight:500;letter-spacing:1.2px}.shell{display:grid;grid-template-columns:246px minmax(0,1fr) 274px;height:calc(100dvh - 94px);min-height:690px;max-height:1160px}.explorer{padding:22px 14px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#121d23}.eyebrow{font:10px var(--mono);letter-spacing:1.65px;text-transform:uppercase;color:var(--muted)}.explorer-title{display:flex;align-items:center;justify-content:space-between;padding:0 9px 13px}.count{color:var(--accent);font:11px var(--mono)}.part-search{width:100%;border:1px solid var(--line);background:#0f191f;padding:10px 12px;border-radius:7px;color:var(--text);font-size:12px;outline-offset:2px}.part-list{overflow:auto;flex:1;padding-top:8px;scrollbar-width:thin;scrollbar-color:#34464f transparent}.category{padding:17px 9px 7px;text-transform:uppercase;font:10px var(--mono);letter-spacing:1.15px;color:#8299a5}.part-row{display:flex;align-items:center;width:100%;gap:9px;border:0;border-left:2px solid transparent;border-radius:3px;background:transparent;padding:8px 8px;text-align:left;line-height:1.35;font-size:12px;color:#b4c4cc}.part-row:hover{background:#1e3039}.part-row.active{border-left-color:var(--accent);background:#213a3e;color:#fff}.part-row .dot{height:5px;width:5px;flex:0 0 5px;border-radius:50%;background:#70828a}.part-row.hidden-part .dot{background:transparent;border:1px solid #627883}.part-row.hidden-part{color:#8399a5}.explorer-foot{border-top:1px solid var(--line);padding:14px 8px 0;color:var(--muted);font-size:11px;line-height:1.55}.stage-wrap{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 36%,#273842 0%,#18252c 40%,#10191e 77%)}.stage-head{position:absolute;left:23px;top:23px;z-index:3;pointer-events:none}.stage-head .sub{font:11px var(--mono);color:#91aab6;margin-top:9px}.stage-head .mode-name{font-size:21px;font-weight:500;letter-spacing:-.4px}.stage-head .variant{display:inline-block;border:1px solid #3c515c;border-radius:4px;padding:4px 6px;font:9px var(--mono);letter-spacing:.7px;color:#bbd1dc;margin-bottom:10px}.stage-actions{position:absolute;right:17px;top:20px;z-index:4;display:flex;gap:6px}.icon-button{width:34px;height:34px;padding:0;display:grid;place-items:center;background:#17262ddd}.stage{position:relative;flex:1;min-height:420px;touch-action:none}.stage canvas{width:100%;height:100%;display:block}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.part-label{position:absolute;padding:5px 8px;pointer-events:auto;color:#d7eee9;font:10px var(--mono);background:#12252aeb;border:1px solid #6a8c8f;border-radius:4px;white-space:nowrap;transform:translate(-50%,-50%)}.part-label::before{content:'';display:inline-block;width:4px;height:4px;background:#8bddcf;border-radius:50%;vertical-align:middle;margin-right:6px}.part-label.selected{border-color:#b7ffe8;color:#fff;background:#234b4b}.orientation{position:absolute;left:22px;bottom:160px;color:#8da4af;pointer-events:none;font:10px var(--mono);letter-spacing:.5px;line-height:1.8}.selected-tag{position:absolute;left:23px;right:23px;bottom:151px;display:none;font:11px var(--mono);color:#a9eee0;pointer-events:none}.selected-tag span{padding:6px 8px;background:#11252acf;border-radius:4px}.canvas-help{position:absolute;bottom:127px;left:23px;right:23px;text-align:center;color:#95a9b4;font-size:11px;pointer-events:none}.controls{background:#132128ef;border-top:1px solid var(--line);padding:13px 17px 15px;z-index:4}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mode-tabs button{padding:9px 6px;font-size:12px}.lower-controls{margin-top:11px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.lower-controls button{padding:6px 10px;font-size:11px;background:transparent}.lower-controls button[aria-pressed=true]{background:#284a49}.range-row{display:none;align-items:center;gap:12px;padding:12px 3px 0;font:11px var(--mono);color:var(--muted)}.range-row input{flex:1;min-width:30px;accent-color:var(--accent)}.range-row output{min-width:28px;text-align:right}.details{border-left:1px solid var(--line);padding:23px 22px 20px;background:#142027;overflow:auto;scrollbar-width:thin;scrollbar-color:#34464f transparent}.specs{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px;margin:19px 0 26px}.spec-value{font-size:22px;font-weight:400;letter-spacing:-.6px}.spec-label{font:10px var(--mono);color:var(--muted);margin-top:4px}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.details h2{font-size:23px;line-height:1.15;font-weight:500;letter-spacing:-.6px;margin:10px 0 15px}.details p{color:#b5c5cd;line-height:1.65;font-size:12px;margin:0 0 18px}.detail-label{font:10px var(--mono);letter-spacing:.9px;color:#7f98a5;text-transform:uppercase;margin-bottom:7px}.detail-value{color:#cfdee4;font-size:12px;line-height:1.55;margin-bottom:17px}.detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.detail-actions button{font-size:11px;padding:8px 10px}.detail-actions button:first-child{background:#2e5854;border-color:#477f77;color:#dcfff6}.intro-copy{font-size:13px!important;line-height:1.65!important}.detail-hint{border-left:2px solid #66918a;padding:10px 0 10px 12px;font-size:11px;line-height:1.6;color:#a7bdbf;margin-top:15px}.notes{margin-top:25px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;line-height:1.6;color:#a5b9c3}.notes summary{cursor:pointer;color:#cbd8de;margin-bottom:10px}.notes a{color:#96d9ce;text-underline-offset:3px}.notes p{font-size:11px}.notes ul{padding-left:15px}.notes li{margin:6px 0}.export-btn{margin-top:18px;width:100%;font-size:12px}.export-sub{font-size:10px;color:#91a5af;text-align:center;margin-top:7px}.loader{position:absolute;inset:0;z-index:20;background:#122029;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font:12px var(--mono);color:#bcd6df}.loader.hidden{display:none}.loader .bar{width:100px;height:2px;background:#314b56;overflow:hidden}.loader .bar::after{content:'';display:block;height:100%;width:40%;background:var(--accent);animation:load 1s infinite alternate}@keyframes load{to{transform:translateX(150%)}}.toast{position:absolute;bottom:151px;left:50%;transform:translateX(-50%);z-index:20;background:#34534f;border:1px solid #6b9e94;padding:10px 14px;border-radius:5px;font-size:12px;white-space:nowrap;display:none}.mobile-parts{display:none}.empty{color:var(--muted);padding:15px;font-size:12px} .tour-nav{display:flex;gap:8px;margin-top:14px}.tour-nav button{font-size:11px;flex:1}.tour-count{font:11px var(--mono);color:var(--accent);margin:14px 0 5px}.hide{display:none!important}
@media(min-width:1500px){.shell{grid-template-columns:268px minmax(0,1fr) 300px}.details{padding:26px}.explorer{padding-top:26px}}@media(max-width:1150px){.shell{grid-template-columns:216px minmax(0,1fr) 237px}.details{padding:23px 16px}.top{padding:18px 22px}.stage-head{left:17px}.stage-head .mode-name{font-size:18px}.stage-actions{flex-direction:column}.stage-head .sub{font-size:10px}}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr) 252px}.explorer{position:absolute;top:90px;bottom:0;left:0;width:260px;z-index:15;box-shadow:12px 0 40px #0009;display:none}.explorer.open{display:flex}.mobile-parts{display:inline-flex;align-items:center;gap:6px}.top-right{display:none}.top{height:88px}.shell{height:calc(100dvh - 88px)}.stage-head .mode-name{font-size:20px}}@media(max-width:640px){.top{height:83px;padding:16px}.brandmark{width:37px;height:37px;font-size:13px}.brand{gap:11px}.brand h1{font-size:27px}.brand p{font-size:10px}.mobile-parts{font-size:11px;padding:8px}.shell{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.stage-wrap{height:650px;min-height:570px}.stage{min-height:390px}.stage-head{top:18px;left:16px}.stage-head .mode-name{font-size:18px}.stage-head .variant{font-size:8px}.details{border-left:0;border-top:1px solid var(--line);padding:24px 21px;overflow:visible}.specs{grid-template-columns:repeat(4,1fr);margin:17px 0 22px;gap:10px}.spec-value{font-size:20px}.spec-label{font-size:9px}.details h2{font-size:25px}.details p,.detail-value{font-size:13px}.mode-tabs button{font-size:11px;padding:10px 3px}.controls{padding:12px}.lower-controls{gap:6px}.lower-controls button{font-size:11px;padding:8px 9px}.stage-actions{top:16px;right:12px}.canvas-help{left:8px;right:8px;font-size:10px;bottom:130px}.part-label{font-size:9px;padding:5px 6px}.explorer{position:fixed;top:83px;bottom:0;width:282px}.notes{margin-top:20px}.orientation{left:17px;font-size:9px}.range-row{padding-top:7px}.export-btn{max-width:350px}.export-sub{text-align:left}.selected-tag{bottom:154px;left:15px}.toast{font-size:11px;white-space:normal;width:max-content;max-width:88%}.brand p{letter-spacing:.2px}}@media(prefers-reduced-motion:reduce){.loader .bar::after{animation:none}}

/* Mercedes-inspired configurator: black masthead, silver studio, blue active controls. */
:root{color-scheme:light;--bg:#f2f3f4;--panel:#fff;--line:#d4d8dc;--text:#17191c;--muted:#616870;--accent:#0078d6;--font:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif;--display:Georgia,'Times New Roman',serif}
html,body{font-size:16px;background:#f3f4f5;color:var(--text)}
button{border-radius:2px;background:#fff;border-color:#bcc2c8;color:#202328;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
button:hover{background:#edf1f5;border-color:#717b85}button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#0078d6}
button[aria-pressed=true]{background:#e8f3fd;border-color:#0078d6;color:#0066b7}button:disabled{opacity:.45}
.top{height:94px;padding:18px 28px;background:#08090a;color:#fff;border-bottom:1px solid #303236;gap:18px}
.brand{gap:18px}.brandmark{width:48px;height:48px;border:1px solid #91959a;box-shadow:inset 0 0 0 3px #16191c;border-radius:50%;font:16px var(--display);letter-spacing:1px;color:#e5e7ea}
.brand h1{font:30px/1.1 var(--display);letter-spacing:-.5px}.brand p{font:12px/1.5 var(--font);color:#b5b8bd;letter-spacing:.6px;margin-top:6px}.top-right{font:12px/1.8 var(--font);color:#92989f}.top-right strong{color:#f0f1f3;font-weight:400;letter-spacing:.6px}
.shell{grid-template-columns:238px minmax(0,1fr) 282px;min-height:690px;max-height:none;height:calc(100dvh - 94px)}
.explorer{background:#f8f9fa;padding:23px 14px 16px;border-color:#d4d8dc}.explorer-title{padding:0 8px 16px}.eyebrow,.category,.detail-label{font:12px/1.4 var(--font);letter-spacing:1px;text-transform:uppercase;color:#636c76}.count{font:12px var(--font);color:#666f78}.part-search{font:14px var(--font);background:#fff;border:1px solid #aab2bb;border-radius:2px;padding:12px;color:#17191c}
.part-list{scrollbar-color:#b9c0c6 transparent}.category{padding:22px 9px 9px;font-weight:600;color:#555f69}.part-row{font:14px/1.45 var(--font);padding:10px 8px;color:#3d444c;gap:10px;border-radius:0}.part-row .dot{background:#939ba3;width:4px;height:4px;flex-basis:4px}.part-row:hover{background:#eaeef2}.part-row.active{background:#e4f1fc;color:#005fae;border-left-color:#0078d6}.part-row.active .dot{background:#0078d6}.part-row.hidden-part{color:#78818a}.explorer-foot{font-size:12px;color:#69737d;line-height:1.7;border-color:#d9dde1}
.stage-wrap{background:radial-gradient(ellipse at 48% 32%,#fff 0%,#edf0f2 46%,#d2d8dd 100%)}.stage-head{top:24px;left:24px}.stage-head .variant{border:0;border-radius:0;padding:0;margin-bottom:8px;color:#66717d;font:12px/1.5 var(--font);letter-spacing:.8px}.stage-head .mode-name{font:34px/1.1 var(--display);letter-spacing:-.5px;color:#15191e}.stage-head .sub{font:12px/1.6 var(--font);letter-spacing:.4px;color:#64717f;margin-top:10px;max-width:260px}
.stage-actions{top:23px;right:17px;gap:0;flex-direction:column;background:#ffffffdf;border:1px solid #bbc4cc;border-radius:3px;box-shadow:0 3px 14px #2234460d;overflow:hidden}.stage-actions .icon-button{width:38px;height:38px;border:0;border-bottom:1px solid #d9dfe5;border-radius:0;background:transparent;color:#293540}.stage-actions .icon-button:last-child{border-bottom:0}.stage-actions .icon-button:hover{background:#e1effa;color:#006fc5}
.ui-icon{width:18px;height:18px;flex:0 0 18px;display:inline-block;vertical-align:middle}.button-label{vertical-align:middle}.controls{background:#ffffffed;border-top:1px solid #bbc4cc;padding:16px 18px;box-shadow:0 -5px 22px #23314208}.mode-tabs{display:flex;gap:0;border-bottom:1px solid #cfd5db}.mode-tabs button{flex:1;min-width:0;min-height:45px;font-size:14px;font-weight:500;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 5px;color:#56616d}.mode-tabs button[aria-pressed=true]{color:#006cbe;border-bottom-color:#0078d6;background:transparent}.mode-tabs button:hover{background:#f0f5f9}.lower-controls{gap:7px;margin-top:13px}.lower-controls button{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;min-height:38px;font-size:13px;background:#fff;border:1px solid #c1c9d1}.lower-controls button[aria-pressed=true]{background:#e7f3ff;border-color:#0078d6;color:#0063b0}.lower-controls .ui-icon{width:16px;height:16px;flex-basis:16px}.range-row{font:13px var(--font);color:#566574;gap:10px;padding-top:14px}.range-row input{accent-color:#0078d6}
.orientation{color:#6c7986;text-shadow:0 1px 2px #fff;font:12px/1.6 var(--font);letter-spacing:.4px}.canvas-help{color:#687581;text-shadow:0 1px 3px #fff;font:12px/1.5 var(--font)}
.part-label,.part-label.selected{color:#fff;background:#151b23ed;border:1px solid #7cb8e5;border-radius:2px;padding:9px 12px;box-shadow:0 4px 20px #10233526;font:14px/1.4 var(--font);white-space:normal;max-width:calc(100% - 24px);text-align:left}.part-label::before{display:none}
.details{background:#fff;border-color:#d4d8dc;padding:24px 22px;scrollbar-color:#b9c0c6 transparent}.specs{gap:20px 15px;margin:22px 0 25px}.spec-value{font:27px/1.15 var(--display);letter-spacing:-.5px}.spec-label{font:12px/1.4 var(--font);color:#707983;margin-top:7px;letter-spacing:.5px}.divider{border-color:#dce0e4;margin:23px 0}.details h2{font:30px/1.12 var(--display);letter-spacing:-.6px;margin:10px 0 17px;overflow-wrap:break-word}.details p,.detail-value{font:16px/1.65 var(--font);color:#505a65}.intro-copy{font-size:16px!important;line-height:1.65!important}.detail-label{font-size:12px;margin-top:18px;margin-bottom:7px}.detail-value{font-size:14px;margin-bottom:16px}.detail-hint{border-left:2px solid #aeb8c1;color:#67727d;font:12px/1.65 var(--font);padding:4px 0 4px 12px;margin-top:20px}.detail-actions{gap:7px}.detail-actions button{font-size:14px;min-height:40px;padding:9px 12px}.detail-actions button:first-child{background:#0078d6;border-color:#0078d6;color:#fff}.detail-actions button:first-child:hover{background:#0068ba}.detail-actions .ui-icon{margin-right:5px}.component-portrait{margin:0 0 20px;border:1px solid #e0e4e8;background:radial-gradient(ellipse at center,#fff,#e3e7ea);aspect-ratio:3/2;overflow:hidden;border-radius:2px;position:relative}.component-portrait img{width:100%;height:100%;object-fit:contain;display:block}.component-portrait figcaption{position:absolute;left:10px;bottom:8px;color:#637180;font-size:12px;letter-spacing:.4px}.component-portrait.failed{display:none}
.notes{border-color:#d9dfe4;color:#65717d;font:12px/1.7 var(--font)}.notes summary{color:#384551;font-size:13px}.notes p,.notes li{font-size:12px;line-height:1.65}.notes a{color:#006cbf}.export-btn{width:100%;font-size:14px;min-height:45px;background:#16191c;border-color:#16191c;color:#fff}.export-btn:hover{background:#30363c;color:#fff}.export-sub{font:12px/1.6 var(--font);color:#737e88}.tour-count{font:12px var(--font);color:#0070c9}.tour-nav button{font-size:13px;min-height:40px}.loader{background:#eef1f4;color:#334250;font:14px var(--font)}.loader .bar{background:#d0d7df}.toast{background:#151b23;color:#fff;border:1px solid #566679;border-radius:2px}.mobile-parts{background:transparent;color:#fff;border-color:#626a73;font-size:14px}.mobile-parts:hover{background:#242a31}.empty{font-size:14px;color:#6e7984}
@media(min-width:1500px){.shell{grid-template-columns:260px minmax(0,1fr) 300px}.details{padding:26px}}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr) 254px}.details{padding:23px 16px}.stage-head{left:18px}.stage-head .mode-name{font-size:30px}.stage-head .sub{max-width:210px}.stage-head .variant{max-width:220px}}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr) 260px;height:calc(100dvh - 88px)}.top{height:88px}.explorer{top:88px;width:280px}.top-right{display:none}}
@media(max-width:640px){.top{height:83px;padding:14px 16px}.brand{gap:11px}.brandmark{width:36px;height:36px;font-size:13px}.brand h1{font-size:23px}.brand p{font-size:12px;letter-spacing:0}.mobile-parts{padding:8px;font-size:13px}.shell{display:flex;height:auto;min-height:0}.stage-wrap{height:690px;min-height:600px}.stage-head{top:20px;left:17px}.stage-head .mode-name{font-size:31px}.stage-head .sub{max-width:235px;font-size:12px}.stage-head .variant{font-size:12px}.stage-actions{top:20px;right:12px}.stage-actions .icon-button{width:34px;height:34px}.controls{padding:12px}.mode-tabs button{font-size:13px;min-height:44px}.lower-controls{gap:5px}.lower-controls button{font-size:12px;padding:8px 7px;gap:5px}.lower-controls .ui-icon{width:14px;height:14px;flex-basis:14px}.canvas-help{font-size:12px;line-height:1.6;padding:0 14px}.orientation{display:none!important}.part-label{font-size:14px}.details{padding:24px 22px}.specs{grid-template-columns:repeat(4,1fr);gap:10px}.spec-value{font-size:25px}.spec-label{font-size:12px}.details h2{font-size:32px}.component-portrait{max-height:260px}.explorer{top:83px;width:282px}.export-btn{max-width:none}.export-sub{text-align:center}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Luxury showroom finish: deep graphite cabinetry and a framed porcelain stage. */
:root{color-scheme:dark;--bg:#0c0d0f;--panel:#15171a;--line:#303338;--text:#eceff2;--muted:#a4abb4;--accent:#87bfea;--display:Georgia,'Times New Roman',serif}
html,body{background:#0c0d0f;color:#eef0f3}.top{background:#050607;border-bottom:1px solid #35383c;padding:20px 30px;box-shadow:0 5px 25px #0002;position:relative;z-index:5}.brand{gap:0}.brand h1{font-size:29px;font-weight:400;letter-spacing:-.7px}.brand p{color:#969ea8;font-size:12px;letter-spacing:1.2px;margin-top:8px}.top-right{color:#89929d;letter-spacing:.5px}.top-right strong{color:#e4e8ed;font-size:13px;letter-spacing:1px}
.explorer{background:linear-gradient(105deg,#141619,#191c20);padding:26px 15px 18px;border-right:1px solid #33373c}.explorer-title{padding:0 9px 20px}.eyebrow,.detail-label{color:#a6afb9;font-size:12px;letter-spacing:1.4px}.count{color:#929ca8}.part-search{color:#f0f3f6;background:#0e1013;border-color:#454c55;border-radius:0;padding:13px 12px;font-size:14px}.part-search::placeholder{color:#949eaa}.part-list{scrollbar-width:thin;scrollbar-color:#49515a transparent}.category{color:#8f9aa8;font-size:12px;letter-spacing:1.45px;padding:24px 9px 10px;font-weight:400;border-bottom:1px solid #ffffff0c;margin-bottom:6px}.part-row{color:#c1c8d1;padding:11px 9px;line-height:1.45;font-size:14px;transition:background .2s,color .2s}.part-row .dot{background:#626e7c}.part-row:hover{background:#ffffff09;color:#fff}.part-row.active{background:linear-gradient(90deg,#3b526a66,#29374533);color:#e8f4ff;border-left-color:#99cfff}.part-row.active .dot{background:#a4d6ff}.part-row.hidden-part{color:#8f99a5}.explorer-foot{border-color:#363c43;color:#959faa;padding-top:18px;font-size:12px}
.stage-wrap{margin:15px 0;background:radial-gradient(ellipse at 47% 32%,#fcfdfd 0%,#e8ecef 56%,#c4cdd4 100%);border:1px solid #818c97;border-radius:3px;box-shadow:inset 0 0 70px #60738415,0 10px 30px #0002}.stage-head{top:30px;left:28px}.stage-head .variant{font-size:12px;letter-spacing:1.8px;color:#61707c;margin-bottom:10px}.stage-head .mode-name{font:46px/1.08 var(--display);letter-spacing:-1.8px;color:#17212a}.stage-head .sub{font-size:12px;letter-spacing:1px;color:#596b7a;margin-top:12px}.stage-actions{top:27px;right:18px;background:#fdfefec9;border-color:#a5b2bd;box-shadow:0 4px 16px #1d344b0c}.stage-actions .icon-button{height:39px;width:39px;color:#445968;border-color:#c9d2d9}.stage-actions .icon-button:hover{background:#fff;color:#005ba1}
.controls{margin:0 18px 18px;padding:13px 16px 14px;border:1px solid #b9c5cf;background:linear-gradient(#fffffff5,#f4f7f9f5);border-radius:3px;box-shadow:0 6px 18px #263e5217;position:relative;color:#223443}.mode-tabs{border-color:#c8d2da}.mode-tabs button{font-size:14px;color:#65727e;letter-spacing:.2px;padding:9px 3px;min-height:42px}.mode-tabs button[aria-pressed=true]{color:#172c40;border-bottom-color:#172c40;font-weight:600}.mode-tabs button:hover{background:#e8eef3}.lower-controls{gap:6px;margin-top:12px}.lower-controls button{border-color:transparent;background:transparent;color:#5f6d7b;min-height:36px;font-size:13px;padding:7px}.lower-controls button[aria-pressed=true]{background:#e0eaf3;color:#164d77;border-color:#c0d3e3}.lower-controls button:hover{background:#e8eef3;border-color:#c5d0d9}.range-row{color:#566b7c}.range-row input{accent-color:#226999}.canvas-help{color:#5c6c79;font-size:12px;letter-spacing:.1px}.orientation{color:#71808c;font-size:12px;letter-spacing:.4px}.part-label,.part-label.selected{background:#111921ef;border:1px solid #9ebbd1;color:#eef6ff;box-shadow:0 4px 18px #1e344b28;border-radius:2px;font-size:14px}
.details{background:linear-gradient(100deg,#191c20,#111316);border-left:1px solid #33373c;padding:26px 23px;scrollbar-color:#49515a transparent}.details>.eyebrow{font-size:12px;letter-spacing:1.4px}.specs{gap:23px 16px;margin:25px 0 29px}.spec-value{color:#eef2f6;font-size:31px;letter-spacing:-.7px}.spec-label{color:#8d99a6;font-size:12px;letter-spacing:.7px}.divider{border-color:#353c44;margin:25px 0}.details h2{font-size:34px;line-height:1.13;color:#eef2f6;letter-spacing:-.9px;margin:12px 0 19px}.details p{color:#b3bdc8;font-size:16px;line-height:1.75}.intro-copy{font-size:16px!important;line-height:1.75!important}.detail-value{color:#b8c4cf;font-size:14px;line-height:1.7}.detail-label{margin-top:23px;margin-bottom:8px;font-size:12px;letter-spacing:1.2px;color:#8d9cac}.detail-hint{font-size:12px;color:#909eac;border-left-color:#4c5d6d;padding-left:12px;line-height:1.75}.detail-actions{gap:7px;margin:23px 0}.detail-actions button{color:#d1dce7;border-color:#526171;background:transparent;min-height:42px;border-radius:2px;font-size:14px}.detail-actions button:hover{background:#28333f}.detail-actions button:first-child{color:#12283a;background:linear-gradient(110deg,#f1f6fa,#b6cadc);border-color:#c7d8e7;box-shadow:0 3px 10px #0002;font-weight:500}.detail-actions button:first-child:hover{background:#fff}.component-portrait{background:#e9edf0;border-color:#6c7986;border-radius:2px;margin:3px 0 23px;box-shadow:0 6px 20px #0002}.component-portrait figcaption{color:#556b7e;font-size:12px}.notes{border-color:#353c44;color:#94a0ad;margin-top:28px;padding-top:20px}.notes summary{color:#b0bdc9;font-size:13px}.notes p,.notes li{color:#919eab;font-size:12px;line-height:1.75}.notes a{color:#9ac9ee}.export-btn{background:transparent;color:#c0cfdd;border-color:#566674;border-radius:2px;min-height:45px;font-size:14px;margin-top:23px}.export-btn:hover{background:#25313c;color:#fff;border-color:#869fb5}.export-sub{color:#81909f;font-size:12px}.tour-count{color:#9bcefa;font-size:12px}.tour-nav button{background:#202832;color:#d0deeb;border-color:#4d5b69}.tour-nav button:hover{background:#2a3947}.toast{background:#131b24;color:#edf5fc;border-color:#89a1b7}.empty{color:#a7b1be}.loader{background:#e9eef2;color:#4c5d6b}.loader .bar{background:#cad5df}.loader .bar::after{background:#426d90}
@media(min-width:1500px){.details{padding:29px 26px}.stage-wrap{margin:18px 0}.stage-head{left:33px;top:32px}.stage-head .mode-name{font-size:52px}}
@media(max-width:1150px){.details{padding:25px 17px}.stage-head{left:20px;top:26px}.stage-head .mode-name{font-size:39px}.stage-head .variant{font-size:12px;letter-spacing:1px;max-width:200px}.stage-head .sub{max-width:200px}.controls{margin:0 12px 15px;padding:11px 9px 12px}.lower-controls button{font-size:12px;padding:7px 5px;gap:4px}}
@media(max-width:900px){.explorer{box-shadow:12px 0 35px #0006}.stage-wrap{margin:12px 0}}
@media(max-width:640px){.top{padding:15px 17px}.brand h1{font-size:25px}.brand p{font-size:12px;letter-spacing:.5px}.mobile-parts{font-size:13px;border-color:#59636d}.stage-wrap{margin:0;border:0;border-bottom:1px solid #627383;border-radius:0;height:705px;min-height:620px}.stage-head{left:22px;top:26px}.stage-head .mode-name{font-size:43px}.stage-head .variant{max-width:240px;font-size:12px;letter-spacing:1.15px}.stage-head .sub{max-width:235px;font-size:12px;letter-spacing:.5px}.stage-actions{top:24px;right:14px}.stage-actions .icon-button{width:34px;height:36px}.controls{margin:0 13px 16px;padding:11px 10px 12px}.mode-tabs button{font-size:13px}.lower-controls button{font-size:12px;gap:4px;padding:7px 5px}.details{padding:28px 23px;border-left:0}.details h2{font-size:35px}.spec-value{font-size:29px}.spec-label{font-size:12px;letter-spacing:.3px}.specs{gap:10px}.canvas-help{font-size:12px}.component-portrait{max-height:270px}}
#system-legend[hidden]{display:none}#system-legend{padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid #bdc9d2}.legend-heading{font-size:10px;letter-spacing:1px;color:#354957}.legend-heading span{display:block;letter-spacing:0;font-size:11px;color:#657480;margin:4px 0 10px}.legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.legend-item{display:flex;gap:6px;font-size:11px;color:#253a4b;line-height:1.3}.legend-item i{width:10px;height:10px;flex:0 0 10px;border-radius:50%;border:1px solid #0002;margin-top:2px}.legend-item small{display:block;font-size:9px;color:#596b78;margin-top:2px}@media(max-width:1200px){.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legend-item small{display:none}}
.oe-card{margin:20px 0;padding:16px 0;border-top:1px solid #414950;border-bottom:1px solid #414950}.oe-card h3{font-size:12px;font-weight:400;letter-spacing:1.2px;margin:0 0 10px}.oe-card p{font-size:12px!important;line-height:1.6!important}.oe-number{display:block;color:#edf3fa;font:15px/1.6 ui-monospace,monospace}.oe-scope{font-size:12px;color:#acb8c3}.oe-card a{font-size:11px;color:#b7d9f5;margin-right:12px}.oe-entry{margin:12px 0}.oe-status{color:#b9cadd}
/* Black studio theme. */
.stage-wrap{background:radial-gradient(ellipse at 50% 37%,#343a40 0%,#191d22 43%,#080a0d 85%);border-color:#383d44;box-shadow:inset 0 0 80px #0005}.stage-head .mode-name{color:#f0f1f3}.stage-head .variant,.stage-head .sub{color:#aab6c3}.stage-actions{background:#14181ee8;border-color:#454d57}.stage-actions .icon-button{color:#d4dce5;border-color:#38414c}.stage-actions .icon-button:hover{background:#2b333d;color:#fff}.controls{background:linear-gradient(#20252af5,#101419f8);border-color:#4b545f;color:#e4e9ef;box-shadow:0 8px 28px #0005}.mode-tabs{border-color:#414a55}.mode-tabs button{color:#a9b5c3}.mode-tabs button[aria-pressed=true]{color:#fff;border-bottom-color:#b4d6f2}.lower-controls button{color:#cbd5df;background:#242b33;border-color:#485360}.lower-controls button[aria-pressed=true]{color:#e3f3ff;background:#23435d;border-color:#79acd3}.lower-controls button:hover{background:#364350}.range-row{color:#ced9e3}#canvas-help,#orientation{color:#a8b6c5}.legend-heading{color:#e1e7ee}.legend-heading span{color:#a5b3c1}.legend-item{color:#e6edf4}.legend-item small{color:#a7b7c6}#system-legend{border-color:#46525e}.brand h1{font-size:31px}.brand p{letter-spacing:1.7px;color:#b5bdc7}.component-portrait{background:#1c2229}.component-portrait figcaption{color:#a8b7c7}
/* Gray display stage with a high-contrast selection treatment. */
.stage-wrap{background:radial-gradient(ellipse at 47% 32%,#f4f5f6 0%,#dde1e5 56%,#b8c0c8 100%);border-color:#818c97;box-shadow:inset 0 0 70px #60738415,0 10px 30px #0002}.stage-head .mode-name{color:#17212a}.stage-head .variant,.stage-head .sub{color:#596b7a}#canvas-help,#orientation{color:#536675}
.part-label,.part-label.selected{background:#11171ff5;border:1px solid #ffbf24;color:#fff;box-shadow:0 0 0 2px #11171f66,0 8px 26px #0005;border-radius:5px;padding:11px 14px;max-width:min(300px,calc(100% - 24px));white-space:normal;text-align:left;font-size:14px;line-height:1.4}.part-label .label-name{display:block;font-weight:650}.part-label .label-reference{display:block;border-top:1px solid #ffffff26;margin-top:7px;padding-top:7px}.part-label .label-number{display:block;color:#ffd36b;font:600 14px/1.5 var(--mono);letter-spacing:.3px}.part-label .label-scope,.part-label .label-status{display:block;font-size:12px;line-height:1.4;color:#c4ced8}.part-label .label-status{margin-top:6px}
.air-cleaner-open{width:100%;margin-bottom:18px;border:1px solid #a6bacb;color:#eaf4ff;background:#25333e;padding:12px;font-size:14px}.air-cleaner-open:hover{background:#354b5b}
.air-cleaner-return{pointer-events:auto;margin-top:12px;background:#1c2933;color:#fff;border:1px solid #8b9cab;padding:8px 12px;font-size:13px}.air-cleaner-return[hidden]{display:none}
.atlas-nav{display:flex;gap:20px;margin-left:auto;margin-right:20px}.atlas-nav a{color:#a8afb7;text-decoration:none;font-size:14px;padding:9px 0}.atlas-nav a[aria-current]{color:#fff;border-bottom:1px solid #ddd}@media(max-width:640px){.top{flex-wrap:wrap;gap:12px}.atlas-nav{order:3;width:100%;margin:0;gap:24px}}

.control-group{display:flex;flex-direction:column;gap:6px;min-width:0}
.control-kicker{font:10px/1 var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:#8ea0ae}
.mode-hint{color:#9aabba;font-size:12px}
.cut-modes{display:flex;gap:6px}
.firing-order{font-size:12px;letter-spacing:.2px;color:#e2c48a;font-variant-numeric:tabular-nums;white-space:nowrap}
.part-label,.part-label.selected{background:#000;border:1px solid #3db7ff;color:#fff;box-shadow:0 6px 18px #000;border-radius:4px;padding:10px 12px;max-width:min(280px,calc(100% - 24px));pointer-events:auto}
.part-label .label-actions{display:flex;gap:6px;margin-top:8px}
.part-label .label-action{flex:1;min-height:30px;padding:5px 8px;font-size:12px;border-radius:3px;background:#1a1a1a;border:1px solid #3a3a3a;color:#f2f2f2}
.part-label .label-action[aria-pressed=true]{background:#16324a;border-color:#79acd3;color:#e3f3ff}
.part-label .label-action:hover{background:#2a2a2a}
.part-label .label-name{display:block;width:100%;background:transparent;border:0;padding:0;color:#fff;font:inherit;font-weight:650;text-align:left;border-radius:0}
.part-label .label-name:hover{background:transparent;color:#fff}
#bank-marks{position:absolute;inset:0;pointer-events:none;z-index:4}
#bank-marks[hidden]{display:none!important}
.bank-mark{position:absolute;transform:translate(-50%,-50%)}
.bank-mark.name{font:600 11px/1 var(--font);letter-spacing:.4px;color:#d7e7f5;background:#10283cee;border:1px solid #3db7ff;border-radius:3px;padding:4px 6px}
.stroke-legend{position:absolute;left:18px;bottom:168px;z-index:4;display:flex;flex-wrap:wrap;gap:8px 12px;max-width:min(440px,calc(100% - 36px));padding:8px 12px;background:#11171fe8;border:1px solid #3a4652;border-radius:4px;color:#e7eef4;font:12px/1 var(--font);pointer-events:none}
.stroke-legend[hidden]{display:none!important}
.stroke-legend span{display:inline-flex;align-items:center;gap:6px}
.stroke-legend i{width:12px;height:12px;border-radius:2px;display:block}
#canvas-help{z-index:2}
.labels{z-index:8}
.part-label,.part-label.selected{background:#000 !important;background-color:#000 !important;opacity:1 !important}
.part-row{padding:0}
.part-row-name{display:flex;align-items:center;gap:9px;width:100%;margin:0;padding:11px 9px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:1.45;text-align:left;box-shadow:none}
.part-row-name:hover,.part-row:hover .part-row-name,.part-row.active .part-row-name{background:transparent;border-color:transparent;color:inherit}