/* The viewer owns its space at every width; the legacy questionnaire CSS is not loaded. */
main{max-width:1800px;padding:32px 3.5% 55px}.intro{margin-bottom:28px}h1{font-size:clamp(30px,3vw,46px)}
.workspace{grid-template-columns:minmax(300px,350px) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 34px}
.choices{grid-column:1;grid-row:1 / 3;min-width:0}.result{display:contents}.viewer-shell{grid-column:2;grid-row:1;min-width:0;border-radius:12px;background:#fff;overflow:hidden;border:1px solid var(--line)}
.price-card{grid-column:2;grid-row:2;border-radius:12px;background:white;min-width:0}.shape-grid{gap:5px}.shape-button{font-size:10px}.series-card img{height:88px}.series-card strong{font-size:10px}.series-card small{font-size:10px;margin-inline:8px}.finish-grid{flex-wrap:wrap}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line)}.viewer-toolbar [role=tablist]{display:flex;gap:4px;min-width:0}.viewer-toolbar button{background:none;border:0;border-radius:6px;padding:11px 14px;font-size:12px;min-height:42px;white-space:nowrap}.viewer-toolbar button[aria-selected=true]{background:var(--ink);color:white}#expand-view{border:1px solid var(--line);font-size:11px}
.viewer-stage{height:clamp(440px,53vw,650px);position:relative;background:#eae7e0;min-width:0}.viewer-stage>[role=tabpanel]{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.viewer-stage .visual{height:100%}.viewer-stage .visual>img{object-fit:contain;background:#292b25}.visual:after{background:linear-gradient(#0005,transparent 25%);pointer-events:none}.visual-top{top:20px;align-items:start}.inspiration{white-space:normal;max-width:135px;text-align:right}#view-plan{background:#fff}#blueprint-image{width:100%;height:100%;object-fit:contain;display:block;padding:15px}
.viewer-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:7px 20px;padding:14px 18px;font-size:11px;line-height:1.6}.viewer-caption strong{font-size:12px;font-weight:550;flex-shrink:0}#visual-summary{color:var(--ink)}.viewer-caption span{color:var(--muted);max-width:470px}#view-three{background:radial-gradient(ellipse at 50% 40%,#62665c,#343a34)}
[data-plan-view],.room-3d,.room-3d-canvas{width:100%;height:100%;display:block}.room-3d{position:relative;overflow:hidden}.room-3d-canvas--free{cursor:grab;touch-action:none}.room-3d-canvas--free:active{cursor:grabbing}.room-3d-view-controls{position:absolute;top:12px;right:12px;display:flex;gap:5px;z-index:2}.room-3d-view-controls button{height:40px;min-width:40px;background:#fffE;border:1px solid #b6b9ae;border-radius:6px;font-size:11px}.room-3d-view-controls button.active{background:var(--ink);color:white}.room-3d-tags,.room-3d-obstacles,.room-3d-zones,.room-3d-module-layer,.room-3d-label,.visual-badges{display:none}.viewer-error{padding:40px;line-height:1.7}
.viewer-expanded{overflow:hidden}.viewer-shell.is-expanded{position:fixed;inset:12px;z-index:100;display:flex;flex-direction:column;box-shadow:0 0 0 30px #f5f3ee}.viewer-shell.is-expanded .viewer-stage{flex:1;min-height:0;height:auto}.viewer-shell.is-expanded .viewer-caption,.viewer-shell.is-expanded .viewer-toolbar{flex-shrink:0}
@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.viewer-stage{height:500px}.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-grid{gap:6px}.series-card strong{letter-spacing:.04em}.visual-top{left:14px;right:14px}}
@media(max-width:850px){.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:23px}.viewer-shell{grid-row:1;grid-column:1}.choices{grid-row:2;grid-column:1}.price-card{grid-row:3;grid-column:1}.viewer-stage{height:clamp(330px,65vw,530px)}.shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.series-card img{height:clamp(90px,22vw,155px)}.series-card strong{font-size:12px}.series-card small{font-size:11px}.viewer-caption strong{flex-shrink:1}.intro>p:last-child{max-width:550px}}
@media(max-width:480px){main{padding:25px 4% 35px}.viewer-toolbar{padding:8px;gap:4px}.viewer-toolbar button{padding:9px 10px;font-size:11px}#expand-view{padding:9px 8px;font-size:10px}.viewer-stage{height:350px}.viewer-caption{padding:12px;font-size:10px}.shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.shape-button{min-height:83px;padding:10px 2px;font-size:9px}.shape-button svg{width:42px}.series-card strong{font-size:10px}.series-card small{font-size:10px}.viewer-shell.is-expanded{inset:5px}.visual-top{font-size:10px}.room-3d-view-controls{top:8px;right:8px}.room-3d-view-controls button{min-width:38px;height:38px}.viewer-caption span{overflow-wrap:anywhere}}
@media(max-height:500px) and (orientation:landscape){.viewer-shell.is-expanded .viewer-caption{padding:6px 12px;font-size:9px}.viewer-shell.is-expanded .viewer-toolbar{padding:5px 10px}}

.view-badges{display:none}

.series-includes{margin-top:16px;padding:15px;border-radius:8px;background:#e7eadf}.series-includes>strong{font-size:12px;font-weight:600}.series-includes .series-description{margin:8px 0 0;min-height:0;font-size:12px;color:var(--ink);line-height:1.7}.series-scope{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}

.room-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:14px}.room-dimensions label{font-size:12px;color:var(--muted)}.room-dimensions input{margin-top:8px}.size-heading{gap:12px}.size-heading output{white-space:nowrap;font-size:18px}