:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14231e;background:#f3f5f2;font-synthesis:none;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;--ink: #10251f;--muted: #66736e;--green: #0f6b4f;--lime: #ccf47b;--paper: #fff;--line: #dfe5e1;--soft: #edf2ef;--shadow-border: 0 0 0 1px oklch(0 0 0 / .06), 0 1px 2px -1px oklch(0 0 0 / .06), 0 2px 4px oklch(0 0 0 / .04);--shadow-border-hover: 0 0 0 1px oklch(0 0 0 / .09), 0 1px 2px -1px oklch(0 0 0 / .08), 0 3px 8px oklch(0 0 0 / .06)}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select{cursor:pointer}button{scale:1;transition-property:scale;transition-duration:.15s;transition-timing-function:ease-out}:focus-visible{outline:3px solid #248c69;outline-offset:3px}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:10;transform:translateY(-150%);background:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.topbar{max-width:1280px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:var(--lime)}.brand-mark svg{width:25px;stroke-width:2.2}.brand strong,.brand small{display:block}.brand strong{font-size:19px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:12px;margin-block-start:1px}.secure-note{color:var(--muted);font-size:13px}.secure-note span{color:#2daa78;margin-inline-end:5px}main{max-width:1280px;margin:auto;padding:48px 32px 96px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:64px;align-items:end;margin-block-end:48px}.eyebrow{color:var(--green);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}h1{max-width:800px;margin:0;font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.lede{color:var(--muted);max-width:65ch;font-size:17px;line-height:1.6;text-wrap:pretty}.hero-stat{display:flex;gap:16px;padding:20px;background:var(--ink);color:#fff;border-radius:20px;box-shadow:0 0 0 1px #ffffff14,0 14px 40px #10251f24}.hero-stat>div{min-width:0}.hero-stat svg{flex:0 0 27px;color:var(--lime)}.hero-stat strong,.hero-stat span{display:block}.hero-stat span{color:#b7c5bf;font-size:13px;line-height:1.5;margin-block-start:5px}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);background:var(--paper);border-radius:28px;box-shadow:0 0 0 1px #0000000a,0 1px 2px #10251f0a,0 24px 80px #10251f1a;overflow:hidden}.workspace>*{min-width:0}.config-panel{padding:40px}.result-panel{background:var(--ink);color:#fff;padding:40px;min-height:690px}.section-heading{display:flex;gap:16px;align-items:start;margin-block-end:32px}.section-heading>span{color:var(--green);font-weight:800;font-variant-numeric:tabular-nums}h2,h3,p{margin-block-start:0}.section-heading h2,.result-head h2{margin:0;letter-spacing:-.03em}.section-heading p{color:var(--muted);margin:7px 0 0;font-size:14px}fieldset{border:0;padding:0;margin:0}legend,.field-group h3,.quote-form h3{font-weight:700;font-size:13px;margin-block-end:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented legend{grid-column:1/-1}.segmented label input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.segmented label>span{min-height:68px;display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border:1px solid transparent;border-radius:12px;box-shadow:var(--shadow-border);transition-property:background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.segmented label:hover>span{box-shadow:var(--shadow-border-hover)}.segmented input:checked+span{background:#eef9f4;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green),0 2px 6px #0f6b4f14}.segmented input:focus-visible+span{outline:3px solid #248c69;outline-offset:3px}.segmented small{color:var(--muted);margin-block-start:3px}.field-group{margin-block-start:28px}.dimension-grid,.two-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.two-col{grid-template-columns:1fr 1fr}label>span:first-child{display:block;font-size:13px;font-weight:650;margin-block-end:8px;text-transform:capitalize}input,select{min-height:48px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font-size:16px}.input-unit{display:flex;position:relative}.input-unit input{padding-inline-end:42px;font-variant-numeric:tabular-nums}.input-unit i{position:absolute;inset-inline-end:12px;top:15px;font-size:12px;color:var(--muted);font-style:normal}.options{display:grid;gap:8px}.options h3{margin:0}.check input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.check>span{display:flex!important;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:9px;font-size:14px!important;text-transform:none!important;margin:0!important}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:12px}.check svg{width:20px;height:20px;padding:3px;border:1px solid #b9c3be;border-radius:5px;color:transparent;stroke-width:2.5}.check input:checked+span{background:var(--soft)}.check input:checked+span svg{color:#fff;background:var(--green);border-color:var(--green)}.check input:focus-visible+span{outline:3px solid #248c69}.primary,.secondary{min-height:52px;width:100%;border:0;border-radius:12px;padding-inline-start:16px;padding-inline-end:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;transition-property:scale,background-color,opacity,box-shadow;transition-duration:.14s;transition-timing-function:ease-out}.primary{margin-block-start:28px;background:var(--ink);color:#fff;box-shadow:0 0 0 1px #0000001f,0 5px 14px #10251f29}.primary:hover{background:#18382f;box-shadow:0 0 0 1px #00000024,0 7px 18px #10251f33}.primary svg,.secondary svg{width:18px;stroke-width:2.2}.button-icon-swap{width:18px;height:18px;position:relative;display:grid;place-items:center}.button-icon-swap>span{position:absolute;inset:0;display:grid;place-items:center;transition-property:scale,opacity,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1)}.icon-ready{scale:1;opacity:1;filter:blur(0)}.icon-busy,.button-icon-swap[data-busy=true] .icon-ready{scale:.25;opacity:0;filter:blur(4px)}.button-icon-swap[data-busy=true] .icon-busy{scale:1;opacity:1;filter:blur(0);animation:spin .8s linear infinite}button:disabled{cursor:wait;opacity:.65}.error{background:#fff0ed;color:#8b2c20;padding:12px;border-radius:10px;margin-block-start:20px;line-height:1.5}.empty{min-height:600px;display:grid;place-content:center;text-align:center;max-width:380px;margin:auto}.empty>span{margin:0 auto 24px;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#173c31;color:var(--lime)}.empty svg{width:34px}.empty p{color:#aebdb7;line-height:1.6}.result-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.result-head .eyebrow{color:var(--lime)}.status{display:flex;align-items:center;gap:6px;color:var(--lime);font-size:12px;white-space:nowrap}.status svg{width:15px}.summary{margin:28px 0;padding:22px;background:#17342b;border-radius:18px;box-shadow:0 0 0 1px #ffffff14}.summary div{display:flex;justify-content:space-between;color:#bdc9c5;padding-block:6px}.summary dd{margin:0;font-variant-numeric:tabular-nums}.summary .total{color:#fff;border-block-start:1px solid #345048;margin-block-start:12px;padding-block-start:18px;font-size:20px;font-weight:750}.summary .price-pending{color:#f4d7a5;font-size:12px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-12px 0 24px}.export-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #3c5a50;border-radius:11px;background:#17342b;color:#fff;font-size:12px;font-weight:700}.export-actions button:hover:not(:disabled){background:#1b4437;border-color:#54756a}.export-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:5px;background:#217346;color:#fff;font-size:10px;font-weight:850}.export-icon.pdf{width:30px;background:#b63a32;font-size:8px;letter-spacing:.02em}.roof-plan{margin-block-end:24px;padding:16px;border-radius:14px;background:#173c31;box-shadow:0 0 0 1px #ffffff14}.roof-plan-review{background:#45391c}.roof-plan>div{display:flex;justify-content:space-between;gap:16px}.roof-plan span,.roof-plan small{color:#aebdb7;font-size:11px}.roof-plan strong{text-align:end;font-size:13px}.roof-plan small{display:block;margin-block-start:7px;line-height:1.45}.roof-plan label{display:block;margin-block-start:12px}.roof-plan label>span{color:#c9d4d0}.roof-plan select{min-height:40px;background:#1a4437;border-color:#416158;color:#fff;font-size:12px}.calculation-warnings{margin-block:-10px 22px;padding:12px 14px;border-radius:12px;background:#4b351d;color:#f4d7a5;font-size:11px;line-height:1.45}.calculation-warnings p{margin:0}.calculation-warnings p+p{margin-block-start:6px}.bom h3{display:flex;justify-content:space-between}.bom h3 span{color:#92a49d;font-weight:400}.bom{max-height:420px;overflow:auto;padding-inline-end:6px}.bom-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;padding-block:13px;border-block-end:1px solid #29443b}.bom-description{min-width:0;flex:1 1 230px}.bom-price{flex:0 0 auto;text-align:end;white-space:nowrap}.bom-row strong,.bom-row small{display:block}.bom-row strong{font-size:13px}.bom-row small{color:#91a49d;font-size:11px;margin-block-start:4px}.surface-badge{display:inline-block;margin-block-end:5px;padding:3px 6px;border-radius:5px;background:#1b4a3b;color:var(--lime);font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.panel-picker{flex:1 0 100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-block-start:3px;padding:8px;border-radius:12px;background:#14362c;box-shadow:0 0 0 1px #ffffff12}.panel-picker>span:first-child{margin:0;color:#a9bbb5;font-size:10px;white-space:nowrap}.panel-picker select{min-height:38px;padding:6px 28px 6px 9px;border-color:#416158;border-radius:8px;background:#1a4437;color:#fff;font-size:12px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:28px}.quote-form h3,.quote-form .secondary{grid-column:1/-1}.quote-form label:nth-of-type(3){grid-column:1/-1}.quote-form input{background:#17342b;border-color:#355047;color:#fff}.secondary{background:var(--lime);color:var(--ink);margin-block-start:4px;box-shadow:0 0 0 1px #ffffff14,0 5px 14px #0000002e}.secondary:hover{background:#d8fa91;box-shadow:0 0 0 1px #ffffff1f,0 7px 18px #00000038}.disclaimer{color:#82968f;font-size:11px;line-height:1.5;margin-block:20px 0}.success{display:flex;gap:12px;background:#173f31;color:#fff;border-radius:14px;padding:16px;margin-block-start:24px}.success svg{flex:0 0 24px;color:var(--lime)}.success strong,.success span{display:block}.success span{color:#afc2bb;font-size:12px;line-height:1.5;margin-block-start:4px}footer{max-width:1280px;margin:auto;padding:28px 32px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.environment-notice{position:sticky;top:0;z-index:50;padding:10px 32px;background:#b45309;color:#fff7ed;font-size:12px;line-height:1.45;text-align:center;box-shadow:0 1px #ffffff1f}.environment-notice strong{font-weight:750}@media(max-width:580px){.environment-notice{padding-inline:16px;text-align:start}}@keyframes spin{to{rotate:360deg}}@keyframes reveal{0%{opacity:0;translate:0 12px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}.result-reveal{animation:reveal .32s ease-out both}.result-reveal-2{animation-delay:80ms}.result-reveal-3{animation-delay:.16s}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px}.workspace{grid-template-columns:minmax(0,1fr)}.result-panel{min-height:520px}}@media(max-width:580px){.topbar,main,footer{padding-inline:16px}.secure-note{display:none}main{padding-block-start:24px}.hero{margin-block-end:28px}h1{font-size:40px;overflow-wrap:break-word}.hero-stat{padding:18px}.hero-stat span{overflow-wrap:break-word}.config-panel,.result-panel{padding:24px 20px}.workspace{border-radius:20px}.segmented,.dimension-grid,.two-col,.door-grid,.quote-form,.export-actions{grid-template-columns:minmax(0,1fr)}.bom{max-height:none;overflow:visible;padding-inline-end:0}.quote-form label:nth-of-type(3),.quote-form h3,.quote-form .secondary{grid-column:auto}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){button:active{scale:1}.result-reveal,.button-icon-swap[data-busy=true] .icon-busy{animation:none}}:root{--color-black: #050505;--color-white: #fff;--color-app-background: #f7f7f7;--color-canvas: #e1e3e5;--color-surface-primary: #fff;--color-surface-secondary: #f4f4f5;--color-surface-tertiary: #ecedef;--color-surface-dark: #050505;--color-text-primary: #080808;--color-text-secondary: #77797d;--color-text-tertiary: #a5a7aa;--color-text-disabled: #c5c7ca;--color-text-inverse: #fff;--color-border-subtle: #ececee;--color-border-default: #dddee1;--color-control-track: #f1f1f3;--color-control-active: #fff;--color-control-dark: #050505;--color-focus-ring: rgb(0 0 0 / .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 32px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(0 0 0 / .05);--shadow-sm: 0 4px 12px rgb(0 0 0 / .08);--shadow-md: 0 10px 30px rgb(0 0 0 / .11);--shadow-lg: 0 20px 55px rgb(0 0 0 / .16);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .34s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ink: var(--color-text-primary);--muted: var(--color-text-secondary);--green: var(--color-black);--lime: var(--color-white);--paper: var(--color-white);--line: var(--color-border-default);--soft: var(--color-surface-secondary);font-family:SF Pro Display,SF Pro Text,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);background:var(--color-app-background)}body{background:var(--color-app-background)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.topbar{max-width:1180px;padding:var(--space-6) var(--space-6)}.brand{gap:var(--space-3)}.brand-mark{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-black);color:#fff}.brand strong{color:var(--color-text-primary);font-size:18px}.brand small,.secure-note{color:var(--color-text-secondary)}.secure-note{min-height:34px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.secure-note span{color:var(--color-black)}main{max-width:1180px;padding:var(--space-12) var(--space-6) 100px}main:has(.plan-editor){max-width:1500px;padding-block-start:var(--space-6)}main:has(.plan-editor) .hero{display:none}.hero.hero-image{grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:var(--space-12);min-height:430px;margin-block-end:var(--space-12);padding:var(--space-12);border-radius:var(--radius-2xl);overflow:hidden;background-image:linear-gradient(90deg,#050505d1,#0505059e 47%,#05050524 78%,#0505050f),url(/images/cold-room-background-v1.png);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f}.eyebrow{margin-block-end:var(--space-3);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.08em}.hero .eyebrow{color:#ffffffb8}h1{max-width:760px;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.04em}.hero h1{color:var(--color-text-inverse);text-shadow:0 1px 14px rgb(0 0 0 / .12)}.lede{margin-block-end:0;color:var(--color-text-secondary);font-size:16px;line-height:24px}.hero .lede{max-width:59ch;color:#ffffffc7}.hero-stat{padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffffe6;color:var(--color-text-primary);border:1px solid rgb(255 255 255 / .48);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat svg{color:var(--color-text-primary);stroke-width:1.5}.hero-stat span{color:var(--color-text-secondary)}.workspace{grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:var(--space-3);padding:var(--space-3);border-radius:34px;background:var(--color-canvas);box-shadow:var(--shadow-md);overflow:visible}.config-panel,.result-panel{border-radius:var(--radius-xl);background:var(--color-surface-primary);color:var(--color-text-primary)}.config-panel{padding:var(--space-10)}.result-panel{padding:var(--space-10);min-height:690px;box-shadow:var(--shadow-sm)}.section-heading{margin-block-end:var(--space-8)}.section-heading>span{color:var(--color-text-tertiary)}.section-heading p{color:var(--color-text-secondary)}.section-heading h2,.result-head h2{font-size:26px;line-height:31px;letter-spacing:-.025em}.input-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-block-end:var(--space-7);padding:3px;border-radius:var(--radius-full);background:var(--color-control-track)}.input-mode button{min-height:52px;padding:7px 14px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary)}.input-mode button[aria-pressed=true]{background:#fff;color:var(--color-text-primary);box-shadow:0 2px 9px #00000021}.input-mode strong,.input-mode small{display:block}.input-mode strong{font-size:13px}.input-mode small{margin-block-start:2px;font-size:10px}.workspace:has(.plan-editor){grid-template-columns:minmax(0,1fr)}.workspace:has(.plan-editor) .result-panel{display:none}.plan-editor{margin-block:var(--space-7);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-secondary)}.plan-editor-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-4)}.plan-editor-head .eyebrow{margin-block-end:var(--space-1);color:var(--color-text-secondary)}.plan-editor-head h3{margin:0;font-size:18px;line-height:23px}.plan-editor-head p:last-child{max-width:55ch;margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:12px;line-height:18px}.plan-tools{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.plan-head-actions{display:grid;justify-items:end;gap:var(--space-3)}.view-switch{display:grid;grid-template-columns:1fr 1fr;min-width:220px;padding:3px;border-radius:var(--radius-full);background:#dedfe1}.view-switch button{min-height:40px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:11px;font-weight:650}.view-switch button[aria-pressed=true]{background:#fff;color:var(--color-text-primary);box-shadow:0 2px 9px #00000021}.view-switch button:disabled{cursor:not-allowed;opacity:.42}.plan-tools button,.plan-cancel{min-height:40px;width:auto;padding-inline:13px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:#fff;color:var(--color-text-primary);font-size:11px;font-weight:600;white-space:nowrap}.plan-tools button:hover:not(:disabled),.plan-cancel:hover{background:#fafafa;border-color:#bfc1c4}.plan-tools button:disabled{cursor:not-allowed}.plan-stage{display:block}.plan-canvas-wrap{position:relative;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xs)}.plan-canvas{display:block;width:100%;height:min(72vh,760px);min-height:620px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:#fafafa;cursor:crosshair;touch-action:manipulation}.plan-canvas text{fill:#55575b;font:600 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none}.plan-canvas .plan-wall-edge{fill:none;stroke:#050505}.plan-canvas .plan-wall{stroke:#b9bbc0;vector-effect:none}.plan-canvas .plan-wall-band{fill:#b9bbc0}.plan-canvas .plan-wall-outline{fill:none;stroke:#050505;stroke-width:2px}.plan-canvas .plan-wall-inner-outline{fill:none;stroke:#4f5155;stroke-width:1.25px}.dimension-switch{display:flex;align-self:flex-end;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:#fff}.dimension-switch button{min-height:32px;padding-inline:12px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:10px;font-weight:650}.dimension-switch button[aria-pressed=true]{background:#050505;color:#fff}.dimension-switch button:disabled{opacity:.38;cursor:not-allowed}.plan-canvas .dimension-line,.plan-canvas .dimension-extension{stroke:#717378;stroke-width:1.25px;vector-effect:non-scaling-stroke}.plan-canvas .dimension-extension{stroke:#9a9ca0;stroke-width:1px}.plan-canvas .dimension-tick{stroke:#4f5155;stroke-width:1.5px;vector-effect:non-scaling-stroke}.plan-canvas .segment-label{paint-order:stroke;stroke:#fafafa;stroke-width:7px;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central}.plan-canvas .plan-node{fill:#fff;stroke:#050505;stroke-width:4px}.plan-canvas .plan-node-number{fill:#050505;stroke:none;font-size:10px;text-anchor:middle;dominant-baseline:central}.plan-statusbar{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-2);margin-block-start:var(--space-2)}.plan-status{flex:1;min-height:38px;margin:0;padding:10px 12px;border-radius:var(--radius-xs);background:#f5f5f6;color:var(--color-text-secondary);font:500 11px/16px ui-monospace,SFMono-Regular,Consolas,monospace}.plan-statusbar dl{display:flex;gap:3px;margin:0}.plan-statusbar dl div{min-width:92px;padding:6px 10px;border-radius:var(--radius-xs);background:#f1f1f3}.plan-statusbar dt{color:var(--color-text-secondary);font-size:8px;text-transform:uppercase}.plan-statusbar dd{margin:2px 0 0;font:650 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.segment-entry{position:absolute;z-index:5;display:grid;grid-template-columns:minmax(110px,.72fr) minmax(170px,1fr);gap:var(--space-2);align-items:end;width:min(430px,calc(100% - 24px));padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#fffffff5;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);translate:-50% -50%}.segment-entry-drag{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0;border:0;border-radius:calc(var(--radius-md) - 4px) calc(var(--radius-md) - 4px) 7px 7px;background:transparent;color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;cursor:grab;touch-action:none}.segment-entry-drag:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.segment-entry-drag:active{cursor:grabbing}.segment-entry-drag span{font-size:17px;line-height:1}.plan-node-hit{fill:transparent;stroke:none}.plan-node-dismiss{cursor:pointer}.plan-node-dismiss:hover .plan-node,.plan-node-dismiss:focus .plan-node{fill:var(--color-surface-subtle);stroke-width:5px}.plan-node-dismiss:focus{outline:none}.close-plan-ready{padding-inline:var(--space-4);background:var(--color-text-primary);color:var(--color-surface-primary)}.segment-entry label>span:first-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.03em;text-transform:uppercase}.segment-entry input,.segment-entry select{min-height:44px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.plan-confirm,.close-plan{min-height:44px;width:auto;padding-inline:16px;border:0;border-radius:var(--radius-full);background:var(--color-black);color:#fff;font-size:12px;font-weight:650}.segment-entry .plan-confirm,.segment-entry .plan-cancel{width:100%}.close-plan{width:100%;margin-block-start:var(--space-3)}.model-viewer{position:relative;min-height:620px;height:min(72vh,760px);overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 42%,#fff 0,#f4f4f5 62%,#e8e9eb)}.plan-3d{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.plan-3d:active{cursor:grabbing}.model-hint{position:absolute;inset:16px 16px auto;display:flex;justify-content:space-between;color:var(--color-text-secondary);font:600 10px/16px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;pointer-events:none}.model-controls{position:absolute;inset:auto 50% 18px auto;display:flex;gap:3px;padding:4px;border-radius:var(--radius-full);background:#050505e6;translate:50% 0;box-shadow:var(--shadow-md)}.model-controls button{min-width:44px;min-height:44px;border:0;border-radius:var(--radius-full);background:transparent;color:#fff;font-size:15px}.model-controls button:hover{background:#ffffff24}.model-controls button:nth-child(3){padding-inline:14px;font-size:10px}.geometry-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.geometry-summary div{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-secondary)}.geometry-summary span,.geometry-summary strong{display:block}.geometry-summary span{color:var(--color-text-secondary);font-size:10px;text-transform:uppercase}.geometry-summary strong{margin-block-start:4px;font-size:12px}.segmented{position:relative;gap:0;row-gap:var(--space-3);padding:0;background:transparent}.segmented:before{content:"";z-index:0;grid-column:1 / -1;grid-row:2;border-radius:var(--radius-full);background:var(--color-control-track)}.segmented legend{grid-row:1;margin:0}.segmented label{z-index:1;grid-row:2;min-width:0;padding:3px}.segmented label:nth-of-type(1){grid-column:1}.segmented label:nth-of-type(2){grid-column:2}.segmented label>span{min-height:48px;padding:7px 16px;border:0;border-radius:var(--radius-full);box-shadow:none;text-align:center}.segmented label:hover>span{box-shadow:none}.segmented input:checked+span{border:0;background:var(--color-control-active);box-shadow:0 2px 9px #00000021}.segmented input:focus-visible+span{outline:3px solid var(--color-focus-ring);outline-offset:2px}.segmented small{font-size:11px}.field-group{margin-block-start:var(--space-7)}legend,.field-group h3,.quote-form h3,label>span:first-child{color:var(--color-text-primary);font-size:13px}input,select{min-height:48px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-primary);color:var(--color-text-primary);transition-property:border-color,box-shadow,background-color;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-standard)}input:hover,select:hover{border-color:#c4c5c8}input:focus,select:focus{border-color:#9b9da1;box-shadow:0 0 0 3px #00000012;outline:0}.check>span{min-height:48px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition-property:color,background-color;transition-duration:var(--motion-fast)}.check input:checked+span{background:var(--color-surface-secondary);color:var(--color-text-primary)}.check svg{border-radius:var(--radius-xs)}.check input:checked+span svg{background:var(--color-black);border-color:var(--color-black)}.primary,.secondary{min-height:50px;border-radius:var(--radius-full);box-shadow:none}.primary{background:var(--color-black);color:var(--color-white)}.primary:hover{background:#191919;box-shadow:none}.secondary{background:var(--color-black);color:var(--color-white)}.secondary:hover{background:#191919;box-shadow:none}button:active:not(:disabled){scale:.96}.empty{min-height:600px}.empty>span{border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-text-primary)}.empty p,.result-head .eyebrow{color:var(--color-text-secondary)}.status{min-height:32px;padding:0 12px;border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-text-primary)}.summary{margin:var(--space-7) 0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface-dark);color:var(--color-text-inverse);box-shadow:none}.summary div{color:#b6b7ba}.summary .total{border-color:#343434;color:#fff}.summary .price-pending{color:#dedfe1}.export-actions{margin-block-start:-16px}.export-actions button{min-height:46px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-primary)}.export-actions button:hover:not(:disabled){border-color:#c4c5c8;background:var(--color-surface-secondary)}.export-icon,.export-icon.pdf{background:var(--color-black);color:#fff}.roof-plan,.roof-plan-review{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-secondary);color:var(--color-text-primary);box-shadow:none}.roof-plan span,.roof-plan small,.roof-plan label>span{color:var(--color-text-secondary)}.roof-plan select{background:var(--color-surface-primary);border-color:var(--color-border-default);color:var(--color-text-primary)}.calculation-warnings{background:#f3f0eb;color:#614d31}.bom{scrollbar-color:#c5c7ca transparent}.bom h3 span,.bom-row small{color:var(--color-text-secondary)}.bom-row{border-color:var(--color-border-subtle)}.surface-badge{padding:4px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-text-primary)}.panel-picker{border:0;border-radius:var(--radius-md);background:var(--color-surface-secondary);box-shadow:none}.panel-picker>span:first-child{color:var(--color-text-secondary)}.panel-picker select{background:#fff;border-color:var(--color-border-default);color:var(--color-text-primary)}.quote-form{padding-block-start:var(--space-7);border-block-start:1px solid var(--color-border-subtle)}.quote-form input{background:var(--color-surface-primary);border-color:var(--color-border-default);color:var(--color-text-primary)}.disclaimer{color:var(--color-text-secondary)}.success{border-radius:var(--radius-lg);background:var(--color-surface-secondary);color:var(--color-text-primary)}.success svg{color:var(--color-text-primary)}.success span{color:var(--color-text-secondary)}.error{border-radius:var(--radius-md);background:#f8eded;color:#702f2b}footer{max-width:1180px;color:var(--color-text-secondary)}@media(max-width:900px){.topbar,main,footer{max-width:620px}.hero.hero-image{grid-template-columns:1fr;gap:var(--space-6);min-height:390px;background-position:62% center}.hero-stat{display:none}.workspace{grid-template-columns:minmax(0,1fr);padding:var(--space-2);border-radius:var(--radius-2xl)}.workspace:has(.plan-editor){grid-template-columns:minmax(0,1fr)}.config-panel,.result-panel{border-radius:24px}}@media(max-width:580px){.topbar,main,footer{width:min(100%,430px);padding-inline:var(--space-5)}.topbar{padding-block:var(--space-5)}.secure-note{display:none}main{padding-block-start:var(--space-6);padding-block-end:80px}h1{max-width:100%;font-size:clamp(34px,10.5vw,42px);line-height:1.05;overflow-wrap:anywhere}.lede{overflow-wrap:anywhere}.hero{margin-block-end:var(--space-8)}.hero.hero-image{min-height:430px;padding:var(--space-8) var(--space-5);background-image:linear-gradient(90deg,#050505cc,#0505057a),url(/images/cold-room-background-v1.png);background-position:58% center}.workspace{margin-inline:-8px}.config-panel,.result-panel{padding:var(--space-6) var(--space-5)}.plan-editor{margin-inline:calc(var(--space-2) * -1);padding:var(--space-3)}.plan-editor-head{display:block}.plan-head-actions{justify-items:stretch;margin-block-start:var(--space-3)}.plan-tools{justify-content:start}.plan-canvas,.model-viewer{height:58vh;min-height:420px}.segment-entry{grid-template-columns:1fr 1fr}.plan-statusbar{display:block}.plan-statusbar dl{margin-block-start:var(--space-2)}.plan-statusbar dl div{flex:1;min-width:0}.geometry-summary{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented label>span{padding-inline:var(--space-2)}.result-panel{min-height:520px}.summary{padding:var(--space-5)}footer{padding-block-end:max(var(--space-8),env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}