#furniture-experience label{display:block;font-weight:600;margin:1rem 0 .65rem}#furniture-progress{width:100%;accent-color:var(--lime);margin:.6rem 0}#furniture-cycle,#furniture-photo-back{background:#263e46;color:#edf4f4;border:1px solid #536b72;border-radius:.45rem;padding:.9rem 1.2rem;font:inherit;cursor:pointer;width:100%}#furniture-status{min-height:1.5em;font-size:.9rem;color:#c2d1d5}#furniture-details p{line-height:1.65}#furniture-details strong{color:#ebf1f2}.furniture-view{min-height:420px}#furniture-experience [aria-pressed=true]{border-color:var(--lime);background:#304b41}#furniture-source{color:var(--lime)}@media(max-width:700px){.furniture-view{min-height:340px}}

#space-toggle,#shaper-dimensions-toggle,#sofa-dimensions-toggle{background:#f6f7f8;color:#18313a;border:1px solid #a9b8bc;border-radius:5px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}#shaper-dimension-lines,#sofa-dimension-lines{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:2;overflow:visible}#shaper-dimension-lines line,#sofa-dimension-lines line{stroke:#263b40;stroke-width:1.2}#shaper-dimension-lines .extension,#sofa-dimension-lines .extension{stroke:#53666a;stroke-width:1;stroke-dasharray:3 3}#shaper-dimension-lines text,#sofa-dimension-lines text{fill:#12262e;font:13px "DM Sans",sans-serif;paint-order:stroke;stroke:#e2e7e3;stroke-width:6px;stroke-linejoin:round;text-anchor:middle}
.interaction-mode svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none}.presenter-move-tools .interaction-mode{padding:9px;display:grid;place-items:center}.presenter-move-tools .interaction-mode[aria-pressed=true]{background:#173b43;color:#fff;border-color:#173b43}.motion-primary{padding:20px;background:#213b43;border:1px solid #55717a;border-radius:12px;margin:8px 0 20px}.motion-primary h3{font-size:18px;margin:0 0 16px}.motion-primary #furniture-progress{display:block;width:100%;height:32px;margin:8px 0;cursor:ew-resize}.motion-primary #furniture-states{display:flex;gap:6px;margin:12px 0}.motion-primary #furniture-states button{flex:1;padding:9px 5px;font-size:14px}.motion-primary #furniture-cycle{padding:10px;font-size:14px}.fabric-options{margin:20px 0}.fabric-options h3{font-size:16px;margin-bottom:12px}.fabric-options div{display:flex;gap:12px}.fabric-swatch{width:54px;height:54px;border-radius:50%;border:3px solid transparent;outline:1px solid #6d8188;cursor:pointer;background-size:100px}.fabric-swatch.linen{background-image:url('sofa-fabric-color.jpg')}.fabric-swatch.sand{background-image:url('sofa-fabric-color.jpg')}.fabric-swatch.charcoal{background-image:linear-gradient(#253038bb,#253038bb),url('sofa-fabric-color.jpg')}.fabric-swatch[aria-pressed=true]{border-color:var(--lime)!important;outline-offset:3px}.compact-views{border-top:1px solid #425a63;margin-top:18px;padding-top:12px}.compact-views summary{cursor:pointer;font-size:14px;padding:8px 0}.compact-views .board-views{margin-top:12px}.stage-photo-back{position:absolute;top:12px;right:12px;z-index:5;width:auto!important;background:#f5f7f6!important;color:#16323c!important}.furniture-detail{background:#18343d;color:white}#furniture-experience .experience-tabs[hidden]{display:none!important}

#furniture-experience .fabric-swatch{border-radius:50%;background-color:#6d7175;background-image:url(sofa-fabric-color.jpg);background-size:54px}#furniture-experience .fabric-swatch.sand{background-image:linear-gradient(#b88f5733,#b88f5733),url(sofa-fabric-color.jpg)}#furniture-experience .fabric-swatch.charcoal{background-image:linear-gradient(#253c55aa,#253c55aa),url(sofa-fabric-color.jpg)}

.finish-swatch{width:54px;height:54px;border-radius:50%;border:3px solid transparent;outline:1px solid #6d8188;cursor:pointer}.finish-swatch[aria-pressed=true]{border-color:var(--lime);outline-offset:3px}
/* Shared showroom layout (showroom-layout.js) */
#stage-tools{position:absolute;top:12px;right:12px;display:flex;gap:6px;align-items:center;z-index:4;flex-wrap:wrap;justify-content:flex-end}
#stage-tools button,#stage-tools .lighting-switch{border:1px solid #afbab6;border-radius:6px;background:#f6f7f8f0;color:var(--ink);font-size:13px;padding:7px 10px;cursor:pointer;line-height:1.2}
#stage-tools button[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
#stage-tools .lighting-switch .lighting-state{color:#55636a}
#stage-tools .lighting-switch .switch-track{background:#a9b8bc}
.viewer-stage.photo-mode #stage-tools{display:none}
.stage-back{position:absolute!important;top:12px;left:12px;right:auto!important;bottom:auto!important;z-index:5;border:1px solid #afbab6;border-radius:6px;background:#f6f7f8f0;color:var(--ink);font-size:13px;padding:7px 10px;cursor:pointer}
#cabinet-stage-tools.emptied,.viewer-tools.emptied{display:none!important}
#view-presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
#view-presets .preset-group{display:flex;gap:6px;flex-wrap:wrap}
#view-presets .preset-group[hidden]{display:none}
#view-presets button{border:1px solid #afbab6;border-radius:6px;background:#f6f7f8f0;color:var(--ink);font-size:13px;padding:7px 10px;cursor:pointer}
#view-presets button[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
.viewer-stage.photo-mode #view-presets{display:none}
.tahoe-mechanisms{margin-bottom:18px}
/* Small panel headings: the site-wide -2px tracking is meant for large headlines and crushes 16px text. */
.showroom-panel h3{letter-spacing:-.2px}
/* Product picker strip */
.product-strip{display:flex;gap:10px;overflow-x:auto;padding:6px 0 18px;scroll-snap-type:x proximity;scroll-padding-inline:30px;scrollbar-width:thin}
/* Room before the first card and after the last; padding alone is dropped at the far end of a scroller. */
.product-strip::before,.product-strip::after{content:'';flex:0 0 20px}
.product-strip button{flex:0 0 136px;display:flex;flex-direction:column;gap:4px;background:#1b3038;border:1px solid #354650;border-radius:8px;padding:6px 6px 8px;color:#e6eeee;text-align:left;font-size:13px;line-height:1.25;cursor:pointer;scroll-snap-align:start;transition:border-color .15s,transform .15s}
.product-strip button:hover{border-color:#7e9299;transform:translateY(-1px)}
.product-strip button[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.product-strip button.yielded[aria-pressed=true]{border-color:#354650;box-shadow:none}
.product-strip img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px;background:#eef0ed;display:block;margin-bottom:3px}
.product-strip small{font-size:11px;color:#9fb0b6}
.shaper-photo-spot{width:28px;height:28px;border:1px solid white;border-radius:50%;background:#12262edd;color:white;font-size:13px;box-shadow:0 2px 8px #0003;cursor:pointer;padding:0}.shaper-photo-spot:hover,.shaper-photo-spot[aria-pressed=true]{background:var(--lime);color:#12262e;border-color:#12262e}.shaper-photo-spot:focus-visible{outline:3px solid var(--lime)}.viewer-stage.photo-mode .shaper-photo-spot{display:none}
#shaper-photo{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;background:#eef1ee;z-index:3}#shaper-photo[hidden]{display:none}#shaper-photo img{width:100%;height:calc(100% - 38px);object-fit:contain;padding:40px 12px 8px}#shaper-photo figcaption{height:38px;padding:8px 14px;color:#52656d;font-size:12px;text-align:center}#shaper-photo a{text-decoration:underline;text-underline-offset:3px}
.product-strip-wrap{position:relative}.strip-chevron{position:absolute;top:calc(50% - 7px);transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #4a5d66;background:#0f2026e8;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #0008;z-index:2;padding:0}.strip-chevron:hover{border-color:var(--lime);color:var(--lime)}.strip-chevron[hidden]{display:none}.strip-chevron-left{left:8px}.strip-chevron-right{right:8px}.product-strip-wrap::before,.product-strip-wrap::after{content:'';position:absolute;top:0;bottom:18px;width:46px;pointer-events:none;z-index:1;opacity:0;transition:opacity .15s}.product-strip-wrap::before{left:0;background:linear-gradient(90deg,#11242b,#11242b00)}.product-strip-wrap::after{right:0;background:linear-gradient(270deg,#11242b,#11242b00)}.product-strip-wrap:has(.strip-chevron-left:not([hidden]))::before,.product-strip-wrap:has(.strip-chevron-right:not([hidden]))::after{opacity:1}
@media(prefers-reduced-motion:reduce){.product-strip button{transition:none}}
/* Shaper configurator */
#shaper-experience .shaper-section{margin-bottom:14px}
#shaper-experience .board-views{display:flex;gap:6px;flex-wrap:wrap}
.shaper-colour-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;margin:6px 0}
.shaper-colour-label{font-size:12px;color:#b4c3c9}
.shaper-colour-row div{display:flex;gap:6px;flex-wrap:wrap}
.shaper-swatch{width:30px!important;height:30px!important;border-width:2px!important}
#shaper-experience input[type=text],#shaper-experience input[type=file]{width:100%;margin:4px 0 10px;font-size:13px}
#shaper-experience label{display:block;font-size:12px;color:#b4c3c9;margin-top:4px}
/* Shaper rail & foil */
.shaper-ends{display:flex;justify-content:space-between;font-size:11px;color:#9fb0b6;margin-top:2px}
#shaper-experience input[type=range]{width:100%;accent-color:var(--lime)}
.shaper-readout{font-size:12.5px;color:#e6eeee;margin:6px 0 10px;min-height:2.6em}
.shaper-caption{font-size:11px;letter-spacing:.4px;color:#9fb0b6;margin:8px 0 2px;text-transform:uppercase}
.shaper-drawing{display:block;width:100%;height:auto;background:#162a31;border-radius:6px}
.shaper-drawing .foam{fill:#e6e4dc;stroke:#8fa3a9;stroke-width:.6}
.shaper-drawing .foam-line{fill:none;stroke:#e6e4dc;stroke-width:1.4}
.shaper-drawing .stringer{stroke:#c9a46a;stroke-width:1;stroke-dasharray:3 3}
.shaper-drawing .apex{stroke:#baff57;stroke-width:.8;stroke-dasharray:4 3}
.shaper-drawing .marker{stroke:#baff57;stroke-width:1.4}
.shaper-drawing text{fill:#b4c3c9;font-size:9px;font-family:inherit}
#shaper-section-line{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3}
#shaper-section-line .cut{fill:#baff5733;stroke:#baff57;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 4px #baff5799)}
.shaper-scan{margin:8px 0 2px;padding:6px 12px;border-radius:6px;border:1px solid #52656d;background:#203740;color:#e6eeee;font-size:13px;cursor:pointer}
.shaper-scan:hover{border-color:var(--lime)}
#shaper-scanbar{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;background:#10232be6;color:#e6eeee;font-size:12px;z-index:4}
#shaper-scanbar[hidden]{display:none}
#shaper-scanbar input{flex:1 1 auto;accent-color:var(--lime);min-width:80px}
#shaper-scanbar>span:not(.shaper-scanbar-read){flex:0 0 auto}
.shaper-scanbar-read{color:var(--lime);white-space:nowrap;flex:0 0 13.5em;width:13.5em;overflow:hidden;text-align:right;font-variant-numeric:tabular-nums}  /* fixed width: a changing readout resized the slider under the cursor */
.viewer-stage.photo-mode #shaper-scanbar{display:none}
@media(max-width:680px){.shaper-scanbar-read{display:none}}
@keyframes shaper-flash{0%{box-shadow:0 0 0 2px var(--lime)}100%{box-shadow:0 0 0 2px transparent}}
.shaper-flash{animation:shaper-flash 1.4s ease-out}
@media(prefers-reduced-motion:reduce){.shaper-flash{animation:none}}

#shaper-dimension-lines[hidden],#shaper-dimensions-toggle[hidden]{display:none}
.viewer-stage.shaper-dims-on .shaper-photo-spot{display:none}
/* A photo point on the far side of the board is hidden, not just faded: it opens a photo of a side you cannot see. */
.shaper-photo-spot:not([data-visible]){opacity:0;pointer-events:none}
/* Space needed: the floor area now (solid) and the most the movement needs (dashed). */
#space-lines{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:2;overflow:visible}
#space-lines[hidden],#space-toggle[hidden]{display:none}
#space-lines .space-max{fill:#ff8a5c22;stroke:#c8551f;stroke-width:1.6;stroke-dasharray:6 5}
#space-lines .space-now{fill:#baff5740;stroke:var(--green);stroke-width:1.4}
#space-lines .space-label{fill:#12262e;font:13px "DM Sans",sans-serif;paint-order:stroke;stroke:#eef1ee;stroke-width:6px;stroke-linejoin:round;text-anchor:middle}
#space-lines .space-label-max{fill:#a8410f;font-weight:600}
#space-toggle[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
#space-note{position:absolute;left:14px;bottom:60px;max-width:min(420px,70%);margin:0;padding:7px 10px;background:#f6f7f8e8;color:#18313a;border-radius:6px;font-size:13px;z-index:3}
#space-note[hidden]{display:none}
.viewer-stage.photo-mode #space-note{display:none}
.viewer-stage.space-on .product-hotspot,.viewer-stage.space-on .furniture-detail{visibility:hidden}
/* Use this product: the takeaway kit under each product's controls. */
.use-kit{margin-top:18px;border:1px solid #354650;border-radius:8px;padding:10px 12px;background:#1b3038}
.use-kit summary{cursor:pointer;font-weight:600;color:#eef5f4}
.use-kit p{font-size:13px;color:#c9d6d8;margin:8px 0}
.use-kit textarea{width:100%;box-sizing:border-box;background:#0f2026;color:#d9e8e6;border:1px solid #354650;border-radius:6px;font:12px/1.4 ui-monospace,Menlo,monospace;padding:8px;resize:vertical}
.use-kit button{margin:6px 8px 4px 0}
.use-kit .use-kit-file{display:inline-block;font-size:13px;color:var(--lime);margin:6px 0}
.use-kit .use-kit-file[hidden]{display:none}
.use-kit ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:#c9d6d8}.use-kit li{margin:4px 0}.use-kit strong{color:#eef5f4}
#room-qr-toggle{background:#f6f7f8;color:#18313a;border:1px solid #a9b8bc;border-radius:5px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}
#room-qr-toggle[hidden],#room-qr[hidden]{display:none}
#room-qr{position:absolute;top:58px;right:12px;width:240px;background:#fff;color:#18313a;border:1px solid #a9b8bc;border-radius:10px;padding:14px;z-index:5;box-shadow:0 10px 30px #0003;font-size:13px}
#room-qr img{display:block;margin:6px auto;image-rendering:pixelated}
#room-qr p{margin:6px 0}#room-qr .room-qr-title{font-weight:700;font-size:15px;margin-top:0}
#room-qr a{color:#18313a;text-decoration:underline;text-underline-offset:3px}
#room-qr .room-qr-warn{color:#a8410f;font-size:12px}
#room-qr .room-qr-close{float:right;background:none;border:0;color:#52656d;cursor:pointer;font:inherit;font-size:12px;padding:0}
@media(pointer:coarse){#space-note{top:58px}}

/* Phones: a taller view, one compact row of tools on top, one scrolling row of views underneath, and the
   in-your-room button as a clear call to action instead of tools stacked over the product. */
@media(max-width:760px){
 .showroom .viewer-stage model-viewer,.showroom:has(#board-experience:not([hidden])) model-viewer{height:min(64vh,520px);min-height:400px}
 #stage-tools{top:8px;left:8px;right:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:5px;scrollbar-width:none;padding-bottom:2px}
 #stage-tools::-webkit-scrollbar{display:none}
 #stage-tools>*{flex:0 0 auto}
 #stage-tools button,#stage-tools .lighting-switch{font-size:12px;padding:6px 9px;white-space:nowrap}
 #stage-tools .lighting-state{display:none}
 .presenter-move-tools{left:8px;right:8px;bottom:8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;padding-bottom:2px}
 .presenter-move-tools::-webkit-scrollbar{display:none}
 .presenter-move-tools>*{flex:0 0 auto}
 #view-presets,#view-presets .preset-group{flex-wrap:nowrap}
 .presenter-move-tools button,#view-presets button{font-size:12px;padding:6px 9px;min-height:32px;white-space:nowrap}
 #room-view-button{top:auto;bottom:52px;left:auto;right:10px;border-radius:22px;padding:10px 16px;font-weight:700;box-shadow:0 6px 18px #0002}
 #space-note,#room-qr{top:48px}
 #space-note{right:8px;max-width:none;font-size:12px}
}
@media(max-width:760px){
 #stage-tools{overflow-x:visible;justify-content:flex-end}
 #stage-tools button[data-short]{font-size:0;padding:6px 11px}
 #stage-tools button[data-short]::before{content:attr(data-short);font-size:13px}
 #stage-tools label.lighting-switch[data-short]>span:not(.switch-track){display:none}
 #stage-tools label.lighting-switch[data-short]::after{content:attr(data-short);font-size:13px}
 #stage-tools button[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
}
@media(max-width:760px){
 /* On touch screens one finger rotates and two fingers move, so the mode buttons only take space. */
 .presenter-move-tools .interaction-mode{display:none}
 .presenter-move-tools{justify-content:center}
 .presenter-move-tools button[data-short]{font-size:0}
 .presenter-move-tools button[data-short]::before{content:attr(data-short);font-size:12px}
}
#stage-slider{display:none}
@media(max-width:760px){
 #stage-slider:not([hidden]){display:flex;position:absolute;left:12px;right:12px;bottom:50px;z-index:4;align-items:center;gap:10px;background:#f6f7f8e8;border:1px solid #afbab6;border-radius:10px;padding:8px 12px}
 #stage-slider span{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;min-width:64px}
 #stage-slider input{flex:1;accent-color:var(--green);height:28px}
 #room-view-button{bottom:104px}
 #space-note{top:48px}
}
#ar-outline-toggle{display:none}
#ar-outline-toggle:not([hidden]){display:flex;align-items:center;gap:6px;position:absolute;right:10px;bottom:150px;z-index:4;background:#f6f7f8e8;border:1px solid #afbab6;border-radius:8px;padding:5px 9px;font-size:12px;color:var(--ink)}
/* Will it fit? */
.fit-check{margin-top:18px;border:1px solid #354650;border-radius:8px;padding:10px 12px;background:#1b3038}
.fit-check[hidden]{display:none}
.fit-check summary{cursor:pointer;font-weight:600;color:#eef5f4}
.fit-fields{display:grid;gap:8px;margin-top:10px}
.fit-fields label{display:grid;gap:4px;font-size:13px;color:#c9d6d8}
.fit-fields input[type=number]{background:#0f2026;color:#eef5f4;border:1px solid #354650;border-radius:6px;padding:8px;font:inherit;font-size:15px}
.fit-fields .fit-check-chairs{display:flex;align-items:center;gap:8px}
.fit-result{font-size:13px;margin:10px 0 2px;color:#c9d6d8;line-height:1.45}
.fit-result.fit-ok{color:var(--lime)}.fit-result.fit-part,.fit-result.fit-short{color:#ffb38f}
#space-lines .space-fit{fill:none;stroke-width:2.4}
#space-lines polygon.space-fit{fill:#0000;stroke-dasharray:2 0}
#space-lines .space-fit-ok{stroke:var(--green)}#space-lines .space-fit-short{stroke:#d1451b}
#space-lines .space-fit-front{stroke-dasharray:8 5}
#space-lines .space-fit-label{font-weight:600}#space-lines .fit-label-ok{fill:var(--green)}#space-lines .fit-label-short{fill:#d1451b}
.use-kit-frame{border-bottom:1px solid #354650;padding-bottom:10px;margin-bottom:6px}.use-kit-frame a{font-size:13px;text-decoration:underline;text-underline-offset:3px;color:#eef5f4}

/* Viewer tools as icons; the name shows as a tooltip and stays in the text for screen readers. */
#stage-tools button,#stage-tools .lighting-switch{font-size:0!important;width:38px;height:38px;padding:0!important;display:inline-grid;place-items:center;position:relative}
#stage-tools button::before,#stage-tools .lighting-switch::before{content:''!important;width:21px;height:21px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
#stage-tools .lighting-switch>span,#stage-tools .lighting-switch::after{display:none!important}
#stage-tools .lighting-switch:has(input:checked){background:var(--lime);border-color:var(--lime)}
#stage-tools button[hidden]{display:none}
#dimensions-toggle,#sofa-dimensions-toggle,#shaper-dimensions-toggle{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207v10M21%207v10M3%2012h18M3%2012l3-3M3%2012l3%203M21%2012l-3-3M21%2012l-3%203%27/%3E%3C/svg%3E")}
#space-toggle{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%271%27%20stroke-dasharray%3D%273%202.6%27/%3E%3Crect%20x%3D%278%27%20y%3D%278%27%20width%3D%278%27%20height%3D%278%27%20rx%3D%271%27/%3E%3C/svg%3E")}
#room-qr-toggle{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%273.5%27%20width%3D%276%27%20height%3D%276%27%20rx%3D%27.6%27/%3E%3Crect%20x%3D%2714.5%27%20y%3D%273.5%27%20width%3D%276%27%20height%3D%276%27%20rx%3D%27.6%27/%3E%3Crect%20x%3D%273.5%27%20y%3D%2714.5%27%20width%3D%276%27%20height%3D%276%27%20rx%3D%27.6%27/%3E%3Cpath%20d%3D%27M5.6%205.6h1.8v1.8H5.6zM16.6%205.6h1.8v1.8h-1.8zM5.6%2016.6h1.8v1.8H5.6z%27%20fill%3D%27black%27/%3E%3Cpath%20d%3D%27M14%2014h2.5v2.5H14zM18%2014h2.5v2.5H18zM16%2018h2.5v2.5H16zM14%2020h1.5M20.5%2018.5V20.5%27%20fill%3D%27black%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
#stage-tools .lighting-switch{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.6%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M9%2017.5h6M9.8%2020.5h4.4%27/%3E%3Cpath%20d%3D%27M12%203a6%206%200%200%200-3.6%2010.8c.7.6%201.1%201.4%201.1%202.3v1.4h5v-1.4c0-.9.4-1.7%201.1-2.3A6%206%200%200%200%2012%203z%27/%3E%3C/svg%3E")}
#shaper-xray{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2012s3.8-7%2010-7%2010%207%2010%207-3.8%207-10%207S2%2012%202%2012z%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27/%3E%3C/svg%3E")}

/* Camera views as icons: a cube with the viewed face filled; the name is the tooltip. */
#view-presets button[data-icon],#presenter-recenter[data-icon]{font-size:0!important;width:38px;height:38px;padding:0!important;display:inline-grid;place-items:center}
#view-presets button[data-icon]::before,#presenter-recenter[data-icon]::before{content:''!important;width:23px;height:23px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
[data-icon=overview]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M4%209l5-5h11l-5%205z%27%20fill%3D%27black%27%20fill-opacity%3D%27.35%27%20stroke%3D%27none%27/%3E%3Cpath%20d%3D%27M15%209l5-5v11l-5%205z%27%20fill%3D%27black%27%20fill-opacity%3D%27.6%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=front]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M4%209h11v11H4z%27%20fill%3D%27black%27%20fill-opacity%3D%27.85%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=side]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M15%209l5-5v11l-5%205z%27%20fill%3D%27black%27%20fill-opacity%3D%27.85%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=top]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M4%209l5-5h11l-5%205z%27%20fill%3D%27black%27%20fill-opacity%3D%27.85%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=rear]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M9%204v11h11M9%2015l-5%205%27%20stroke-dasharray%3D%271.6%201.8%27/%3E%3Cpath%20d%3D%27M9%204h11v11H9z%27%20fill%3D%27black%27%20fill-opacity%3D%27.55%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=bottom]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%209h11v11H4zM4%209l5-5h11l-5%205M15%2020l5-5V4%27/%3E%3Cpath%20d%3D%27M9%204v11h11M9%2015l-5%205%27%20stroke-dasharray%3D%271.6%201.8%27/%3E%3Cpath%20d%3D%27M4%2020l5-5h11l-5%205z%27%20fill%3D%27black%27%20fill-opacity%3D%27.55%27%20stroke%3D%27none%27/%3E%3C/svg%3E")}
[data-icon=rocker]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M2%2013c4%202.2%2016%202.2%2020-3%27/%3E%3Cpath%20d%3D%27M2%2010.5c4%202%2015%202%2020-3%27%20stroke-dasharray%3D%271.6%201.8%27/%3E%3C/svg%3E")}
[data-icon=fin]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M3%2018h18%27/%3E%3Cpath%20d%3D%27M8%2018c1-6%204-10%209-12-1.5%204-2%208-1%2012%27%20fill%3D%27black%27%20fill-opacity%3D%27.85%27/%3E%3C/svg%3E")}
[data-icon=reset]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%2012a8%208%200%201%200%202.4-5.7%27/%3E%3Cpath%20d%3D%27M4%204v4.5h4.5%27/%3E%3C/svg%3E")}
/* Icons sit dead centre: the hidden label must not take up a grid row. */
#stage-tools button,#stage-tools .lighting-switch,#view-presets button[data-icon],#presenter-recenter[data-icon]{position:relative;line-height:0}
#stage-tools button::before,#stage-tools .lighting-switch::before,#view-presets button[data-icon]::before,#presenter-recenter[data-icon]::before{position:absolute;inset:0;margin:auto}

/* The slider is the control: no position buttons, play button or slide button under it. */
#furniture-states,#furniture-cycle,#animate-grille,#furniture-status{display:none!important}
/* Compact showroom panel: fits beside the viewer without scrolling. */
.showroom-panel{padding:18px 20px}.showroom-panel .product-maker{margin:0 0 8px}.motion-primary{padding:14px 16px;margin:4px 0 12px}.motion-primary h3{font-size:16px;margin:0 0 6px}.motion-primary #furniture-progress{height:26px;margin:4px 0}.fabric-options{margin:12px 0}.fabric-options h3{margin-bottom:8px}.fabric-swatch{width:44px;height:44px}

/* Light product selector: white heading and strip above the dark viewer */
.showroom-heading,.product-strip-wrap{background:#fff;color:var(--ink)}
.product-strip-wrap{border-bottom:1px solid var(--line)}
.showroom-heading .eyebrow{color:var(--green)}
.study-picker summary{border-color:var(--line)}
.product-strip button{background:#fff;border-color:var(--line);color:var(--ink)}
.product-strip button:hover{border-color:#9aa8ad}
.product-strip button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.product-strip button.yielded[aria-pressed=true]{border-color:var(--line)}
.product-strip small{color:var(--muted)}
.product-strip-wrap::before{background:linear-gradient(90deg,#fff,#fff0)}
.product-strip-wrap::after{background:linear-gradient(270deg,#fff,#fff0)}
.strip-chevron{background:#fffffff0;color:var(--ink);border-color:var(--line);box-shadow:0 3px 10px #0f202626}
.strip-chevron:hover{border-color:var(--green);color:var(--green)}
/* No scrollbar under the strip: the chevrons, swipe and trackpad scroll it */
.product-strip{scrollbar-width:none;padding-bottom:14px}
.product-strip::-webkit-scrollbar{display:none}
.product-strip-wrap::before,.product-strip-wrap::after{bottom:14px}