:root{font-family:"Segoe UI",Arial,sans-serif;color:#eceeea;background:#0c1114;--gold:#c8a876;--line:#30393e;--muted:#9ba8af;--panel:#141c20;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}[hidden]{display:none!important}button,input,select{font:inherit}button{min-height:40px;padding:0 14px;cursor:pointer;color:inherit;background:#ffffff03;border:1px solid var(--line);border-radius:5px;transition:background .2s,border-color .2s,color .2s,transform .2s}button:hover:not(:disabled){background:#ffffff0c;border-color:#83908f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #e6c58d;outline-offset:4px}a{color:inherit}header{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0e1519;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a78c60;color:#e0c393;font:29px Georgia,serif}.brand b{font-size:23px;letter-spacing:3px;font-weight:750;display:flex;align-items:center}.brand b>span:first-child{font-size:14px;color:#617079;padding:0 18px;font-weight:300}.brand b .brand-subtitle{font-size:9px;letter-spacing:2.2px;color:#a8b2b6;font-weight:500}.header-right{display:flex;gap:25px;align-items:center}.header-caption{font-size:8px;letter-spacing:2px;color:#8a9a9f}#references-open{font-size:11px;border-color:#53615e;background:#ffffff02}#references-open span{color:var(--gold);padding-left:16px}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100dvh - 76px);min-height:680px}#stage{position:relative;overflow:hidden;background-color:#11191e;background-image:radial-gradient(ellipse at 56% 48%,#46545a 0,#28363d 28%,#172329 54%,#0e171d 82%)}#stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#9bb2bb20 1px,transparent 1px),linear-gradient(90deg,#9bb2bb20 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(transparent 15%,#000 85%)}#stage:after{content:"";position:absolute;pointer-events:none;inset:22px;border:1px solid #cbd7d708;clip-path:polygon(0 0,24px 0,24px 1px,1px 1px,1px 24px,0 24px,0 0,100% 0,100% 24px,calc(100% - 1px) 24px,calc(100% - 1px) 1px,calc(100% - 24px) 1px,calc(100% - 24px) 0,100% 0,100% 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 24px),100% calc(100% - 24px),100% 100%,0 100%,0 calc(100% - 24px),1px calc(100% - 24px),1px calc(100% - 1px),24px calc(100% - 1px),24px 100%,0 100%)}#viewport{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.stage-title{position:absolute;z-index:1;top:36px;left:42px;pointer-events:none}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2.2px;color:var(--gold);display:flex;align-items:center;gap:12px}.title-rule{width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(42px,4.7vw,74px);line-height:.92;letter-spacing:-3px;font-weight:750;margin:19px 0 16px;color:#f1f1e9}h1 em{font-style:normal;font-weight:350;color:#bbc6c8;letter-spacing:-2.5px}.stage-title p{font-size:10px;letter-spacing:.15px;line-height:1.6;color:#a2b2ba;margin:0;max-width:350px}.stage-index{position:absolute;z-index:1;right:34px;top:37px;font:10px Consolas,monospace;color:#b6c3c5;letter-spacing:1.5px}.stage-index span{display:block;font-size:7px;color:#81969f;letter-spacing:2px;margin-top:7px}.view-label{position:absolute;z-index:1;right:35px;top:94px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#b2c0c5}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #c8a87650}.scene-shortcut{position:absolute;z-index:2;top:136px;right:34px;display:grid;grid-template-columns:1fr auto;gap:5px 20px;text-align:left;border:0;border-left:1px solid #c8a87660;border-radius:0;padding:3px 0 3px 13px;min-height:43px;background:none}.scene-shortcut>span{font-size:7px;letter-spacing:1.7px;color:#84979f}.scene-shortcut b{font-size:11px;font-weight:500;grid-column:1}.scene-shortcut i{font-style:normal;color:var(--gold);grid-column:2;grid-row:1/3;align-self:center}.view-tools{position:absolute;z-index:2;bottom:162px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:#10191ddb;border:1px solid #697c813d;border-radius:6px;backdrop-filter:blur(16px);box-shadow:0 5px 25px #0003;white-space:nowrap}.view-tools button{min-height:32px;font-size:10px;padding:0 12px;border-color:transparent;color:#bfcccf}.view-tools button.active{background:#ffffff10;color:#f1e6d0}.view-tools button:first-child{border-right:1px solid #ffffff14;border-radius:0}.view-tools button:hover:not(:disabled){background:#ffffff10}kbd{font:8px Consolas,monospace;color:#879da5;margin-left:7px;border:1px solid #51636b;border-radius:2px;padding:1px 3px}.stage-bottom{position:absolute;z-index:1;left:34px;right:34px;bottom:17px;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.5px;color:#8ca0a9;pointer-events:none}.stage-bottom b{font-size:7px;letter-spacing:1px;color:#b4c2c6;font-weight:600}.stage-bottom i{font-style:normal;padding:0 5px;color:#6a7e87}.stage-bottom>span:last-child{font-size:7px;letter-spacing:1.5px}.stage-bottom>span:last-child span{color:var(--gold);margin-left:8px}.screen-dock{position:absolute;z-index:2;left:50%;bottom:42px;transform:translateX(-50%);width:min(550px,calc(100% - 78px));padding:13px 17px 11px;background:linear-gradient(125deg,#233036f2,#111a20f5);border:1px solid #6d7b7e65;border-top-color:#bbbc9f66;border-radius:8px;box-shadow:0 18px 45px #0006;backdrop-filter:blur(18px)}.screen-dock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dock-label{font-size:8px;letter-spacing:1.8px;color:var(--gold);font-weight:600}#screen-position-output{font-size:11px;color:#e4eae8;font-variant-numeric:tabular-nums}.screen-dock-controls{display:flex;gap:19px;align-items:center}.screen-buttons{display:flex;gap:5px}.screen-buttons button{font-size:10px;padding:0 10px;min-height:34px;border-color:#5c6e73;color:#dfd8c8}.screen-buttons button:first-child,.screen-buttons button:last-child{border-color:#99815c;color:#ddbe8e}.screen-buttons button:hover:not(:disabled){border-color:var(--gold);background:#c8a87612}.travel-slider{flex:1;min-width:95px}.travel-slider>div{display:flex;justify-content:space-between;font-size:8px;color:#8ea3ae}.screen-dock input[type=range]{height:22px;margin:0}#screen-motion-note{font-size:8px;color:#96a8b0;margin:7px 0 0}input[type=range]{width:100%;min-width:0;cursor:pointer;accent-color:var(--gold);margin:8px 0 4px}aside{background:linear-gradient(165deg,#1b2429,#121a1e 65%);border-left:1px solid #647b823b;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#50636a #161f24;padding:31px 26px 16px;display:flex;flex-direction:column;gap:0}aside>*{flex-shrink:0}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.8px}.panel-heading h2{font-size:31px;line-height:1.1;letter-spacing:-1px;font-weight:650;margin:14px 0 12px}.panel-heading h2 span{font-weight:350;color:#b6c2c7}.panel-heading p{font-size:11px;color:#90a3ac;margin:0 0 27px}.section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border:1px solid #647a8233;border-radius:5px;background:#0d161b;margin-bottom:20px}.section-nav button{font-size:10px;padding:0 2px;border:0;border-radius:3px;min-height:36px;color:#a4b6bf}.section-nav button[aria-pressed=true]{background:#c8a876;color:#111b20;font-weight:650}.control-section{border-bottom:1px solid #657b823b}.control-section>summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none;min-height:76px;padding:17px 0}.control-section>summary::-webkit-details-marker{display:none}.section-number{font:10px Consolas,monospace;color:#8b7655;align-self:flex-start;padding-top:3px}.control-section>summary>span:nth-child(2){flex:1;min-width:0}.control-section summary b{display:block;font-size:15px;font-weight:550;letter-spacing:-.2px;color:#dce3e3}.control-section summary small{display:block;font-size:10px;color:#8fa2ac;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.section-chevron{font-size:21px;font-weight:250;color:#a2adb0;transition:transform .2s}.control-section[open] .section-chevron{transform:rotate(45deg);color:var(--gold)}.control-section[open] summary b{color:#f0e5d0}.section-content{padding:0 0 22px}.configuration{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:13px;padding:12px 0 14px;border-bottom:1px solid #ffffff0b}.configuration:last-child{border:0;margin:0}.configuration>label,.appearance>label:first-child{font-size:11px;color:#d1dbde;font-weight:550}.configuration select,.appearance select,.fabric-selector>select{width:100%;min-width:0;min-height:42px;border:1px solid #50616a;background:#222f36;color:#f0f0e9;border-radius:4px;padding:0 9px;font-size:12px;cursor:pointer}.configuration p{grid-column:1/-1;font-size:10px;color:#96aab6;line-height:1.5;margin:0}.configuration p[role=status]{color:#edb09d}.finish-selector,.fabric-selector{padding:7px 0 0}.finish-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.finish-heading label,.fabric-selector>label{font-size:11px;color:#b5c5cd}.finish-heading button{min-height:32px;font-size:10px;color:#c8b48c;border-color:#766b52}.finish-current{display:flex;flex-direction:column;gap:5px;margin:15px 0 19px;min-height:50px}.finish-current b{font-size:19px;line-height:1.25;font-weight:500;letter-spacing:-.3px;color:#f1eee4}.finish-current span{font:11px Consolas,monospace;letter-spacing:1px;color:var(--gold)}.finish-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.finish-swatch{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:69px;padding:4px;border-color:transparent;background:none}.swatch-chip{display:block;width:100%;height:39px;position:relative;border-radius:3px;background:var(--finish);box-shadow:inset 0 0 0 1px #ffffff25,0 3px 8px #0003}.finish-swatch.textured .swatch-chip{background-image:repeating-radial-gradient(circle at 20% 10%,#ffffff09 0 1px,#00000009 1px 2px);background-size:4px 4px}.finish-swatch small{font:10px Consolas,monospace;color:#a6b8c0;letter-spacing:.4px}.finish-swatch.selected,.fabric-swatch[aria-pressed=true]{border-color:var(--gold);background:#c8a8760a}.finish-swatch.selected .swatch-chip:after,.fabric-swatch[aria-pressed=true] .fabric-chip:after{content:'✓';position:absolute;right:4px;top:4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#10191e;color:#f4e7cc;font-size:12px}.finish-selector p,.fabric-selector p{font-size:11px;color:#b6c6cb;line-height:1.6;margin:15px 0 0}.finish-selector .finish-disclaimer,.fabric-selector .fabric-note{font-size:10px;color:#91a7b2;line-height:1.65;margin-top:7px}.fabric-selector>label{display:block;margin-bottom:11px}.fabric-selector>select{font-size:12px;padding:9px}.fabric-selector>b{display:block;margin-top:18px;font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.25px}.fabric-selector #fabric-status{color:var(--gold);font-size:10px;margin:6px 0 16px}.fabric-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fabric-swatch{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;min-height:106px;padding:7px 3px;border-color:transparent;background:none;font-size:10px;line-height:1.4;text-align:center;color:#bfcdd1}.fabric-chip{position:relative;width:65px;height:65px;display:block;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff20,0 4px 8px #0003}.fabric-optics{display:flex;gap:33px;border-top:1px solid #ffffff10;padding-top:16px;margin:18px 0 12px;font-size:10px;color:#9cb0bb}.fabric-optics b{display:block;font-size:25px;font-weight:350;letter-spacing:-.7px;color:#eee9dc;margin-top:4px}.fabric-source{font-size:10px;color:#c9b28a;text-underline-offset:3px}.landscape-heading{font-size:11px;color:#e3e7e3;margin:23px 0 11px}.landscape-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.landscape-options button{font-size:9px;min-height:72px;min-width:0;padding:8px 2px;background:#26333a;border-color:#58686d;position:relative;border-radius:4px;text-shadow:0 1px 4px #000;background-position:center;background-size:cover}.landscape-options button[aria-pressed=true]{border-color:#e1bc81;box-shadow:inset 0 0 0 1px #e1bc81}.landscape-options button[data-scene=mountain]{background-image:linear-gradient(#0002,#0009),url('./assets/landscapes/mountain.png')}.landscape-options button[data-scene=desert]{background-image:linear-gradient(#0002,#0009),url('./assets/landscapes/desert.png')}.landscape-options button[data-scene=beach]{background-image:linear-gradient(#0002,#0009),url('./assets/landscapes/beach.png')}.actions{display:flex;gap:7px;margin:5px 0 20px}.actions button{font-size:11px}.actions .primary{flex:1;background:#c8a876;border-color:#c8a876;color:#10191d;font-weight:650}.actions .primary:hover:not(:disabled){background:#e4c591}.primary span{margin-right:8px}.appearance{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px 5px;align-items:center;font-size:11px}.appearance select{min-height:37px;font-size:11px}.edge-option{font-size:10px;display:flex;align-items:center;gap:6px;color:#a3b6c1;white-space:nowrap}.edge-option input{accent-color:var(--gold);margin:0}.spacing{margin:23px 0}.spacing>label{display:flex;justify-content:space-between;font-size:11px;color:#c7d2d8}.spacing output{font-size:10px;color:#a5bac7}.spacing>div{display:flex;justify-content:space-between;color:#8da4b2;font-size:9px}.selection{padding:15px;border:1px solid #5468715c;border-radius:5px;background:#26343b66;margin-bottom:23px}.selection .eyebrow{font-size:7px;letter-spacing:1.5px}.selection h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;font-weight:550;margin:9px 0 7px;overflow-wrap:anywhere}#part-code{font:9px Consolas,monospace;color:#9db2bf;overflow-wrap:anywhere}.selection p{font-size:10px;line-height:1.6;color:#a8bdca;margin:8px 0;overflow-wrap:anywhere}#part-source{display:block;font-size:9px;color:#c2ab84;line-height:1.6}#part-path{font-size:9px;color:#91a9b9}.selection-actions{display:flex;gap:7px;margin-top:12px}.selection-actions button{font-size:10px;flex:1;min-height:35px}.parts-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.parts-heading h3{font-size:12px;font-weight:550;margin:0}.parts-heading h3 span{background:#31434d;padding:2px 6px;border-radius:3px;font-size:9px;margin-left:6px;color:#a6bdca}#moved-count{font-size:9px;color:#91aab9}.search{display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #475c68;background:#1c2a32;border-radius:4px;margin-bottom:14px}.search>span{color:#a9b9bc}.search input{min-width:0;width:100%;height:39px;border:0;background:none;color:#e1e8e8;font-size:10px}.search input::placeholder{color:#8ca4b4}#parts{max-height:330px;min-height:80px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#516570 #172229}.group-title{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#8ea9b8;margin:19px 0 8px}.part-row{width:100%;display:flex;align-items:center;gap:8px;min-height:43px;text-align:left;padding:7px 5px;border:1px solid transparent;border-bottom-color:#ffffff07;border-radius:3px;background:none}.part-row.is-hovered,.part-row.is-moved{border-color:#a78e6355;background:#c8a87609}.part-row[aria-pressed=true]{border-color:#c8a876aa}.part-icon{width:5px;height:5px;flex-shrink:0;border-radius:1px}.part-label{flex:1;min-width:0}.part-label b{font-size:10px;line-height:1.5;font-weight:500;display:block;color:#c3d4dc;overflow-wrap:anywhere}.part-label small{font-size:8px;display:block;color:#89a7ba;margin-top:3px;overflow-wrap:anywhere}.part-state{font-size:13px;color:var(--gold)}.empty{font-size:11px;color:#a3b7c1;padding:12px 0}aside footer{display:flex;gap:8px;align-items:center;padding:21px 0 2px;font-size:8px;color:#8aabb8;line-height:1.5;letter-spacing:.5px;margin-top:auto}#tooltip{position:absolute;z-index:5;width:max-content;max-width:265px;pointer-events:none;background:#0c171ef0;color:#e8e9dd;border:1px solid #b2a07877;border-radius:4px;padding:10px 12px;font-size:10px;line-height:1.55;box-shadow:0 8px 30px #0005}#color-legend{position:absolute;z-index:1;left:34px;bottom:212px;max-width:160px;display:flex;flex-wrap:wrap;gap:7px 11px;pointer-events:none;font-size:7px;letter-spacing:.3px;color:#a9bdc7}#color-legend>span{display:flex;align-items:center;gap:5px}#color-legend i{display:inline-block;width:4px;height:4px;border-radius:50%}#loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(ellipse at center,#26343b,#101b22);color:#d9dfdc}#loading b{font-size:18px;font-weight:450;letter-spacing:-.2px}#load-message,#loading>span:last-of-type{font:10px Consolas,monospace;color:#a3b2b6}.spinner{width:35px;height:35px;border:1px solid #697c8144;border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;animation:spin 1.1s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 430px}aside{padding:38px 31px 20px}.stage-title{top:45px;left:52px}h1{font-size:80px}.screen-dock{bottom:46px}.view-tools{bottom:170px}}
@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 340px}aside{padding:26px 20px 16px}.stage-title{left:29px;top:32px}h1{font-size:49px;letter-spacing:-2px}.stage-index{display:none}.view-label{right:28px;top:35px;font-size:7px}.scene-shortcut{right:27px;top:65px}.stage-title .eyebrow{font-size:7px}.stage-title p{max-width:270px;font-size:9px}.screen-dock{width:calc(100% - 40px);padding:12px}.screen-dock-controls{gap:10px}.screen-buttons button{padding:0 7px;font-size:9px}.stage-bottom>span:last-child{display:none}#color-legend{left:26px;bottom:214px;max-width:125px}.panel-heading h2{font-size:28px}}
@media(max-width:760px){header{height:64px;padding:0 20px}.header-caption,.brand-subtitle{display:none!important}.brand b>span:first-child{display:none}.brand b{font-size:20px}.mark{height:31px;width:31px;font-size:24px}.brand{gap:11px}#references-open{min-height:35px;font-size:10px;padding:0 10px}#references-open span{padding-left:8px}main{display:flex;flex-direction:column;height:auto;min-height:0}#stage{height:76dvh;min-height:580px;max-height:780px}#stage:after{inset:15px}.stage-title{left:24px;top:29px}h1{font-size:clamp(41px,8.5vw,60px);letter-spacing:-1.8px;margin:14px 0 10px}h1 em{letter-spacing:-1.8px}.stage-title p{font-size:9px;max-width:290px}.stage-title .eyebrow{font-size:7px;letter-spacing:1.5px}.title-rule{width:19px}.view-label{top:31px;right:22px;font-size:6px;letter-spacing:1px}.scene-shortcut{top:82px;right:23px;gap:3px 9px;padding-left:9px}.scene-shortcut>span{font-size:6px;letter-spacing:1px}.scene-shortcut b{font-size:9px}.scene-shortcut i{font-size:11px}.screen-dock{bottom:35px;width:calc(100% - 36px);max-width:520px;padding:12px 13px}.screen-dock-controls{gap:13px}.screen-buttons button{min-height:36px;padding:0 8px;font-size:10px}.travel-slider{min-width:85px}.dock-label{font-size:7px;letter-spacing:1.6px}#screen-position-output{font-size:10px}#screen-motion-note{font-size:8px}.travel-slider>div{font-size:7px}.view-tools{bottom:158px;gap:0}.view-tools button{padding:0 9px;min-height:33px;font-size:10px}.view-tools kbd{display:none}.stage-bottom{left:24px;right:24px;bottom:12px;font-size:6px}.stage-bottom b{font-size:6px}#color-legend{display:none}aside{padding:30px 24px 24px;border-left:0;border-top:1px solid #667a8244;overflow:visible}.panel-heading h2{font-size:34px}.panel-heading p{font-size:12px;margin-bottom:24px}.section-nav{position:sticky;top:8px;z-index:3;background:#111b20f5;backdrop-filter:blur(14px);box-shadow:0 5px 15px #0002;margin-bottom:13px}.section-nav button{min-height:42px;font-size:11px}.control-section>summary{min-height:80px}.configuration{grid-template-columns:90px minmax(0,1fr)}.configuration>label{font-size:12px}.configuration select{font-size:13px;min-height:45px}.configuration p{font-size:11px}.finish-current b{font-size:21px}.finish-swatch{min-height:76px}.swatch-chip{height:43px}.finish-swatch small{font-size:11px}.fabric-selector>select{min-height:46px;font-size:13px}.fabric-swatch{min-height:112px;font-size:11px}.finish-selector p,.fabric-selector p{font-size:12px}.finish-selector .finish-disclaimer,.fabric-selector .fabric-note{font-size:11px}.landscape-options button{font-size:10px;min-height:80px}.part-row{min-height:47px}.part-label b{font-size:12px}.part-label small{font-size:9px}.selection p{font-size:11px}.selection-actions button{min-height:41px}aside footer{font-size:9px}#parts{max-height:370px}}
@media(max-width:370px){.scene-shortcut{top:184px}.screen-dock-controls{gap:8px}.screen-buttons button{padding:0 6px}.view-label{top:29px}h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
dialog{width:min(1000px,calc(100% - 38px));max-height:88dvh;padding:27px;border:1px solid #d8dce0;border-radius:12px;background:#f8f8f6;color:#29343b;box-shadow:0 25px 90px #0b13194d}dialog::backdrop{background:#11191dcc;backdrop-filter:blur(6px)}dialog button{border-color:#cdd4d9;color:#485966;background:#fff;font-size:10px}dialog button:hover:not(:disabled){background:#edf0ef;border-color:#a4b1ba}.reference-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.reference-top h2{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:10px 0}.reference-intro,.source-note{font-size:12px;line-height:1.7;color:#77858f}.reference-tabs{display:flex;gap:7px;padding:13px 0 19px}.reference-tabs [aria-selected=true]{background:#28343d;color:#edd7b5;border-color:#28343d}figure{margin:0}dialog img{max-width:100%;display:block;border-radius:8px}.photo-hero img{width:100%;max-height:420px;object-fit:cover}.photo-hero figcaption{display:flex;flex-direction:column;gap:7px;padding:14px 0 22px;font-size:11px;color:#7a858d}.photo-hero figcaption b{font-size:14px;font-weight:500;color:#445561}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-grid img{width:100%;height:210px;object-fit:cover}.photo-grid figcaption,#drawing-panel figcaption{font-size:10px;line-height:1.5;color:#7b8992;margin:9px 0 16px}.part-drawing{background:#fff;padding:10px;width:100%}#drawing-panel>figure{margin-top:22px}#drawing-panel>figure img{background:#fff;width:100%}

@media(max-width:760px){dialog{padding:19px;width:calc(100% - 24px)}.reference-top h2{font-size:25px}.photo-grid{grid-template-columns:1fr}.reference-intro{font-size:11px}.reference-tabs button{min-height:40px}}
.section-nav{position:sticky;top:0;z-index:3;box-shadow:0 5px 15px #10191e88}
@media(min-width:761px) and (max-height:860px){.stage-title{top:28px}h1{font-size:50px;letter-spacing:-2px;margin-top:15px}.stage-title p{font-size:9px}.screen-dock{bottom:38px}.view-tools{bottom:157px}}
@media(max-width:760px){.section-nav button{min-height:44px}.view-tools{bottom:146px}.view-tools button{min-height:44px}}
@media(min-width:761px){.configuration>label{font-size:12px}.configuration select{font-size:13px}.configuration p{font-size:11px}.section-nav button{font-size:11px}.control-section summary small{font-size:11px}}

.top-actions{margin:22px 0 18px;display:flex;gap:8px}.top-actions .primary{flex:1}.top-actions button{min-height:44px}.appearance{padding-top:4px}

.photo-upload-card{margin-top:14px;padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff04}.photo-upload-card>button{width:100%;min-height:44px}.custom-photo-actions{display:flex;gap:8px;margin-top:8px}.custom-photo-actions[hidden]{display:none}.custom-photo-actions button{min-height:40px;flex:1}.custom-photo-actions [aria-pressed="true"]{border-color:var(--brass,#b9a780);background:#b9a78022}.photo-upload-card .fabric-note{margin:9px 0 0;overflow-wrap:anywhere}.photo-upload-card #photo-status:empty{display:none}

.effects-card{padding:17px;margin:0 0 22px;border:1px solid #b9a78042;border-radius:12px;background:linear-gradient(125deg,#b9a78009,#4b89910c)}.effects-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.effects-title .eyebrow{display:block;font-size:8px;margin-bottom:7px;letter-spacing:2px}.effects-title b{display:block;font-size:17px;font-weight:500}.effects-switch{position:relative;display:block!important;width:44px;min-width:44px;height:26px;margin:0!important}.effects-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.effects-switch>span[aria-hidden]{display:block;pointer-events:none;background:#354247;border:1px solid #73817f;border-radius:20px;width:44px;height:26px;transition:background .2s}.effects-switch>span[aria-hidden]:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#d7dfda;margin:3px;transition:transform .2s}.effects-switch input:checked+span{background:#ac9160;border-color:#bda77e}.effects-switch input:checked+span:after{transform:translateX(18px);background:#101719}.effects-switch input:focus-visible+span{outline:2px solid #dfc797;outline-offset:4px}.effects-range-label{display:flex;justify-content:space-between;margin-top:19px;font-size:11px;color:#b8c5c5}.effects-range-label label{margin:0!important}.effects-range-label output{color:#d7be8d}.effects-card input[type=range]{width:100%;margin:12px 0;accent-color:#b9a780}.effects-card input:disabled{opacity:.45}.effects-card .fabric-note{margin:6px 0 0}#effects-toggle{color:#d7be8d}#effects-toggle[aria-pressed=true]{background:#b9a78020;border-color:#b9a78055}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.effects-switch>span,.effects-switch>span:after{transition:none}}

.effects-card .fabric-note{font-size:11px;line-height:1.65;color:#8fa7ae}.effects-switch{cursor:pointer}.effects-switch input:disabled+span{opacity:.45}.view-tools{max-width:calc(100% - 28px)}@media(max-width:380px){.view-tools button{padding:0 7px;font-size:9px}}

.top-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)}.top-actions button{min-width:0;padding:0 8px;font-size:11px;white-space:nowrap}.top-actions #effects-toggle{border:1px solid #b9a78055;border-radius:5px}@media(max-width:380px){.top-actions button{font-size:10px;padding:0 5px}}

#mobile-shader-slot{display:none}@media(max-width:760px){#mobile-shader-slot{display:flex;align-items:center}#mobile-shader-slot #effects-toggle{min-height:36px;padding:0 11px;border:1px solid #b9a78055;border-radius:5px;font-size:11px;white-space:nowrap}.top-actions{grid-template-columns:minmax(0,1fr) auto}.top-actions button{padding:0 12px}}