/* Bastudden design studio: the sauna stays central, decisions live in one panel. */
.studio-config .room-divider{margin:12px 0;padding:12px;border:1px solid var(--b-line);border-radius:9px;background:#f5f0e6}.studio-config .room-divider[hidden]{display:none}
.room-divider-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-divider-heading strong{font-size:.9375rem}.studio-config .room-divider button{min-width:44px;min-height:44px;border:1px solid #b7a58e;border-radius:7px;color:#7b3a25;background:#fffaf2;font-size:.8125rem;padding:6px 9px;cursor:pointer}
.room-widths{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;font-size:.8125rem;color:var(--b-muted)}.room-widths b{display:block;color:var(--b-ink);font-size:1.05rem;margin-top:2px;font-variant-numeric:tabular-nums}
.partition-adjust{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}.partition-adjust label{min-width:0}.studio-config .partition-adjust input{width:100%;min-width:0;min-height:44px;margin:0;padding:0;accent-color:#99462c;cursor:ew-resize}.studio-config .partition-adjust button{font-size:1.35rem;padding:0}.studio-config .partition-adjust button:disabled{opacity:.4;cursor:default}
.studio-config .room-divider-help,.studio-config .room-divider-status{font-size:.75rem;line-height:1.4;margin:6px 0 0}.studio-config .room-divider-status{color:#963f28}.room-divider-status:empty{display:none}.studio-config .room-divider-reset{margin-top:8px}.room-divider .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-config [data-standard-partition]{cursor:ew-resize;touch-action:none;outline:none}.studio-config [data-standard-partition]:focus circle{stroke:#302e28;stroke-width:.045}
.studio-3d-options{display:none}
.studio-config{--studio-panel:354px;--studio-nav:86px;grid-template-rows:64px minmax(0,1fr) 82px;background:#ece9e3;height:100dvh;min-height:0;overflow:hidden}
.studio-config .header{height:auto;min-height:0;padding:0 24px;background:var(--b-paper);border-bottom:1px solid var(--b-line)}
.studio-config .brand-logo{width:157px;max-height:44px}.studio-config .guide-history button{border-color:transparent}.studio-config .header-right{gap:14px}
.studio-config.guided-config .workspace{grid-template-columns:var(--studio-nav) minmax(0,1fr) var(--studio-panel);grid-template-rows:44px minmax(0,1fr);grid-template-areas:'rail drawing journey' 'rail drawing controls';min-height:0;overflow:hidden}
.studio-config .category-rail{display:flex;flex-direction:column;gap:4px;padding:14px 7px;background:#282823;border:0;overflow:auto;scrollbar-width:none}
.studio-config .category-rail button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:70px;flex-shrink:0;border:0;border-radius:8px;background:transparent;color:#d7d4c9;padding:10px 4px;font-size:.875rem;line-height:1.2}
.studio-config .category-rail button.active{background:#e9bd87;color:#2e261e}.studio-config .category-rail button:hover:not(.active){background:#ffffff0e;color:#fff}
.studio-config .category-rail .step-number{display:none}.studio-nav-icon,.studio-nav-icon svg{display:block;width:23px;height:23px}.studio-config .category-rail button>span:last-child{font-size:.8125rem}
.studio-config .config{padding:21px 22px 28px;border:0;border-left:1px solid var(--b-line);background:var(--b-paper);scrollbar-width:thin;scroll-behavior:auto}
.studio-config .panel-heading{padding-bottom:13px}.studio-config .panel-heading h2{font-family:var(--b-serif);font-size:1.65rem;line-height:1.15}.studio-config .panel-intro{font-size:.9375rem;line-height:1.45;margin:9px 0 0;color:var(--b-muted)}
.studio-config .journey-bar{border:0;border-left:1px solid var(--b-line);background:var(--b-paper);align-items:center;justify-content:flex-end;padding:0 12px}.studio-config .journey-track,.studio-config #journey-menu{display:none}.studio-config #journey-help{border:0;border-radius:50%;min-height:34px;width:34px;padding:0;background:var(--b-linen)}
.studio-panel-toggle{display:none}.studio-config .decision-tabs{border:0;gap:4px;background:#eae6df;padding:4px;border-radius:7px;margin-bottom:20px}.studio-config .decision-tabs button{border:0;min-height:39px;font-size:.875rem;padding:8px 5px;border-radius:5px}.studio-config .decision-tabs button[aria-current=step]{background:#fff;color:var(--b-ink);box-shadow:0 1px 5px #201e1510}
.studio-config .design-stage,.studio-config .custom-stage{display:block;position:relative;min-height:0;height:100%;overflow:hidden;background:#ece9e3}
.studio-config .stage,.studio-config .custom-stage>.stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;background:radial-gradient(ellipse at 45% 40%,#fff 0%,#f2f0eb 55%,#e1ded6 100%)}
.studio-config .stage-heading{left:28px;top:25px;right:24px}.studio-config .stage-heading h1{font-size:1.8rem}.studio-config .stage-heading h1 span{font-size:.875rem;display:block;margin:6px 0 0}
.studio-config .stage-tools{right:16px;left:auto;top:50%;transform:translateY(-50%);background:#fffffff2;border:1px solid #d2cec4;box-shadow:0 5px 24px #34312608;border-radius:10px;padding:4px}.studio-config .stage-tools button{width:40px;height:40px}.studio-config .stage-tools span{display:none}
.studio-config .guided-camera,.studio-config .design-watermark{display:none}.studio-config .plan-editor{position:absolute;inset:0;height:100%;min-height:0;padding:22px 24px 104px;background:#f2f0e9;display:flex;flex-direction:column}.studio-config .plan-editor[hidden]{display:none}.studio-config .floor-plan{width:100%;flex:1;min-height:0}.studio-config .plan-toolbar{flex-shrink:0}.studio-config .plan-toolbar>div:last-child,.studio-config .plan-feedback,.studio-config .inspect-shortcut{display:none}
.studio-config .studio-toolbar{position:absolute;left:14px;right:14px;bottom:18px;display:flex;justify-content:center;gap:8px;z-index:12;pointer-events:none;flex-wrap:wrap}
.studio-config .studio-toolbar>*{pointer-events:auto}.studio-config .studio-mode,.studio-config .studio-toolbar .view-switch{position:static;display:flex;left:auto;top:auto;bottom:auto;transform:none;background:#fffffff5;border:1px solid #d7d3ca;border-radius:9px;padding:4px;box-shadow:0 5px 25px #2f2a2110}
.studio-config .studio-mode button,.studio-config .studio-toolbar .view-switch button{border:0;background:transparent;min-height:43px;border-radius:6px;font-size:.875rem;padding:9px 13px;color:#615c53}
.studio-config .studio-mode button[aria-pressed=true],.studio-config .studio-toolbar .view-switch button.active{background:#302e28;color:#fff}
.studio-config .studio-canvas-hint{position:absolute;left:20px;right:20px;bottom:80px;margin:0;text-align:center;font-size:.875rem;line-height:1.4;color:#655d50;z-index:10;pointer-events:none}.studio-config .studio-canvas-hint.invalid{background:#fff3ec;color:#984028;border-radius:6px;padding:6px}
.studio-placement{position:absolute;inset:0;z-index:8;background:#f1eee7;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:22px 25px 110px;gap:15px;min-height:0}.studio-placement[hidden]{display:none}
.studio-canvas-heading{display:flex;align-items:center;gap:15px;justify-content:space-between}.studio-canvas-heading span{font-size:.6875rem;letter-spacing:.15em;color:var(--b-muted)}.studio-canvas-heading h2{font-family:var(--b-serif);font-size:1.6rem;font-weight:400;margin:6px 0 0;line-height:1.2}.studio-back-3d{flex-shrink:0;border:1px solid #c6beb0;background:#fff8;border-radius:7px;min-height:44px;padding:9px 13px;font-size:.875rem;color:var(--b-ink)}
.studio-wall-tabs{max-width:560px;margin:auto;width:100%}.studio-wall-tabs .placement-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:5px}.studio-wall-tabs button{background:#fff;border:1px solid #d1c9bc;border-radius:6px;min-height:44px;font-size:.875rem;padding:8px}.studio-wall-tabs button[aria-pressed=true]{background:#302e28;color:#fff;border-color:#302e28}
.studio-wall-surface{display:flex;min-height:0;align-items:stretch;justify-content:center}.studio-config .studio-wall-surface .facade-editor{width:100%;height:100%;max-height:none;min-height:0;background:transparent;border:0;touch-action:none}.studio-wall-caption{text-align:center;font-size:.8125rem;color:var(--b-muted)}.studio-wall-caption p{margin:0;font-size:inherit}
.studio-config.guided-config .workspace-footer{grid-template-columns:auto 1fr auto auto;gap:16px;padding:8px 22px 18px;border-top:1px solid var(--b-line);background:var(--b-paper)}.studio-config #footer-total{font-size:1.55rem}.studio-config #next-category{min-height:46px;font-size:.9375rem;padding:11px 20px;min-width:185px}.studio-config #step-caption{font-size:.8125rem;color:var(--b-muted)}.studio-config .guide-save-status{font-size:.6875rem;bottom:3px}.studio-config #previous-category{min-height:46px}
.studio-config .model-picker .choice-grid label>span{padding:10px;gap:4px}.studio-config .model-picker .choice-grid label img{height:65px}.studio-config .model-picker .choice-grid label strong{font-size:1.4rem}.studio-config .model-picker .choice-price{font-size:.8125rem!important}
.studio-config .placement-editor>.field,.studio-config .placement-fields{margin-top:14px}.studio-config .placement-fields{padding:0;background:transparent}.studio-config .placement-add{margin:0 0 17px;padding:14px;background:var(--b-linen)}.studio-config .placement-add .note{font-size:.875rem;line-height:1.45}.studio-config .placement-fields .field{margin-top:12px}.studio-config .opening-quick-actions{gap:8px;margin-bottom:18px}.studio-config .add-feature{min-height:62px;padding:12px}.studio-config .add-feature small{font-size:.8125rem}.studio-config .visual-choice{border-radius:7px}.studio-config .more-options>summary{font-size:.875rem}.studio-config .object-inspector .inspector-fields{gap:12px}.studio-config .object-inspector .inspector-fields>label{font-size:.875rem}
.studio-config [data-drag-handle]{touch-action:none;cursor:grab}.studio-config [data-drag-handle]:active{cursor:grabbing}
@media(min-width:901px) and (max-width:1160px){.studio-config{--studio-panel:320px;--studio-nav:74px}.studio-config .config{padding:18px}.studio-config .category-rail button>span:last-child{font-size:.75rem}.studio-config .header-price{display:none}.studio-config .studio-mode button,.studio-config .studio-toolbar .view-switch button{padding-inline:9px}.studio-canvas-heading h2{font-size:1.35rem}}
@media(max-width:900px){
 .studio-config{grid-template-rows:55px minmax(0,1fr) 82px}.studio-config .header{padding:0 13px}.studio-config .brand-logo{width:127px;max-height:35px}.studio-config .config-back{display:none}.studio-config .guide-history button{min-width:39px;height:39px}.studio-config .header-right{gap:3px}.studio-config.guided-config .workspace{grid-template-columns:1fr;grid-template-rows:clamp(215px,36dvh,390px) 72px 36px minmax(0,1fr);grid-template-areas:'drawing' 'rail' 'journey' 'controls'}
 .studio-config .category-rail{flex-direction:row;gap:4px;padding:5px 8px;border-block:1px solid #393931;overflow-x:auto;overflow-y:hidden}.studio-config .category-rail button{min-height:60px;min-width:68px;max-width:84px;flex:1;padding:5px 4px;gap:4px}.studio-config .category-rail button>span:last-child{font-size:.75rem;white-space:normal;line-height:1.05}.studio-nav-icon,.studio-nav-icon svg{width:21px;height:21px}
 .studio-config .journey-bar{border:0;padding:0 14px;justify-content:space-between}.studio-panel-toggle{display:block!important;min-height:34px!important;padding:4px 0!important;font-size:.8125rem!important;color:var(--b-muted)!important}.studio-config #journey-help{width:28px;min-height:28px;font-size:.875rem}
 .studio-config .config{padding:9px 17px 24px;border:0}.studio-config .panel-heading h2{font-size:1.5rem}.studio-config .panel-intro{font-size:.875rem;margin-top:7px}.studio-config .panel-heading{padding-bottom:12px}.studio-config .decision-tabs{margin-bottom:14px}.studio-config .decision-tabs button{min-height:38px}
 .studio-config .stage-heading{top:13px;left:17px}.studio-config .stage-heading h1{font-size:1.4rem}.studio-config .stage-heading h1 span{font-size:.8125rem;display:inline;margin-left:8px}.studio-config .stage-tools{right:10px;top:15px;transform:none;padding:1px}.studio-config .stage-tools button{width:34px;height:34px}.studio-config .stage-tools #rotate,.studio-config .stage-tools #home-view{display:none}
 .studio-config .studio-toolbar{bottom:9px;left:8px;right:8px;gap:6px;flex-wrap:nowrap}.studio-config .studio-mode,.studio-config .studio-toolbar .view-switch{padding:3px}.studio-config .studio-mode button,.studio-config .studio-toolbar .view-switch button{font-size:.75rem;min-height:40px;padding:7px 9px}.studio-config .studio-canvas-hint{bottom:65px;font-size:.75rem;left:14px;right:14px;line-height:1.35}
 .studio-placement{padding:12px 13px 91px;gap:6px}.studio-canvas-heading span{display:none}.studio-canvas-heading h2{font-size:1.1rem;margin:0}.studio-back-3d{min-height:36px;padding:6px 9px;font-size:.75rem}.studio-wall-tabs button{min-height:38px;font-size:.75rem;padding:6px 3px}.studio-wall-caption{display:none}.studio-placement{grid-template-rows:auto auto minmax(0,1fr)}
 .studio-config .plan-editor{padding:12px 13px 93px}.studio-config .plan-toolbar strong{font-size:1.2rem}.studio-config .plan-toolbar span{display:none}
 .studio-config.guided-config .workspace-footer{grid-template-columns:40px minmax(100px,1fr) minmax(130px,1fr);padding:6px 12px 17px;gap:6px}.studio-config #next-category{min-width:0;min-height:48px;padding:8px;font-size:.8125rem}.studio-config #footer-total{font-size:1.35rem}.studio-config #step-caption{display:none}.studio-config #previous-category{width:40px;min-width:40px;font-size:0;padding:0}.studio-config #previous-category::before{content:'←';font-size:1.3rem}.studio-config .guide-save-status{font-size:.6875rem;bottom:2px}
 .studio-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 72px 42px 0}.studio-config.studio-panel-minimized .config{visibility:hidden;padding:0;overflow:hidden}
 .studio-config .model-picker .choice-grid label img{height:52px}.studio-config .model-picker .choice-grid label>span{padding:9px}
}
@media(max-width:600px){.studio-config .studio-toolbar .view-switch button[data-view=plan]{display:none}.studio-config .model-dimensions .measure-row{grid-template-columns:minmax(0,1fr) 190px}.studio-config .model-dimensions .number-unit{width:190px}}
@media(max-width:370px){.studio-config .model-dimensions .measure-row{grid-template-columns:1fr}.studio-config .model-dimensions .number-unit{width:100%}.studio-config .studio-mode button,.studio-config .studio-toolbar .view-switch button{padding-inline:7px}}
@media(max-height:550px) and (max-width:900px) and (min-width:600px){.studio-config{--studio-panel:290px;--studio-nav:64px;grid-template-rows:48px minmax(0,1fr) 65px}.studio-config.guided-config .workspace{grid-template-columns:64px minmax(0,1fr) 290px;grid-template-rows:32px minmax(0,1fr);grid-template-areas:'rail drawing journey' 'rail drawing controls'}.studio-config .category-rail{flex-direction:column;overflow-y:auto;overflow-x:hidden}.studio-config .category-rail button{min-width:0;min-height:58px;flex:none}.studio-config .studio-panel-toggle{display:none!important}.studio-config .studio-toolbar{flex-wrap:wrap}.studio-config .studio-canvas-hint{display:none}.studio-config.guided-config .workspace-footer{grid-template-columns:40px 1fr 190px}.studio-config .config{padding-top:10px}.studio-placement{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){.studio-config *{scroll-behavior:auto!important}}

.studio-config [hidden]{display:none!important}
.simple-journey-progress{align-self:center;font-size:.875rem;color:var(--b-muted);white-space:nowrap;margin-right:auto}
.bench-easy-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.bench-easy-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 10px;text-align:left;background:#fff;border:1px solid var(--b-line);border-radius:8px;min-height:98px;color:var(--b-ink)}
.bench-easy-choice:only-child{grid-column:1/-1;min-height:82px}
.bench-easy-choice strong{font-size:1rem}.bench-easy-choice span{font-size:.875rem;color:var(--b-muted)}.bench-easy-choice b{font-size:.875rem;color:var(--b-copper);margin-top:auto}
.bench-easy-choice[aria-pressed=true]{border-color:var(--b-copper);background:var(--b-linen);box-shadow:inset 0 0 0 1px var(--b-copper)}
.studio-config .bench-fit,.optional-choice-note{font-size:.875rem;line-height:1.5;color:var(--b-muted);margin:12px 0}.bench-fit button{min-height:44px;font-size:.875rem}
.studio-config .bench-adjustments{margin-top:8px}.studio-config .bench-adjustments>summary{min-height:44px;font-size:.875rem}
.custom-builder[data-custom-builder=heater]>.drag-action,.custom-builder[data-custom-builder=heater]>.drag-explanation{display:none}
.custom-journey .model-dimensions:has(.shell-note) .mirror-controls:has(button:not([aria-pressed])){margin-top:14px}
.studio-config .studio-wall-surface .facade-editor:focus-visible{outline:2px solid var(--b-copper);outline-offset:2px}
.studio-config .drag-action{display:flex;align-items:stretch;gap:6px;margin-top:10px}
.studio-config .drag-action>button:first-child{flex:1;min-width:0;margin:0}
.studio-config .drag-action .drag-grip{flex:0 0 62px;width:62px;min-height:48px;padding:7px 4px;border:1px solid var(--b-copper);border-radius:7px;background:#fff;color:var(--b-copper);font-size:.8125rem;line-height:1.2;font-weight:500;touch-action:none}
.studio-config .drag-grip span{display:block;font-size:1.15rem;line-height:1.2;margin-bottom:3px}
.studio-config .drag-explanation{font-size:.8125rem;color:var(--b-muted);line-height:1.4;margin:8px 0 0}
.studio-config .part-palette .palette-part{display:flex;min-width:0;position:relative}
.studio-config .part-palette .palette-part>[data-add]{width:100%;padding-right:49px;border-radius:7px;min-height:88px}
.studio-config .palette-part .drag-grip{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;min-height:48px;padding:6px 2px;display:block;text-align:center;font-size:.75rem;background:var(--b-linen);border:0;border-radius:5px;color:var(--b-copper)}
.studio-config .palette-part:has([data-add=partition]){grid-column:1/-1}
.studio-config .inspector-nudges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}
.studio-config .inspector-nudges button{min-height:44px;border:1px solid var(--b-line);background:white;border-radius:6px;font-size:1.1rem;color:var(--b-copper)}
.studio-config .inspector-details>summary{min-height:44px;padding:12px 0;font-size:.9375rem}
.studio-config .part-palette{margin-top:16px}
@media(max-width:900px) and (min-height:551px){
 .studio-config.guided-config[data-studio-surface=wall] .workspace,.studio-config.guided-config[data-studio-surface=plan] .workspace{grid-template-rows:clamp(240px,32dvh,350px) 64px 36px minmax(0,1fr)}
 .studio-config.guided-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 72px 36px 0}
 .studio-config .studio-wall-surface .facade-editor{min-height:0}
 .studio-config .workspace-footer #previous-category{width:40px;min-height:48px}
 .studio-config .workspace-footer #next-category{min-height:48px;font-size:.8125rem;padding:8px}
}
@media(max-width:400px){.studio-config .model-dimensions .measure-row{grid-template-columns:1fr}.studio-config .model-dimensions .number-unit{width:100%}}
@media(min-width:901px) and (max-height:550px){.studio-config .category-rail{display:flex}.studio-config.guided-config .workspace{grid-template-areas:'rail drawing journey' 'rail drawing controls'}}

@media(max-width:900px){
 .studio-config[data-studio-surface=wall] .studio-canvas-heading{display:none}
 .studio-config[data-studio-surface=wall] .studio-placement{grid-template-rows:auto minmax(0,1fr);padding-bottom:76px}
 .studio-config[data-studio-surface=wall] .studio-canvas-hint{bottom:60px;font-size:.6875rem}
 .studio-config .part-palette button small{display:block}
 .studio-config .studio-mode button,.studio-config .studio-toolbar .view-switch button{min-height:44px}
 .studio-config .stage-tools button{width:40px;height:40px}
}
@media(max-width:599px) and (max-height:650px){
 .studio-config.guided-config .workspace{grid-template-rows:26dvh 60px 32px minmax(0,1fr)}
 .studio-config.guided-config[data-studio-surface=wall] .workspace,.studio-config.guided-config[data-studio-surface=plan] .workspace{grid-template-rows:32dvh 60px 32px minmax(0,1fr)}
 .studio-config .category-rail button{min-height:48px;gap:2px}.studio-config .category-rail{padding-block:4px}
 .studio-config .studio-canvas-hint{display:none}
 .studio-config.guided-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 60px 32px 0}
}

/* Refinements from the customer walkthrough: useful controls above the fold. */
.studio-config .panel-heading h2:focus{outline:none}
.studio-config .model-price-note{font-size:.75rem!important;line-height:1.35;margin-top:4px;color:var(--b-muted)}
.studio-config .studio-fallback-view{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;padding:78px 40px 112px;gap:12px;background:#f4f1eb}
.studio-config .studio-fallback-drawing{flex:1;width:100%;min-height:0;display:flex;justify-content:center}
.studio-config .studio-fallback-drawing svg{width:100%;height:100%;max-width:750px}
.studio-config .studio-fallback-view>p{font-size:.875rem;line-height:1.4;text-align:center;color:var(--b-muted);max-width:50ch;margin:0}
.studio-config.studio-fallback .stage-tools,.studio-config.studio-fallback #viewer-error,.studio-config.studio-fallback #canvas{display:none}
.studio-config.studio-fallback .stage-heading{z-index:5}
@media(max-width:900px) and (min-height:551px){
 .studio-config.guided-config .workspace{grid-template-rows:clamp(165px,25dvh,290px) 64px 36px minmax(0,1fr)}
 .studio-config .category-rail{padding-block:4px}.studio-config .category-rail button{min-height:54px;padding-block:4px}
 .studio-config .model-dimensions .measure-row{grid-template-columns:minmax(0,1fr) 176px;gap:8px;padding:9px 0}
 .studio-config .model-dimensions .number-unit{width:176px;gap:4px}.studio-config .model-dimensions .dimension-step{width:40px;height:46px}
 .studio-config .model-dimensions .measure-row>label{font-size:.875rem}.studio-config .model-dimensions .measure-row label small{font-size:.75rem;line-height:1.25}
 .studio-config .model-dimensions .shell-note{display:none}
 .studio-config .panel-heading{padding-bottom:8px}.studio-config .panel-heading h2{font-size:1.375rem}.studio-config .panel-intro{font-size:.875rem;line-height:1.4}
 .studio-config .decision-tabs{margin-bottom:8px}.studio-config .model-dimensions #model-dimensions-note{margin:10px 0;font-size:.8125rem}
 .studio-config.guided-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 64px 36px 0}
}
@media(max-width:900px){
 .studio-config .studio-fallback-view{padding:39px 12px 62px;gap:2px}
 .studio-config .studio-fallback-view>p{font-size:.6875rem;line-height:1.3;max-width:44ch}
 .studio-config.studio-fallback[data-studio-surface=model] .studio-canvas-hint{display:none}
.studio-config .model-dimensions .number-unit input{font-size:1rem}
}
@media(max-width:400px) and (min-height:651px) and (max-height:780px){
 .studio-config.guided-config[data-studio-surface=model] .workspace{grid-template-rows:150px 64px 36px minmax(0,1fr)}
 .studio-config .model-dimensions .measure-row{padding-block:7px}
 .studio-config.guided-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 64px 36px 0}
}

/* Compact choices: preserve touch targets, spend less height on decoration. */
.studio-config .config{padding:14px 18px 20px}
.studio-config .panel-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:4px 8px;padding-bottom:8px}
.studio-config .panel-heading h2{font-size:1.4rem;align-self:center}
.studio-config .panel-heading .panel-intro{grid-column:1/-1;margin:2px 0 4px;font-size:.875rem}
.studio-config .panel-extra-tip{grid-column:1/-1;margin:0 0 4px;font-size:.8125rem;line-height:1.4}
.studio-config .panel-tip{grid-column:2;grid-row:1;min-width:44px;min-height:44px;padding:4px;border:1px solid var(--b-line);border-radius:7px;background:transparent;font-size:.875rem;color:var(--b-muted)}
.studio-config .panel-tip[aria-expanded=true]{background:var(--b-linen);color:var(--b-ink)}
.studio-config .decision-tabs{margin-bottom:10px;padding:3px;gap:3px}
.studio-config .decision-tabs button{min-height:44px;padding:6px 4px}
.studio-config .guide-page .visual-choices{margin-bottom:12px}
.studio-config .guide-page .visual-choices legend{margin-bottom:8px;font-size:.875rem}
.studio-config .guide-page .visual-choice-grid{gap:7px}
.studio-config .guide-page .visual-choice{min-height:0;padding:9px;gap:4px}
.studio-config .guide-page .visual-choice strong{font-size:.875rem;line-height:1.3}
.studio-config .guide-page .choice-description{font-size:.75rem;line-height:1.3}
.studio-config .guide-page .visual-price{font-size:.875rem;line-height:1.3;padding-top:2px}
.studio-config .choice-visual{height:58px;margin-bottom:2px}
.studio-config .color-choices .visual-choice-grid,.studio-config .wax-choices .visual-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-config .color-choices .visual-choice{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:center;align-items:center;min-height:72px;text-align:left;gap:3px 8px;padding:9px 8px}
.studio-config .color-choices .choice-chip{width:24px;height:24px;grid-column:1;grid-row:1/3}
.studio-config .color-choices .visual-choice strong,.studio-config .color-choices .visual-price{grid-column:2;margin:0}
.studio-config .color-choices .visual-choice[aria-pressed=true]::after{width:13px;height:13px;font-size:10px;top:3px;right:3px}
.studio-config .guide-page .swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}
.studio-config .guide-page .swatches label{display:grid;grid-template-columns:28px minmax(0,1fr);min-height:70px;align-content:center;text-align:left;padding:9px;gap:4px 8px;font-size:.875rem}
.studio-config .guide-page .swatch{grid-column:1;grid-row:1/3;width:28px;height:28px}
.studio-config .guide-page .swatches .option-price{grid-column:2;font-size:.8125rem;line-height:1.3;margin:0}
.studio-config .guide-page .custom-choice{min-height:44px;padding-block:5px;margin:6px 0 10px;font-size:.875rem}
.studio-config .guide-page .more-options{margin:10px 0;padding-top:0}
.studio-config .guide-page .more-options>summary{min-height:44px;padding:8px 0}
.studio-config .guide-page .field{margin-top:12px}
.studio-config .guide-page select{min-height:44px;height:44px;font-size:1rem;padding:7px 9px}
.studio-config .opening-quick-actions{gap:6px;margin-bottom:10px}
.studio-config .add-feature{min-height:48px;padding:8px 10px}
.studio-config .add-feature small{display:none}
.studio-config .model-picker .choice-grid{gap:8px}
.studio-config .model-picker .choice-grid label>span{min-height:0;padding:8px;gap:3px}
.studio-config .model-picker .choice-grid label img{height:48px}
.studio-config .model-picker .choice-grid label strong{font-size:1.25rem}
.studio-config .model-picker .custom-model-choice>span{padding:10px!important}
.studio-config .custom-builder{margin-bottom:12px}
.studio-config .custom-part-status{margin-bottom:6px;font-size:.875rem}
.studio-config .custom-part-list{margin-bottom:8px}
.studio-config .custom-part-list button,.studio-config .custom-wall-tabs button,.studio-config .custom-style-cards button,.studio-config .custom-position button,.studio-config .custom-part-actions button{min-height:44px;padding:7px;font-size:.875rem}
.studio-config .custom-part-form .field{gap:5px;margin:8px 0}
.studio-config .custom-module-choice{grid-template-columns:38px minmax(0,1fr);gap:8px;margin-top:4px}
.studio-config .custom-window-preview,.studio-config .custom-window-preview svg{height:52px}
.studio-config .custom-style-cards{margin:8px 0;gap:6px}
.studio-config .custom-style-cards svg{height:44px;margin-bottom:3px}
.studio-config .custom-style-cards button{font-weight:500;line-height:1.25;padding:7px 4px}
.studio-config .custom-position,.studio-config .custom-part-actions{margin-top:8px}
.studio-config .custom-add,.studio-config .placement-add button{min-height:44px;padding:9px 10px;font-size:.875rem}
.studio-config .drag-action{margin-top:6px}
.studio-config .drag-action .drag-grip{min-height:44px;flex-basis:48px;width:48px;padding:4px}
.studio-config .drag-grip span{display:inline;margin:0 3px 0 0;font-size:1rem}
.studio-config .drag-explanation{margin:5px 0 0;font-size:.75rem}
.studio-config .placement-add{padding:10px;margin-bottom:10px}
.studio-config .placement-add .note{font-size:.8125rem;margin:6px 0}
.studio-config .placement-editor>.field,.studio-config .placement-fields{margin-top:8px}
.studio-config .placement-nudges{margin:8px 0;gap:6px}
.studio-config .placement-nudges button{min-height:44px;padding:7px 4px}
.studio-config .heater-options{gap:7px;margin-bottom:10px}
.studio-config .heater-options button,.studio-config .heater-options button[aria-pressed=true]{min-height:66px;padding:9px 10px;gap:3px}
.studio-config .heater-options strong{font-size:.9375rem}
.studio-config .heater-options span,.studio-config .heater-options b{font-size:.8125rem;line-height:1.3}
.studio-config .lighting-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:3px 8px;padding:10px}
.studio-config .lighting-card .light-icon{grid-column:1;grid-row:1/4;width:36px;height:44px;margin:0;align-self:center}
.studio-config .lighting-card .light-icon i{transform:scale(.62)}
.studio-config [data-guide-page=lighting]>.toggle-row{min-height:48px;padding:5px 0;margin:0 0 8px}
.studio-config .lighting-cards{margin-top:10px}
.studio-config .lighting-card>strong{grid-column:2/4;font-size:.875rem}
.studio-config .lighting-card>span,.studio-config .lighting-card>small{grid-column:2/4;font-size:.75rem;line-height:1.3}
.studio-config .lighting-card>.fixture-price{grid-column:1/3;grid-row:4;font-size:.875rem;align-self:center;margin:5px 0}
.studio-config .lighting-card>.drag-action{grid-column:3;grid-row:4;margin:4px 0}
.studio-config .lighting-card .drag-action button{min-height:44px;padding:6px 8px;font-size:.875rem}
.studio-config .lighting-card>.light-tech{grid-column:1/-1;grid-row:6;margin:0}
.studio-config .lighting-card .light-tech>summary{min-height:44px;display:flex;align-items:center;font-size:.8125rem}
.studio-config .lighting-card>.field{grid-column:1/-1;grid-row:5;margin:6px 0}
.studio-config .part-palette{gap:7px;margin-top:10px}
.studio-config .part-palette .palette-part>[data-add]{min-height:72px;padding-block:8px}
.studio-config .model-dimensions .measure-row>label{margin-bottom:0}
@media(min-width:601px) and (max-width:900px){
 .studio-config .color-choices .visual-choice-grid,.studio-config .wax-choices .visual-choice-grid,.studio-config .guide-page .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
 .studio-config .lighting-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:900px){
 .studio-config .config{padding:8px 14px 16px}
 .studio-config .panel-heading h2{font-size:1.25rem}
}

/* Work in 2D. A persistent, clickable plan keeps every wall oriented. */
.studio-config .studio-view-heading{position:absolute;inset:18px 180px auto 22px;display:flex;align-items:center;gap:16px;z-index:14;pointer-events:none}
.studio-view-heading strong{font-family:var(--b-serif);font-size:1.5rem;font-weight:400;display:block;line-height:1.2}
.studio-view-heading span{display:block;font-size:.875rem;color:var(--b-muted);margin-top:3px}
.studio-view-heading select{pointer-events:auto;min-height:44px;border:1px solid var(--b-line);border-radius:6px;background:var(--b-paper);color:var(--b-ink);padding:6px 8px;font-size:.875rem}
.studio-config .studio-toolbar{top:18px;right:18px;left:auto;bottom:auto;justify-content:flex-end;flex-wrap:nowrap;z-index:15}
.studio-config .studio-mode{box-shadow:none;padding:0;background:white}
.studio-config .studio-mode button{min-height:44px;font-size:.875rem;padding:8px 12px;color:var(--b-copper);font-weight:600}
.studio-config .studio-toolbar .view-switch{display:none}
.studio-config[data-studio-surface=model] .studio-toolbar{flex-wrap:wrap;max-width:310px}
.studio-config[data-studio-surface=model] .studio-toolbar .view-switch{display:flex}
.studio-config .studio-canvas-heading,.studio-config .studio-wall-tabs,.studio-config .studio-wall-caption,.studio-config .plan-toolbar{display:none}
.studio-config .studio-placement{display:block;padding:86px 190px 46px 26px}
.studio-config .studio-wall-surface{height:100%;width:100%}
.studio-config .plan-editor{padding:86px 190px 46px 26px}
.studio-config .studio-fallback-view{padding:86px 190px 46px 26px;background:#f2f0e9}
.studio-config .studio-fallback-drawing svg{max-width:none}
.studio-config .studio-canvas-hint{left:26px;right:190px;bottom:17px;text-align:left;font-size:.8125rem}
.studio-config[data-studio-surface=model] .studio-canvas-hint{right:190px}
.studio-config[data-studio-surface=model] .stage-heading{display:none}
.studio-config .studio-map{position:absolute;right:18px;bottom:60px;width:152px;height:136px;z-index:16;display:grid;grid-template-columns:44px 64px 44px;grid-template-rows:44px 48px 44px;isolation:isolate;border-radius:10px;background:#fffc;box-shadow:0 3px 18px #302d2110;border:1px solid #d8d0c2}
.studio-map-drawing{position:absolute;inset:31px 28px;z-index:-1;display:flex;align-items:center;justify-content:center}
.studio-map-drawing svg{width:100%;height:100%;overflow:visible}
.studio-map button{min-width:44px;min-height:44px;background:transparent;border:0;border-radius:6px;padding:2px;font-size:.875rem;line-height:1;color:#665c4b;position:relative}
.studio-map button[aria-pressed=true]{color:#8b3e25;font-weight:700;background:#f2dfc4}
.studio-map button:focus-visible{outline:2px solid #a7502d;outline-offset:-2px}
.studio-map [data-map-view=back]{grid-column:2;grid-row:1}
.studio-map [data-map-view=front]{grid-column:2;grid-row:3}
.studio-map [data-map-view=left]{grid-column:1;grid-row:2}
.studio-map [data-map-view=right]{grid-column:3;grid-row:2}
.studio-map [data-map-view=plan]{grid-column:2;grid-row:2;font-size:.75rem;text-shadow:0 1px 4px white;background:#fff6}
.studio-map [data-map-view=plan][aria-pressed=true]{background:#f2dfc477;outline:2px solid #ae633b;outline-offset:0}
.studio-map[data-active=front] .studio-map-drawing{border-bottom:3px solid #a7502d}
.studio-map[data-active=back] .studio-map-drawing{border-top:3px solid #a7502d}
.studio-map[data-active=left] .studio-map-drawing{border-left:3px solid #a7502d}
.studio-map[data-active=right] .studio-map-drawing{border-right:3px solid #a7502d}
.studio-config .custom-wall-tabs{display:none}
@media(max-width:900px){
 .studio-config.guided-config .workspace,.studio-config.guided-config[data-studio-surface=wall] .workspace,.studio-config.guided-config[data-studio-surface=plan] .workspace{grid-template-rows:clamp(210px,29dvh,300px) 64px 36px minmax(0,1fr)}
 .studio-config .studio-view-heading{top:8px;left:12px;right:126px;gap:8px}
 .studio-view-heading strong{font-size:1.125rem}.studio-view-heading span{font-size:.75rem}
 .studio-view-heading select{min-height:44px;padding:4px;font-size:.875rem;max-width:88px}
 .studio-config .studio-toolbar{top:8px;right:10px;bottom:auto;left:auto}
 .studio-config .studio-mode button{font-size:.875rem;min-height:44px;padding:7px 10px}
 .studio-config .studio-map{right:10px;bottom:12px}
 .studio-config .studio-placement,.studio-config .plan-editor,.studio-config .studio-fallback-view{padding:58px 170px 12px 8px}
 .studio-config[data-studio-surface=wall] .studio-placement{display:block;padding-bottom:12px}
 .studio-config .studio-canvas-hint{display:none}
 .studio-config .floor-plan,.studio-config .studio-wall-surface .facade-editor{min-height:0;height:100%;width:100%}
 .studio-config[data-studio-surface=model] .studio-map{bottom:10px}
 .studio-config[data-studio-surface=model] .studio-toolbar{max-width:240px}
 .studio-config[data-studio-surface=model] .studio-view-heading{right:190px}
 .studio-config[data-studio-surface=model] .studio-fallback-view{padding-bottom:8px}
 .studio-config .studio-fallback-view>p{font-size:.75rem}
 .studio-config.guided-config.studio-panel-minimized .workspace{grid-template-rows:minmax(0,1fr) 64px 36px 0}
}

.studio-config .studio-map [data-map-view=plan]{background:transparent;text-shadow:0 0 4px white,0 0 4px white;outline:0}
.studio-config .studio-map [data-map-view=plan]{grid-column:1;grid-row:1;font-size:.75rem}
.studio-map .map-side-toggle{grid-column:2;grid-row:2;font-size:.75rem;text-shadow:0 0 5px white,0 0 5px white;background:#fff5}
.studio-map .map-side-toggle[aria-pressed=true]{background:#fff5;color:var(--b-copper)}
.bench-room-tabs,.bench-shape-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
.bench-room-tabs button,.bench-shape-cards button{min-height:44px;padding:8px;border:1px solid var(--b-line);border-radius:6px;background:white;font-size:.875rem;color:var(--b-ink)}
.bench-room-tabs button[aria-pressed=true],.bench-shape-cards button[aria-pressed=true]{background:#f2dfc4;border-color:var(--b-copper)}
.bench-room-tabs button:disabled{opacity:.45}
.wall-part-palette{margin:8px 0 12px}
.palette-instruction,.palette-empty{font-size:.875rem;line-height:1.4;color:var(--b-muted);margin:6px 0 10px}
.wall-part-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(98px,1fr));gap:7px}
.wall-part-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:6px 5px 9px;min-height:124px;border:1px solid var(--b-line);border-radius:7px;background:white;color:var(--b-ink)}
.wall-part-card:hover,.wall-part-card[aria-pressed=true]{border-color:var(--b-copper);background:#f6eadd}
.wall-part-card:focus-visible{outline:2px solid var(--b-copper);outline-offset:2px}
.wall-part-card strong{font-size:.875rem;font-weight:500;line-height:1.25}
.wall-part-card small{font-size:.8125rem;color:var(--b-copper);margin-top:auto}
.part-picture{display:block;width:100%;height:66px;background:#f6f4ef;border-radius:4px;pointer-events:none}
.part-picture svg{width:100%;height:100%}
.picture-drag-source{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.picture-drag-source:active{cursor:grabbing}
.palette-edit-mode{min-height:44px;background:transparent;color:var(--b-copper);border:1px solid var(--b-line);border-radius:6px;padding:8px;font-size:.875rem}
.studio-config .lighting-card .light-icon{border:0;border-radius:5px;background:#f5f0e6;min-width:44px;min-height:56px;width:44px;height:56px}
.studio-config .lighting-card{grid-template-columns:44px minmax(0,1fr) auto}
.studio-config .placement-add{padding:0;background:none}
@media(min-width:601px) and (max-width:900px){.wall-part-cards{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}
@media(min-width:601px) and (max-width:900px){
 .studio-config .studio-placement,.studio-config .plan-editor,.studio-config .studio-fallback-view{padding:64px 200px 16px 24px}
 .studio-config .studio-map{right:24px;bottom:22px}
}
@media(max-height:550px) and (min-width:600px) and (max-width:900px){
 .studio-config.guided-config .workspace,.studio-config.guided-config[data-studio-surface=wall] .workspace,.studio-config.guided-config[data-studio-surface=plan] .workspace{grid-template-rows:32px minmax(0,1fr)}
 .studio-config .studio-placement,.studio-config .plan-editor,.studio-config .studio-fallback-view{padding-right:165px;padding-left:8px}
 .studio-config .studio-map{right:6px;bottom:12px}
}
/* Clear, compact product explanations and direct controls. */
/* Two readable columns keep the wider palette compact on phones and tablets. */
.studio-config .config .swatches,.studio-config .config .color-choices .visual-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none}
.studio-config .config .swatches label,.studio-config .config .color-choices .visual-choice{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;row-gap:3px;align-items:center;text-align:left;min-height:74px;min-width:0;padding:10px;border:1px solid var(--b-line);border-radius:8px;background:#fffdf9}
.studio-config .config .swatches label:has(input:checked){background:var(--b-selected);border-color:var(--b-copper);box-shadow:inset 0 0 0 1px var(--b-copper)}
.studio-config .config .swatches label:has(input:focus-visible){outline:2px solid var(--b-copper);outline-offset:3px}
.studio-config .config .color-choices .visual-choice[aria-pressed=true]{background:var(--b-selected);border-color:var(--b-copper)}
.studio-config .config .swatches .swatch,.studio-config .config .color-choices .choice-chip{grid-column:1;grid-row:1 / 3;width:28px;height:28px;margin:0}
.studio-config .config .swatches label>span:last-of-type,.studio-config .config .color-choices strong{grid-column:2;font-size:.875rem;line-height:1.35;padding:0;min-width:0;overflow-wrap:anywhere}
.studio-config .config .swatches .option-price,.studio-config .config .color-choices .visual-price{grid-column:2;text-align:left;font-size:.875rem;line-height:1.35;min-height:0;padding:0;margin:0;white-space:normal}
.studio-config .config .color-choices .visual-choice[aria-pressed=true]::after{right:4px;top:3px;width:13px;height:13px;font-size:9px}
.studio-config #led-package-price{display:block;margin-top:4px}
.studio-config .finish-reference{font-size:.8125rem;line-height:1.5;color:var(--b-muted)}
@media(max-width:340px){.studio-config .config .swatches,.studio-config .config .color-choices .visual-choice-grid{grid-template-columns:minmax(0,1fr)}}
.detail-explainer{display:flex;gap:12px;align-items:center;margin:6px 0 12px;color:#625748;font-size:13px;line-height:1.45}.detail-explainer svg{flex:0 0 94px;width:94px;height:66px}.detail-explainer strong{display:block;color:#332a20}.detail-explainer p{margin:0}.headroom-note{font-size:13px;line-height:1.5;color:#516050;background:#f0f2e9;padding:8px 10px;border-radius:8px;margin:6px 0 12px}.standard-bench-height input,.custom-builder .field input,.vent-controls input,.vent-controls select{min-height:44px;width:100%;font:inherit;padding:8px 12px;border:1px solid #cdbca8;border-radius:8px;background:#fffdf8;color:#372e22}.vent-controls{display:grid;gap:10px}.studio-partition{position:absolute;left:20px;bottom:38px;z-index:6;min-height:44px;border:1px solid #c3af97;border-radius:8px;padding:8px 12px;background:#fffcf5;color:#4b3926;font:600 13px Arial}.vent-editor svg [data-vent]{cursor:grab;touch-action:none}.vent-editor svg [data-vent]:focus{outline:none;filter:drop-shadow(0 0 .02px #9e4b2b)}
.studio-config:not(.custom-journey) [data-guide-page=windows]>.opening-quick-actions,.studio-config:not(.custom-journey) [data-guide-page=windows]>.visual-choices,.studio-config:not(.custom-journey) [data-guide-page=door]>.visual-choices{display:none}.studio-config .placement-editor>.note,.studio-config .placement-editor>h3{display:none}.studio-config .placement-editor .placement-add{margin-top:0}.studio-config .placement-editor .moduleLabel{display:none}.studio-config .vent-editor>h3{display:none}
@media(max-width:760px){.studio-partition{left:10px;bottom:10px;max-width:calc(100% - 182px);font-size:12px}.detail-explainer{font-size:12px}.detail-explainer svg{flex-basis:76px;width:76px;height:58px}.standard-bench-height .field{margin-bottom:4px}}
.studio-config .wall-part-cards .wall-part-card{background:#fffcf6;color:#392d20;border:1px solid #d5c5af;padding:6px 5px 8px;min-height:122px;box-shadow:none}.studio-config .wall-part-cards .wall-part-card:hover,.studio-config .wall-part-cards .wall-part-card[aria-pressed=true]{background:#f4e5d0;border-color:#a25333}.studio-config .wall-part-cards .wall-part-card small{display:block;color:#914829;font-size:12px}.studio-config .wall-part-cards .wall-part-card strong{font-size:13px;line-height:1.25;color:#392d20}.studio-config .wall-part-palette{padding:0;border:0}.studio-config .palette-edit-mode{background:#f8f0e5;color:#7b4129;border:1px solid #d4b998;min-height:44px;padding:8px;font-size:13px;border-radius:7px}.studio-config .studio-map .map-side-toggle{background:#fff9ed;border:1px solid #c9b99e;text-shadow:none;font-weight:700;font-size:12px;box-shadow:0 1px 4px #33251110}

/* The mobile 3D preview uses the space normally occupied by the choices. */
.rendered-drawing-host{position:relative}
.rendered-drawing{position:absolute;pointer-events:none;display:block;z-index:0}
.studio-config .studio-placement:has(.rendered-overlay),.studio-config .plan-editor:has(.rendered-overlay),.studio-config .studio-fallback-view:has(.rendered-overlay){background:#fbfbfa}
.studio-config svg.rendered-overlay{position:relative;z-index:1;background:transparent;border:0}
.rendered-overlay [data-render-art],.rendered-overlay .part-glint,.rendered-overlay .plan-slat,.rendered-overlay [data-vent]>:not(title){opacity:0}
.rendered-overlay .part-shape,.rendered-overlay .plan-footprint{fill:transparent;stroke:transparent}
.rendered-overlay [data-selected=true] .part-shape,.rendered-overlay [data-ghost=true] .part-shape,.rendered-overlay .selected .plan-footprint{fill:#be71341a;stroke:var(--selection-color,#a25333)}
.rendered-overlay [data-vent]:focus>rect:first-of-type,.rendered-overlay [data-vent]:hover>rect:first-of-type{opacity:1;fill:#be71341a;stroke:#a25333;stroke-width:.012}
.rendered-overlay .object-label{paint-order:stroke;stroke:#fff9ed;stroke-width:2px;stroke-linejoin:round}
@media(max-width:900px){
 .studio-config.guided-config[data-studio-surface=model] .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 0 0 0;grid-template-areas:'drawing' 'rail' 'journey' 'controls'}
 .studio-config[data-studio-surface=model] .category-rail,.studio-config[data-studio-surface=model] .config,.studio-config[data-studio-surface=model] .journey-bar{visibility:hidden;overflow:hidden;padding:0;border:0;min-height:0}
 .studio-config[data-studio-surface=model] .studio-view-heading{display:none}
 .studio-config[data-studio-surface=model] .studio-toolbar{inset:12px 12px auto;max-width:none;display:flex;justify-content:space-between;flex-wrap:nowrap}
 .studio-config[data-studio-surface=model] .studio-toolbar .studio-mode{align-self:flex-start}
 .studio-config[data-studio-surface=model] .studio-3d-options{display:block;min-height:44px;border:1px solid var(--b-line);border-radius:8px;background:#fffaf3;color:var(--b-copper);font-size:.875rem;font-weight:600;padding:8px 14px;box-shadow:0 2px 12px #3325110a}
 .studio-config[data-studio-surface=model] .studio-toolbar .view-switch{position:fixed;top:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));left:50%;right:auto;transform:translateX(-50%);box-shadow:0 3px 16px #33251112;white-space:nowrap}
 .studio-config:not(.studio-fallback)[data-studio-surface=model] .stage-tools{display:flex;top:50%;right:10px;left:auto;transform:translateY(-50%);padding:3px}
 .studio-config[data-studio-surface=model] .stage-tools button{width:44px;height:44px}
 .studio-config[data-studio-surface=model] .stage-tools #home-view{display:block}
 .studio-config[data-studio-surface=model] .studio-fallback-view{padding:70px 20px 74px}
 .studio-config.guided-config.studio-3d-options-open[data-studio-surface=model] .workspace{grid-template-rows:minmax(170px,42%) 60px 0 minmax(0,1fr)}
 .studio-config.studio-3d-options-open[data-studio-surface=model] .category-rail{visibility:visible;display:flex;flex-direction:row;overflow-x:auto;padding:4px 8px;border-block:1px solid #393931;gap:4px}
 .studio-config.studio-3d-options-open[data-studio-surface=model] .category-rail button{min-height:50px;min-width:70px;flex-shrink:0}
 .studio-config.studio-3d-options-open[data-studio-surface=model] .config{visibility:visible;overflow-y:auto;padding:12px 14px 24px;border-top:1px solid var(--b-line)}
 .studio-config.studio-3d-options-open[data-studio-surface=model] .studio-toolbar .view-switch{position:absolute;top:52px;bottom:auto;left:0;transform:none;box-shadow:none}
}
@media(max-width:900px) and (max-height:550px){
 .studio-config[data-studio-surface=model] .studio-toolbar .view-switch{bottom:76px}
 .studio-config.guided-config.studio-3d-options-open[data-studio-surface=model] .workspace{grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:60px minmax(0,1fr);grid-template-areas:'drawing rail' 'drawing controls'}
 .studio-config.studio-3d-options-open[data-studio-surface=model] .studio-toolbar .view-switch{position:absolute;top:52px;bottom:auto}
}
