.plan-editor[data-v-ae2ba82d]{background:#eef2ef;grid-template-rows:auto auto 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.plan-toolbar[data-v-ae2ba82d],.segment-tools[data-v-ae2ba82d]{z-index:2;background:#f8faf8f0;border-bottom:1px solid #d4dbd6;justify-content:space-between;align-items:center;padding:10px 13px;display:flex;position:relative}.plan-actions[data-v-ae2ba82d],.segment-tools>div[data-v-ae2ba82d]{align-items:center;gap:4px;display:flex}.editor-state[data-v-ae2ba82d]{color:#77827b;align-items:center;gap:7px;font-size:9px;font-weight:750;display:flex}.editor-state>span[data-v-ae2ba82d]{background:#aab3ad;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7e8b8314}.editor-state.active[data-v-ae2ba82d]{color:#344126}.editor-state.active>span[data-v-ae2ba82d]{background:#bddb22;box-shadow:0 0 0 4px #bddb2226}button[data-v-ae2ba82d]{color:#66716a;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:6px 9px;font-size:9px;font-weight:750;display:inline-flex}button[data-v-ae2ba82d]:hover:not(:disabled){color:#17201c;background:#edf1ee}button.active[data-v-ae2ba82d]{color:#f7faf8;background:#111714}button[data-v-ae2ba82d]:disabled{opacity:.35;cursor:default}.plan-actions button[data-v-ae2ba82d]{background:#fff;border-color:#d8ded9;width:31px;padding:0}.toolbar-divider[data-v-ae2ba82d]{background:#d5dcd7;width:1px;height:20px;margin:0 3px}.segment-tools[data-v-ae2ba82d]{background:#f3f6f3f5;padding-block:8px}.segment-tools>span[data-v-ae2ba82d]{color:#6f7a73;font-size:9px;font-weight:650}.segment-tools button[data-v-ae2ba82d]{background:#fff;border-color:#d9dfdb;min-height:26px;padding:4px 8px}.segment-tools button.active[data-v-ae2ba82d]{color:#141b17;background:#d6f03e;border-color:#111714}.plan-canvas[data-v-ae2ba82d]{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;min-height:0;display:block}.plan-canvas.pan-ready[data-v-ae2ba82d]{cursor:grab}.plan-canvas.panning[data-v-ae2ba82d]{cursor:grabbing}.axis[data-v-ae2ba82d]{stroke:#aab6ae;stroke-width:1.2px;stroke-dasharray:5 5}.segment-hit[data-v-ae2ba82d]{stroke:#0000;stroke-width:22px;cursor:pointer}.segment-line[data-v-ae2ba82d]{stroke:#27322c;stroke-width:5px;pointer-events:none;transition:stroke .12s,filter .12s}.segment-line.selected[data-v-ae2ba82d]{stroke-width:7px;filter:drop-shadow(0 0 3px #9ebb0073)}.segment-line.kind-gap[data-v-ae2ba82d]{stroke:#88938c;stroke-width:3px;stroke-dasharray:10 8}.segment-line.kind-gate[data-v-ae2ba82d]{stroke:#738d00;stroke-width:8px}.segment-line.kind-wicket[data-v-ae2ba82d]{stroke:#a6c400;stroke-width:8px}.plan-segment:hover .segment-line[data-v-ae2ba82d]{stroke:#91aa13;filter:drop-shadow(0 0 4px #91aa138c)}.preview-line[data-v-ae2ba82d]{stroke:#96ad17;stroke-width:3px;stroke-dasharray:8 7;pointer-events:none}.axis[data-v-ae2ba82d],.segment-hit[data-v-ae2ba82d],.segment-line[data-v-ae2ba82d],.preview-line[data-v-ae2ba82d]{vector-effect:non-scaling-stroke}.preview-length-label[data-v-ae2ba82d]{pointer-events:none;filter:drop-shadow(0 2px 5px #17201c24)}.preview-length-label rect[data-v-ae2ba82d]{fill:#d6f03e;stroke:#6d7b1a}.preview-length-label text[data-v-ae2ba82d]{fill:#182019;font-size:10px;font-weight:850}.segment-label[data-v-ae2ba82d]{pointer-events:none;transition:opacity .12s}.plan-segment:hover .segment-label[data-v-ae2ba82d]{opacity:0}.segment-label rect[data-v-ae2ba82d]{fill:#f8faf8f0;stroke:#ccd4cf}.segment-label text[data-v-ae2ba82d]{fill:#26312b;font-size:10px;font-weight:800}.segment-label .kind-label[data-v-ae2ba82d]{fill:#7d8881;letter-spacing:.08em;font-size:7px}.split-handle[data-v-ae2ba82d]{cursor:grab;filter:drop-shadow(0 2px 4px #121b1638)}.split-handle[data-v-ae2ba82d]:active{cursor:grabbing}.split-handle circle[data-v-ae2ba82d]{fill:#d6f03e;stroke:#111714;stroke-width:2px}.split-handle path[data-v-ae2ba82d]{fill:none;stroke:#111714;stroke-width:2px;stroke-linecap:round;pointer-events:none}.split-handle[data-v-ae2ba82d]:focus{outline:none}.split-handle:focus circle[data-v-ae2ba82d]{stroke-width:3px}.plan-point[data-v-ae2ba82d]{cursor:pointer;filter:drop-shadow(0 1px 2px #1117141f);transition:filter .12s}.plan-point[data-v-ae2ba82d]:active{cursor:grabbing}.plan-point circle[data-v-ae2ba82d]{fill:#111714;stroke:#d6f03e;stroke-width:3px;transform-box:fill-box;transform-origin:50%;transition:fill .12s,stroke .12s,transform .12s}.plan-point .point-halo[data-v-ae2ba82d]{fill:#d6f03e21;stroke:none}.plan-point[data-v-ae2ba82d]:hover{filter:drop-shadow(0 3px 7px #758b0059)}.plan-point:hover .point-halo[data-v-ae2ba82d]{fill:#d6f03e61;transform:scale(1.32)}.plan-point:hover circle[data-v-ae2ba82d]:not(.point-halo){fill:#d6f03e;stroke:#111714;transform:scale(1.18)}.plan-point.snap-target .point-halo[data-v-ae2ba82d]{fill:#d6f03e6b}.plan-point.snap-target circle[data-v-ae2ba82d]:not(.point-halo){fill:#d6f03e;stroke:#111714}.plan-point text[data-v-ae2ba82d]{fill:#48544d;pointer-events:none;font-size:9px;font-weight:800}.segment-context-menu[data-v-ae2ba82d]{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcfafa;border:1px solid #cbd2cd;border-radius:5px;gap:2px;width:178px;padding:7px;display:grid;position:absolute;box-shadow:0 16px 40px #17201c33}.segment-context-menu>span[data-v-ae2ba82d]{color:#818b85;letter-spacing:.1em;text-transform:uppercase;padding:5px 7px 4px;font-size:8px;font-weight:800}.segment-context-menu button[data-v-ae2ba82d]{color:#313c36;background:0 0;border:0;border-radius:3px;justify-content:flex-start;width:100%;min-height:30px;padding:6px 8px}.segment-context-menu button.active[data-v-ae2ba82d]{color:#17201c;background:#edf2d3}.segment-context-menu button[data-v-ae2ba82d]:hover{background:#edf1ee}.segment-context-menu .menu-placeholder[data-v-ae2ba82d]{width:12px}.segment-context-menu .context-divider[data-v-ae2ba82d]{background:#dfe4e1;height:1px;margin:4px 2px}.segment-context-menu .delete-action[data-v-ae2ba82d]{color:#a23b31}.segment-context-menu .delete-action[data-v-ae2ba82d]:hover{color:#7f271f;background:#f8e9e6}.empty-plan[data-v-ae2ba82d]{color:#7b867f;pointer-events:none;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:120px 0 32px}.empty-plan strong[data-v-ae2ba82d]{color:#28332d;font-size:13px}.empty-plan span[data-v-ae2ba82d]{font-size:9px}.plan-hint[data-v-ae2ba82d]{z-index:2;color:#6f7a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#f8faf8e0;border:1px solid #26312b1a;justify-content:space-between;padding:8px 10px;font-size:8px;display:flex;position:absolute;bottom:12px;left:13px;right:13px}.plan-hint strong[data-v-ae2ba82d]{color:#4f5a54}@media (width<=620px){.plan-toolbar[data-v-ae2ba82d],.segment-tools[data-v-ae2ba82d]{align-items:flex-start;gap:7px}.segment-tools[data-v-ae2ba82d]{flex-direction:column}.plan-actions button[data-v-ae2ba82d]:nth-child(2),.plan-actions button[data-v-ae2ba82d]:nth-child(3){display:none}.segment-tools>div[data-v-ae2ba82d]{width:100%}.segment-tools button[data-v-ae2ba82d]{flex:1}.plan-hint strong[data-v-ae2ba82d]{display:none}}:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17201c;--muted:#6d7771;--line:#d8ddd9;--surface:#f8faf8;--accent:#d6f03e;--dark:#111714;background:#edf0ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{color:inherit}.app-shell{background:#edf0ed;flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{color:#eef4ef;background:var(--dark);border-bottom:1px solid #2a332e;flex:0 0 68px;grid-template-columns:320px 1fr 390px;align-items:center;height:68px;padding:0 24px;display:grid}.brand{color:inherit;letter-spacing:.14em;align-items:center;gap:12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border:1px solid #65716a;align-items:end;gap:3px;width:28px;height:28px;padding:5px;display:flex}.brand-mark span{background:var(--accent);width:4px}.brand-mark span:first-child{height:12px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:9px}.topbar-center{justify-self:center;align-items:center;gap:10px;font-size:13px;display:flex}.project-kicker{color:#8f9a93;letter-spacing:.12em;font-size:10px}.status-pill{color:#b9c3bd;justify-self:end;align-items:center;gap:8px;font-size:12px;display:flex}.status-pill span,.live-dot{background:var(--accent);border-radius:99px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #d6f03e1a}.workspace{flex:auto;grid-template-columns:320px minmax(420px,1fr) 390px;min-height:0;display:grid;overflow:hidden}.control-panel,.materials-panel{background:var(--surface);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aab3ad transparent;height:100%;min-height:0;overflow:hidden auto}.control-panel::-webkit-scrollbar{width:8px}.materials-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-thumb{background:#aab3ad padding-box padding-box;border:2px solid #0000;border-radius:8px}.materials-panel::-webkit-scrollbar-thumb{background:#aab3ad padding-box padding-box;border:2px solid #0000;border-radius:8px}.control-panel{border-right:1px solid var(--line)}.panel-intro{border-bottom:1px solid var(--line);padding:30px 24px 25px}.eyebrow{color:#72805b;letter-spacing:.18em;margin:0 0 10px;font-size:9px;font-weight:800}.panel-intro h1{letter-spacing:-.045em;max-width:230px;margin:0 0 10px;font-size:27px;line-height:1.04}.panel-intro>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.plan-cta{border:1px solid var(--dark);color:#f7faf8;background:var(--dark);letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:10px 12px;font-size:9px;font-weight:800;display:flex}.plan-cta:hover{color:var(--dark);background:var(--accent)}.plan-cta.secondary{color:var(--dark);background:#fff;border-color:#cbd2cd}.control-section{border-bottom:1px solid var(--line);padding:21px 24px}.section-title-row{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.section-number{color:#667069;background:#e9edea;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.section-title-row h2{margin:0;font-size:13px;line-height:1.15}.section-title-row p{color:#89918c;margin:4px 0 0;font-size:10px}.length-summary{background:#f2f5f1}.compact-title{margin-bottom:11px}.length-input-wrap{align-items:baseline;gap:7px;display:flex}.length-input-wrap input{width:118px;color:var(--ink);letter-spacing:-.06em;background:0 0;border:0;border-bottom:1px solid #a8b0aa;outline:0;padding:2px 0;font-size:36px;font-weight:750;line-height:1}.length-input-wrap input:focus{border-color:var(--ink)}.length-input-wrap span{color:var(--muted);font-size:11px}.length-slider{appearance:none;width:100%;height:3px;accent-color:var(--dark);background:#cbd2cd;border-radius:0;margin:17px 0 7px}.length-slider::-webkit-slider-thumb{appearance:none;border:4px solid var(--accent);background:var(--dark);cursor:ew-resize;border-radius:50%;width:15px;height:15px}.length-value{align-items:baseline;gap:7px;display:flex}.length-value strong{letter-spacing:-.06em;font-size:37px;line-height:1}.length-value span{color:var(--muted);font-size:11px}.length-track{gap:3px;margin-top:14px;display:flex}.length-track span{background:#5e6b64;flex:1;height:4px}.length-track span:last-child{background:var(--accent)}.length-meta{color:#7c867f;justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.plan-length-value{align-items:baseline;gap:8px;display:flex}.plan-length-value strong{letter-spacing:-.055em;font-size:34px}.plan-length-value span{color:#727d76;font-size:9px}.cut-mode-options{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.cut-mode-options button{text-align:center;cursor:pointer;background:#fff;border:1px solid #d5dbd7;gap:3px;min-width:0;padding:9px 4px;display:grid}.cut-mode-options button strong{font-size:9px}.cut-mode-options button small{color:#8a938e;font-size:7px;line-height:1.2}.cut-mode-options button.selected{color:#f6faf7;border-color:var(--dark);background:var(--dark)}.cut-mode-options button.selected small{color:#b6c0ba}.range-label{color:#6e7872;justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.range-label strong{color:#26312b}.split-slider::-webkit-slider-thumb{background:#748400}.bay-preview{gap:2px;height:24px;margin-top:13px;display:flex}.bay-preview>span{background:#dde3df;border:1px solid #69756d;min-width:4px;position:relative}.bay-preview>span small{color:#28322d;place-items:center;font-size:6px;font-weight:800;display:grid;position:absolute;inset:0}.bay-preview>span:first-child,.bay-preview>span:last-child{background:#d6f03e;border-color:#8da000}.family-switch{border:1px solid #d9dedb;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:8px;display:grid}.family-switch button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dedb;border-top:0;border-left:0;gap:1px;min-width:0;padding:7px;display:grid}.family-switch button:nth-child(4n){border-right:0}.family-switch button:nth-last-child(-n+4){border-bottom:0}.family-switch button strong{font-size:10px}.family-switch button small{color:#818a84;font-size:8px}.family-switch button.selected{color:#f4f7f5;background:var(--dark)}.family-switch button.selected small{color:#bec7c1}.variant-options{gap:8px;display:grid}.variant-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dedb;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;width:100%;padding:11px;transition:all .18s;display:grid}.variant-card:hover{border-color:#9da79f;transform:translateY(-1px)}.variant-card.selected{box-shadow:inset 3px 0 0 var(--accent);border-color:#202a24}.variant-icon{background:#edf0ed;place-items:center;width:34px;height:34px;display:grid}.variant-copy{grid-template-columns:1fr auto;gap:2px 8px;display:grid}.variant-copy .variant-label{color:#7e8982;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.variant-copy strong{grid-row:2;font-size:12px}.variant-copy small{color:#737d77;grid-column:1/-1;font-size:9px}.variant-copy em{color:#3d4a41;grid-column:1/-1;font-size:9px;font-style:normal;font-weight:700}.variant-copy em.on-request,.material-item strong.on-request{color:#8a6d1f}.material-item strong.on-request{font-size:10px}.select-indicator{border:1px solid #c6ccc8;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.selected .select-indicator{color:#101610;background:var(--accent);border-color:var(--accent)}.selection-note{color:#7a847e;margin:10px 1px 0;font-size:9px;line-height:1.4}.height-options{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.height-options button{cursor:pointer;background:#fff;border:1px solid #d7dcd9;padding:10px 2px}.height-options button strong{font-size:11px}.height-options button span{color:#929994;margin-top:2px;font-size:8px;display:block}.height-options button.selected{color:#f4f7f5;background:var(--dark);border-color:var(--dark)}.height-options button.selected span{color:#bec7c1}.foundation-options{gap:6px;display:grid}.foundation-options button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dedb;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:8px;display:grid}.foundation-options button.selected{border-color:var(--dark);box-shadow:inset 3px 0 0 var(--accent)}.foundation-options button>span:nth-child(2){gap:2px;display:grid}.foundation-options strong{font-size:10px}.foundation-options small{color:#818a84;font-size:8px}.foundation-swatch{background:#edf0ed;border:1px solid #d2d6d2;height:26px}.foundation-cassette{background:repeating-linear-gradient(135deg,#afb1ab 0 4px,#a4a7a1 4px 8px)}.foundation-solid{background:#b9b8b0}.foundation-solid-graphite{background:#56585a;border-color:#45474a}.foundation-solid-light{background:#dedbd2}.color-section{padding-bottom:24px}.color-options{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid}.color-options button{cursor:pointer;background:0 0;border:1px solid #0000;justify-items:center;gap:7px;min-width:0;padding:7px 5px 8px;display:grid}.color-options button>span{border:1px solid #00000026;width:100%;height:19px}.color-options button small{color:#727c76;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.color-options button.selected{background:#fff;border-color:#8d9891}.viewer{background:#dce5df;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.surface-layer{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.plan-layer{z-index:5}.surface-switcher{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf8e6;border:1px solid #29342e29;padding:3px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.surface-switcher button{color:#66716a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 11px;font-size:9px;font-weight:750;display:flex}.surface-switcher button.active{color:#f6f9f7;background:var(--dark)}.scene-mount{position:absolute;inset:0}.scene-mount canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-toolbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:22px;right:22px}.viewer-toolbar>div:first-child{grid-template-columns:10px auto;align-items:center;gap:3px 7px;display:grid}.viewer-toolbar strong{font-size:12px}.viewer-toolbar small{color:#6c7670;grid-column:2;font-size:9px}.view-switcher{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#f8faf8cc;border:1px solid #29342e1f;padding:3px;display:flex}.toolbar-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.scale-pill{color:#59635d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf8cc;border:1px solid #29342e1f;padding:8px 10px;font-size:9px;font-weight:750}.view-switcher button{color:#68736c;cursor:pointer;background:0 0;border:0;padding:7px 11px;font-size:9px;font-weight:700}.view-switcher button.active{color:#f5f7f5;background:var(--dark)}.scene-specs{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faf8db;border:1px solid #25302a1f;display:flex;position:absolute;bottom:22px;left:22px}.scene-specs>div{border-right:1px solid #d9deda;grid-template-columns:18px 1fr;min-width:105px;padding:10px 12px;display:grid}.scene-specs>div:last-child{border-right:0}.scene-specs svg{color:#7b867f;grid-row:1/3;align-self:center}.scene-specs span{color:#808a84;font-size:8px}.scene-specs strong{margin-top:2px;font-size:10px}.dimension-line{z-index:2;color:#232e2899;pointer-events:none;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:91px;left:17%;right:17%}.dimension-line span{background:#232e284d;flex:1;height:1px}.dimension-line span:before{content:"";background:#232e2880;width:1px;height:8px;display:block;transform:translateY(-3px)}.dimension-line span:last-child:before{margin-left:auto}.materials-panel{border-left:1px solid var(--line);padding:27px 22px 20px}.materials-header{align-items:center;gap:12px;padding-bottom:21px;display:flex}.materials-icon{color:#202a24;background:var(--accent);place-items:center;width:42px;height:42px;display:grid}.materials-header .eyebrow{margin-bottom:4px}.materials-header h2{letter-spacing:-.03em;margin:0;font-size:18px}.configuration-summary{background:#f1f4f1;border:1px solid #dce1dd;padding:13px 14px}.configuration-summary>div{justify-content:space-between;padding:4px 0;font-size:9px;display:flex}.configuration-summary span{color:#7d8781}.configuration-summary strong{font-size:9px}.material-list{border-top:1px solid #d8ddd9;margin-top:17px}.price-head{color:#909993;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr 90px 84px;gap:8px;padding:17px 0 7px;font-size:7px;font-weight:800;display:grid}.price-head span:nth-child(2),.price-head span:nth-child(3){text-align:right}.material-list{margin-top:0}.material-item{border-bottom:1px solid #d8ddd9;grid-template-columns:20px minmax(100px,1fr) 90px 84px;align-items:center;gap:7px;padding:13px 0;display:grid}.material-index{color:#a0a8a3;font-size:8px;font-weight:800}.material-item h3{margin:0 0 3px;font-size:10px}.material-item p{color:#858e88;margin:0;font-size:8px}.price-equation{color:#69736d;text-align:right;white-space:nowrap;font-size:8px}.material-item>strong{letter-spacing:-.02em;text-align:right;white-space:nowrap;font-size:11px}.material-item>strong small{color:#778179;font-size:8px;font-weight:500}.materials-total{color:#eff5f1;background:var(--dark);margin-top:18px;padding:16px}.materials-total span{color:#9da8a1;font-size:9px;display:block}.materials-total strong{letter-spacing:-.04em;margin:4px 0 3px;font-size:25px;display:block}.materials-total small{color:#87928b;font-size:8px}.assumption-note{color:#737d77;grid-template-columns:18px 1fr;gap:8px;margin-top:15px;display:grid}.assumption-note>span{border:1px solid #aeb6b1;border-radius:50%;place-items:center;width:16px;height:16px;font-family:serif;font-size:10px;display:grid}.assumption-note p{margin:0;font-size:8px;line-height:1.55}.calculation-warning{color:#67571e;background:#f5eed7;border-left:3px solid #d0a628;margin-top:12px;padding:9px 10px;font-size:8px;line-height:1.45}@media (width<=1100px){.topbar{grid-template-columns:260px 1fr 300px}.workspace{grid-template-columns:260px minmax(340px,1fr) 300px}.control-section{padding-left:18px;padding-right:18px}.materials-panel{padding-left:16px;padding-right:16px}.material-item{grid-template-columns:18px minmax(82px,1fr) 72px 70px;gap:5px}.price-head{grid-template-columns:1fr 72px 70px;gap:5px}}@media (width<=900px){html,body,#app{height:auto;min-height:100%;overflow:hidden auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-basis:60px;grid-template-columns:1fr auto;height:60px;padding:0 15px}.topbar-center{display:none}.status-pill{font-size:0}.workspace{flex-direction:column;min-height:0;display:flex;overflow:visible}.control-panel{border-right:0;grid-template-columns:1fr 1fr;height:calc(100dvh - 60px);display:grid}.panel-intro{grid-column:1/-1}.control-section{padding:18px 16px}.viewer{flex:none;order:-1;width:100%;height:calc(100dvh - 60px);min-height:420px}.viewer-toolbar{top:14px;left:14px;right:14px}.surface-switcher{top:12px}.viewer-toolbar small,.scale-pill{display:none}.scene-specs{bottom:14px;left:14px;right:14px}.scene-specs>div{flex:1;min-width:0;padding:9px}.dimension-line{bottom:76px}.materials-panel{border-left:0;height:calc(100dvh - 60px);padding:24px 17px;display:block}.material-list{margin-top:16px}.price-head{display:grid}}@media (width<=500px){.control-panel{display:block}.viewer{min-height:380px}.scene-specs>div:nth-child(3){display:none}.viewer-toolbar strong{font-size:10px}.viewer-toolbar>div:first-child{display:none}.view-switcher button{padding:7px 8px}.price-head{grid-template-columns:1fr 72px}.price-head span:nth-child(2){display:none}.material-item{grid-template-columns:18px 1fr 78px}.price-equation{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.color-options span.finish-wood{background-image:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 4px)!important}.color-options span.finish-metallic{background-image:linear-gradient(135deg,#ffffff59,#0000 60%)!important}.color-options span.finish-structure{background-image:radial-gradient(#ffffff2e 1px,#0000 1px)!important;background-size:3px 3px!important}.color-options span.finish-stone{background-image:radial-gradient(circle at 30% 30%,#ffffff40 0 3px,#0000 4px),radial-gradient(circle at 70% 65%,#0003 0 4px,#0000 5px)!important}.photo-button{color:#111;background:var(--accent);cursor:pointer;border:0;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.photo-panel{z-index:5;color:#f4f7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111513e0;gap:9px;width:min(360px,100% - 32px);padding:13px 14px;display:grid;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.photo-copy{gap:2px;display:grid}.photo-copy strong{font-size:12px}.photo-copy small{color:#b7c0ba;font-size:10px}.photo-progress{background:#ffffff26;height:3px}.photo-progress span{background:var(--accent);height:100%;transition:width .2s linear;display:block}.photo-actions{gap:6px;display:flex}.photo-actions button{color:#111;background:var(--accent);cursor:pointer;border:0;flex:1;padding:8px;font-size:10px;font-weight:800}.photo-actions button.secondary{color:#f4f7f5;background:#ffffff1f}.photo-actions button:disabled{opacity:.45;cursor:default}.photo-error{color:#fff;background:#8a2d1f;margin:0;padding:8px 10px;font-size:11px;position:absolute;bottom:74px;left:16px}