/* Atelier v2 — product workspace, with the furniture occupying the stage. */
:root{--ink:#f2f0e9;--muted:#999c99;--warm:#c4b398;--line:#e8e6da17;background:#0b0e10}
#app{grid-template-columns:minmax(0,1fr) 374px;background:#101416}
.showroom{background:#0c1012}
.brand{top:22px;left:27px;gap:10px}.brand img{width:37px;height:37px}.brand strong{font-size:12px;letter-spacing:.13em}.brand strong span{color:#969e9c}.brand small{font-size:8px;letter-spacing:.12em;color:#7b8584}
.scene-caption{left:29px;top:auto;bottom:24px;max-width:260px}.scene-caption>.eyebrow{font-size:8px;color:#a3afa9;letter-spacing:.16em}.scene-caption h1{font-size:27px;line-height:1.05;margin:8px 0 7px;font-weight:500;text-transform:none;letter-spacing:0;color:#dedfd7}.scene-caption h1 em{color:#a4b3ae}.scene-caption p{font-size:10px;color:#9aa8a3;margin:0;letter-spacing:.07em}
.scene-settings{top:22px;right:24px}.scene-settings summary{font-size:10px;min-height:40px;padding:12px 14px;background:#12191bbb;border:1px solid #d3ddd523;backdrop-filter:blur(20px);color:#bac2be;border-radius:6px}.scene-settings>div{background:#12191bf5;border-color:#66777255;border-radius:9px;box-shadow:0 12px 40px #0007}
.scene-settings>div button{font-size:11px}.scene-settings>div label{font-size:10px}
.view-tools{bottom:24px;padding:4px;gap:2px;border:1px solid #b3c0b524;border-radius:8px;background:#0d171bbd;backdrop-filter:blur(24px);box-shadow:0 8px 30px #0002}.view-tools button{border-radius:5px;font-size:10px;min-height:38px;padding:8px 11px;color:#aab8b2}.view-tools button[aria-pressed=true]{background:#bfb28f17;border-color:#bfb28f45;color:#e6dbc6}
.mechanism{bottom:83px;left:22px;right:22px}.mechanism>.eyebrow{display:none}.mechanism>div{margin:0;gap:5px}.mechanism button,.mechanism select{font-size:10px;min-height:39px;border-radius:6px;border-color:#becdb827;background:#111c20df;backdrop-filter:blur(20px);color:#bbc7c0}.mechanism button[aria-pressed=true]{background:#363a31e8;color:#e8dbc0;border-color:#ac98754a}.mechanism select{width:139px;margin:0}.mechanism p{margin:8px auto 0;min-height:14px;max-height:32px;max-width:510px;font-size:10px;line-height:1.4;color:#b3bcb2;text-shadow:0 1px 4px #000a}#mechanism-status{max-height:32px;padding:0 4px}
.scene-hint{display:none}
.config-panel{background:linear-gradient(145deg,#1e2729f7,#101719 72%);border-left:1px solid #b2c3b422;box-shadow:-20px 0 60px #0003;position:relative}.config-panel:before{content:'';position:absolute;left:0;top:0;width:1px;height:38%;background:linear-gradient(transparent,#d9d0b159,transparent);pointer-events:none}
.panel-header{padding:23px 23px 19px}.panel-header .eyebrow{font-size:8px;color:#9faea2;letter-spacing:.14em}.panel-header h2{font-family:Barlow,system-ui,sans-serif;font-size:23px;font-weight:400;letter-spacing:-.035em;margin-top:8px}.panel-header button{color:#7e8c88;font-size:9px}
.steps{padding:0 17px 15px;gap:4px;border-color:#ccd5ca12}.steps button{font-size:10px;min-height:51px;background:transparent;border:1px solid transparent;border-radius:7px}.steps b{color:#647770}.steps button[aria-current=step]{color:#d9d6c6;background:#8ba28d10;border-color:#a5b69e25}.steps button[aria-current=step] b{color:#b7b295}
.panel-scroll{padding:23px;scrollbar-color:#78897d50 transparent;scrollbar-width:thin}.section-number{font-size:22px;color:#aeb49b;gap:10px}.section-number small{font-size:8px;color:#789088;letter-spacing:.13em}.panel-scroll h3{font-family:Barlow,system-ui,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:12px 0 10px}.intro{font-size:11px;line-height:1.7;color:#83968e;margin-bottom:22px}
.number-field{margin:19px 0}.number-field>span{color:#b4c0b8;font-size:11px}.number-field small{color:#61756c;font-size:8px}.number-pair{grid-template-columns:1fr 74px 19px;gap:9px}.number-pair input[type=range]{accent-color:#a8b69c}.number-pair input[type=number]{background:#0d1517;border-color:#c2d0be1c;color:#e4e7dc;font-size:12px;font-weight:500;min-height:42px}.number-pair b{color:#6e8176;font-size:9px}
.field-pair{gap:10px}select{border-color:#b0c0ac1d;background:#0c1517;color:#c8d2c8;font-size:11px;min-height:44px}label{color:#a5b4a9}.toggle{border-color:#a6baa316;font-size:11px}.toggle small{font-size:9px;color:#6c8174}.toggle input:checked{background:#80967b;border-color:#9aab8c}.toggle input:checked:before{background:#edf0db}.toggle input{background:#111c1d;border-color:#9cb09433}
.swatches{gap:7px}.swatches button{background:#111d20;border-color:#a6b59b17;font-size:9px;padding:6px 5px;border-radius:6px;color:#9cac9e}.swatches i{height:45px;border-color:#ffffff12;border-radius:3px}.swatches .oak i{background-image:url('./assets/materials-v3/1k/oak-color.webp');background-size:cover}.swatches .walnut i{background-image:url('./assets/materials-v3/1k/walnut-color.webp');background-size:cover;background-blend-mode:normal}.swatches [aria-pressed=true]{border-color:#b2ba956d;box-shadow:0 0 0 1px #a9b29525;background:#31403352;color:#eeebd4}.panel-scroll h4{color:#a6b8a7;font-size:11px;font-weight:500}
.presets{gap:7px}.presets button{font-size:11px;color:#adbdaf;background:#122023;border-color:#afbf9d13;padding:12px}.presets button:hover{background:#23342d;border-color:#b7c1a53b}.presets small{font-size:9px;color:#728a79}
.module-tabs{gap:6px}.module-tabs button{border-color:#a5b8991d;color:#9cb2a1;background:#111d20}.module-tabs [aria-pressed=true]{border-color:#b7bf9c66;background:#82936b17;color:#e3e3c9}.module-tabs small{color:#879983}.choice-list button{background:#111e21;border-color:#bdd2b51a;color:#b1c4b3}.choice-list button[aria-pressed=true]{background:#82936b17;border-color:#b7bf9c66}.choice-list small{color:#7b9580}.metric-card{background:#0e1a1d8c;border-color:#c3d5b215;color:#a6bda8;padding:15px;border-radius:7px}.metric-card b{color:#c6c9a9}.metric-card p{color:#78917d;font-size:10px}.metric-card dt{color:#76907e}.metric-card dd{color:#c3d2bd}.technical-note{color:#6e8875;font-size:9px;line-height:1.8}
.panel-bottom{padding:17px 23px;background:#101a1df5;border-color:#bfceb818}.panel-bottom small{color:#708875;font-size:7px;letter-spacing:.12em}.panel-bottom span{font-size:11px;color:#c6d1ba}.panel-bottom button{font-size:11px;min-height:42px;min-width:99px;border-radius:6px}.primary,button.primary{background:#a93730;box-shadow:0 5px 17px #8e272119}.primary:hover{background:#cb4438}.project-actions button{font-size:11px;background:#112024;color:#a4bda7;border-color:#b1c3a91f}.handoff{background:radial-gradient(ellipse at top right,#72432c22,transparent 80%),#101e22;border-color:#a6b58b27;padding:17px}.handoff h4{color:#ced6ba;font-weight:400}.handoff p{color:#849e86}.handoff .eyebrow{color:#a5af85}.issues{background:#ac8c2e0c;border-color:#bcaa6533;color:#c1bf94}.toast{background:#112025f5;border-color:#92a98244;font-size:11px;color:#c9d4be}
@media(min-width:1600px){#app{grid-template-columns:minmax(0,1fr) 402px}.panel-scroll{padding:26px}.panel-header{padding:26px}.scene-caption{bottom:27px}}
@media(max-width:1100px) and (min-width:821px){#app{grid-template-columns:minmax(0,1fr) 340px}.brand{left:20px}.scene-caption{left:20px;bottom:23px;top:auto;max-width:180px}.scene-caption h1{font-size:21px}.scene-caption .eyebrow{font-size:7px}.view-tools{left:60%;bottom:23px}.mechanism{left:12px;right:12px}.scene-settings{top:75px;right:16px}.panel-scroll{padding:19px}.panel-header{padding:20px}.view-tools button{padding:8px 8px;font-size:9px}}
@media(min-width:821px) and (max-height:800px){.scene-caption{top:auto;bottom:19px}.scene-caption h1{display:block;position:static;width:auto;height:auto;overflow:visible;clip-path:none;margin:6px 0;font-size:22px;white-space:normal}.scene-caption .eyebrow{display:block}.mechanism{bottom:79px}.view-tools{bottom:20px}.panel-header{padding-top:16px;padding-bottom:14px}.panel-header h2{font-size:20px}.steps{padding-bottom:11px}.steps button{min-height:42px}.panel-scroll{padding-top:18px}}
@media(max-width:820px){#app{display:flex;grid-template-columns:none}.showroom{height:58dvh;min-height:370px}.brand{top:13px;left:16px;gap:7px}.brand img{width:28px;height:28px}.brand strong{font-size:10px}.brand small{font-size:7px;margin-top:3px}.scene-settings{top:12px;right:12px}.scene-settings summary{font-size:9px;min-height:40px;padding:11px}.scene-caption{left:16px;top:53px;bottom:auto;max-width:200px}.scene-caption>.eyebrow{display:none}.scene-caption h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px}.scene-caption p{font-size:9px;color:#8ca098}.view-tools{bottom:10px;left:50%;padding:3px}.view-tools button{min-height:44px;min-width:44px;padding:8px 11px;font-size:9px}.mechanism{bottom:69px;left:9px;right:9px}.mechanism button,.mechanism select{min-height:44px;font-size:9px}.mechanism select{width:111px}.mechanism>div{gap:4px}.mechanism p{font-size:9px;margin:6px auto 0;min-height:13px;max-height:30px}.config-panel{border-radius:16px 16px 0 0;border-top:1px solid #a9bd9850}.config-panel:before{display:none}.panel-header{padding:12px 17px 8px}.panel-header .eyebrow{font-size:7px}.panel-header h2{font-size:19px;margin-top:4px}.panel-header button{min-height:40px}.steps{padding:0 12px 8px}.steps button{min-height:42px;display:flex;gap:6px;font-size:9px;align-items:center}.panel-scroll{padding:18px 20px}.panel-scroll h3{font-size:21px}.section-number{font-size:20px}.panel-bottom{padding:10px 18px;padding-bottom:max(10px,env(safe-area-inset-bottom));min-height:62px}.swatches i{height:40px}.intro{font-size:10px}.scene-settings>div{width:210px}.view-tools button[aria-pressed=true]{background:#bfb28f1f}.scene-caption h1 em{display:inline}.toast{bottom:76px}}
@media(max-width:820px) and (max-height:540px){body{overflow:auto}#app{display:block;height:auto;overflow:visible}.showroom{height:470px;min-height:470px}.showroom #canvas{touch-action:pan-y!important}.config-panel{height:540px;min-height:540px;border-radius:0}}