@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";.masked-secret-input{-webkit-text-security:disc}:root{--header-height:56px;--bg:#f4f5f6;--surface:#fff;--panel:#fff;--surface-elevated:#fff;--surface-elevated-2:#f7f8f9;--surface-muted:#f0f2f4;--surface-input:#f7f8fa;--text:#111418;--muted:#5e6670;--heading:#1f252c;--faint:#adb6bf;--line:#dde2e8;--line-strong:#cfd6dd;--line-soft:#424a5438;--accent:#161a20;--accent-strong:#0d1014;--accent-soft:#edf1f5;--on-accent:#fff;--tooltip-bg:#233a4df0;--success-bg:#e7f5ec;--success-fg:#1f5a36;--danger-bg:#fbe9ec;--ok:#2f8a52;--ok-soft:#2f8a52;--warn:#a07014;--warn-soft:#8a6010;--danger:#ba4a66;--danger-soft:#a73f58;--radius-sm:8px;--radius-md:12px;--shadow-soft:0 8px 20px #1114180d;--shadow-elevated:0 18px 40px #11141824;--display:"Fraunces", serif;--mono:"Space Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 55%, var(--line-strong)) 100%);border:0;border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:var(--accent-soft);border:0;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}body{height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;font-family:Manrope,sans-serif;font-size:13px;overflow:hidden}#app{touch-action:manipulation;flex-direction:column;height:100vh;display:flex;overflow:hidden}.site-header{z-index:20;flex:0 0 var(--header-height);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;min-width:0;padding:0 20px;display:flex;position:relative}.site-brand{min-width:0;color:var(--heading);letter-spacing:.035em;white-space:nowrap;align-items:center;gap:10px;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.site-brand-name-suffix{color:var(--muted);font-weight:400}.site-brand-mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);font-family:var(--mono);border-radius:4px;flex:0 0 30px;place-items:center;font-size:10px;font-weight:700;display:grid}.site-nav{align-self:stretch;align-items:stretch;gap:24px;display:flex}.site-nav-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.site-nav-link:hover,.site-nav-link.is-active{color:var(--text)}.site-nav-link.is-active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}@media (width<=640px){:root{--header-height:48px}.site-header{padding:0 10px}.site-brand{gap:6px;font-size:12px}.site-brand-mark{flex-basis:26px;width:26px;height:26px;font-size:9px}.site-brand-name-suffix{display:none}.site-nav{gap:12px}.site-nav-link{font-size:10px}}.hero-head,.eyebrow,.subtitle{display:none}.layout{height:calc(100vh - var(--header-height));grid-template-columns:1fr 475px;min-height:0;display:grid;overflow:hidden}.tabs-sidebar{display:none}.controls-shell{height:calc(100vh - var(--header-height));background:var(--surface-elevated);border-left:1px solid var(--line);min-height:0;box-shadow:none;flex-direction:column;order:2;display:flex;overflow:hidden}.right-panel-head{flex-direction:column;flex-shrink:0;gap:6px;padding:10px 10px 6px;display:flex}.right-panel-price{border:1px solid var(--line-strong);background:var(--surface-elevated);box-shadow:var(--shadow-soft);border-radius:12px;flex-direction:column;gap:7px;padding:8px 9px;display:flex}.right-panel-price .price-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.right-panel-price .price-panel-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.right-panel-price .price-panel-label{letter-spacing:.01em;color:var(--muted);text-transform:none;font-size:11px;font-weight:600}.right-panel-price .price-panel-value{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.1}.right-panel-price .price-panel-value--primary{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:1.28rem;font-weight:700;line-height:1.1}.right-panel-price .price-panel-row--secondary{border-top:1px solid var(--line);padding-top:6px}.right-panel-price .price-panel-row--secondary .price-panel-label{color:var(--muted);font-size:10px;font-weight:600}.right-panel-price .price-panel-row--secondary .price-panel-value{color:color-mix(in srgb, var(--text) 72%, var(--muted));font-size:.88rem;font-weight:600}.mobile-price-panel{border:1px solid var(--line-strong);background:var(--surface-elevated);box-shadow:none;border-radius:8px;margin:0 0 8px;padding:10px 11px;display:none}.mobile-price-panel .price-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.mobile-price-panel .price-panel-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mobile-price-panel .price-panel-label{color:var(--muted);letter-spacing:.01em;text-transform:none;font-size:11px;font-weight:600}.mobile-price-panel .price-panel-value{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:.96rem;font-weight:700;line-height:1.1}.mobile-price-panel .price-panel-value--primary{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:1.08rem;font-weight:700;line-height:1.1}.mobile-price-panel .price-panel-row--secondary{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.mobile-price-panel .price-panel-row--secondary .price-panel-label{color:var(--muted);font-size:10px;font-weight:600}.mobile-price-panel .price-panel-row--secondary .price-panel-value{color:color-mix(in srgb, var(--text) 72%, var(--muted));font-size:.82rem;font-weight:600}.right-panel-price-sub{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:600}.settings-layout{flex:1;min-height:0;display:flex;overflow:hidden}.settings-tabs{display:none}.settings-tab{border:1px solid color-mix(in srgb, var(--line-strong) 65%, transparent);background:color-mix(in srgb, var(--surface-muted) 84%, transparent);color:var(--muted);font:inherit;letter-spacing:.02em;text-align:left;cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 9px;font-size:11px;font-weight:700;transition:color .14s,border-color .14s,background .14s}.settings-tab:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 65%, var(--line));background:color-mix(in srgb, var(--surface-muted) 75%, var(--bg))}.settings-tab.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);box-shadow:none;transform:none}.settings-tab-finish{border-color:color-mix(in srgb, var(--warn) 40%, var(--line));background:color-mix(in srgb, var(--warn-soft) 18%, var(--surface-muted));color:color-mix(in srgb, var(--warn-soft) 85%, var(--text))}.settings-tab-finish:hover{border-color:color-mix(in srgb, var(--warn) 65%, var(--line));background:color-mix(in srgb, var(--warn-soft) 24%, var(--surface-muted));color:var(--text)}.settings-tab-finish.is-active{border-color:color-mix(in srgb, var(--warn) 75%, var(--line));background:color-mix(in srgb, var(--warn-soft) 22%, var(--accent-soft));color:var(--warn-soft)}.controls{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 9px 10px;display:flex;overflow:hidden}.controls-content{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--faint) transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;display:block;position:relative;overflow-y:auto}.stage-flow{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line-strong));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 48%, var(--surface)) 0%, var(--surface) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:6px;gap:4px;margin:0;padding:6px;display:grid}.stage-flow-title{display:none}.stage-flow-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stage-flow-btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface-input);color:var(--text);font:inherit;letter-spacing:.01em;cursor:pointer;border-radius:5px;width:100%;padding:7px 8px;font-size:10px;font-weight:700}.stage-flow-btn:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.stage-flow-btn-primary{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}#stage-prev-btn{grid-column:1}#stage-next-btn{grid-column:2}.preview-card-list{gap:8px;display:grid}.preview-card-btn.flat-toggle-btn{border:1px solid var(--line-strong);text-align:left;width:100%;box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#f8fafb 100%);border-radius:12px;grid-template-columns:120px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.preview-card-btn.flat-toggle-btn:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:linear-gradient(#fff 0%,#f3f6f8 100%)}#geometry-door-type-row .preview-card-btn,#geometry-door-type-row .preview-card-btn .preview-card-media{border-radius:0}.settings-panel[data-settings-panel=geometry]>.card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 0}.settings-panel[data-settings-panel=geometry]>.card+.card{border-top:1px solid var(--line)}.geometry-step-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.geometry-step-heading--compact{margin-top:20px}.geometry-step-heading>span{color:#fff;width:27px;height:27px;font-family:var(--mono);background:#101923;border-radius:50%;flex:0 0 27px;place-items:center;font-size:11px;font-weight:700;display:grid}.geometry-step-heading h2{color:var(--text);letter-spacing:0;margin:0;font-size:15px;font-weight:650}#geometry-door-type-row .preview-card-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#geometry-door-type-row .preview-card-btn.flat-toggle-btn{border:1px solid var(--line-strong);text-align:center;min-height:156px;box-shadow:none;background:#fff;border-radius:7px;grid-template-columns:1fr;gap:8px;padding:10px}#geometry-door-type-row .preview-card-btn.flat-toggle-btn.is-active{color:var(--text);box-shadow:none;background:#fff;border:2px solid #17212c}#geometry-door-type-row .preview-card-btn.flat-toggle-btn.is-active .preview-card-copy strong,#geometry-door-type-row .preview-card-btn.flat-toggle-btn.is-active .preview-card-copy small{color:var(--text)}#geometry-door-type-row .preview-card-media{background:0 0;border:0;width:100%;height:104px;padding:0}#geometry-door-type-row .preview-card-copy{display:block}#geometry-door-type-row .preview-card-copy strong{font-size:12px;font-weight:650}#geometry-door-type-row .preview-card-copy small{display:none}#geometry-size-card .field-inline-pair{gap:16px;max-width:400px}#geometry-size-card label>span:first-child{font-size:12px;font-weight:650}.dimensions-reassurance{max-width:350px;margin-top:12px;line-height:1.5}#handle-side-group{background:0 0;border:0;border-radius:0;gap:10px;overflow:visible}#handle-side-group .hinge-diagram-btn{border:1px solid var(--line-strong);width:94px;min-height:102px;color:var(--muted);background:#fff;border-radius:7px;justify-items:center;gap:5px;padding:10px;font-size:11px;font-weight:600;display:grid}#handle-side-group .hinge-diagram-btn.is-active{color:var(--text);background:#fff;border:2px solid #17212c}#handle-side-group .hinge-diagram-btn.is-active span,#handle-side-group .hinge-diagram-btn.is-active svg{color:var(--text)}#handle-side-group .hinge-diagram{width:50px;height:54px}.settings-panel[data-settings-panel=panels]>.card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 0}.settings-panel[data-settings-panel=panels]>.card+.card{border-top:1px solid var(--line)}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]){border:1px solid var(--line-strong);background:#fff;border-radius:8px;margin-bottom:12px}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-toggle{min-height:74px;color:var(--text);background:#fff;border-bottom-color:#0000;padding:18px 52px 18px 22px;font-size:15px;font-weight:650}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-toggle:after{color:#253242;font-size:24px;font-weight:400;right:24px}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]):not(.is-collapsed) .settings-panel-toggle{border-bottom-color:var(--line)}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-body{gap:18px;padding:24px 32px 30px}.settings-panel[data-settings-panel=door-hardware] .settings-panel-body .card+.card{border-top:1px solid var(--line);margin-top:20px;padding-top:24px}@media (width<=640px){.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-toggle{min-height:56px;padding:13px 42px 13px 16px;font-size:13px}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-toggle:after{font-size:20px;right:16px}.settings-panel:is([data-settings-panel=design],[data-settings-panel=door-hardware],[data-settings-panel=glass],[data-settings-panel=paint]) .settings-panel-body{padding:16px}}#fixed-panels-controls>label{max-width:652px;margin-top:28px}#fixed-panels-controls>label select{border:1px solid var(--line-strong);background-color:#fff;border-radius:8px;min-height:56px;padding:0 18px}.partition-zones-row{gap:6px}.partition-zones-row>span{font-size:14px}.partition-zones-row>.field-note{margin:0 0 16px}.partition-zones-row .flat-toggle-row{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,636px);display:grid;overflow:visible}.partition-zone-btn.flat-toggle-btn{border:1px solid var(--line-strong);min-height:210px;color:var(--text);background:#fff;border-radius:8px;align-content:center;justify-items:center;gap:8px;padding:18px;font-size:13px;font-weight:650;display:grid}.partition-zone-btn.flat-toggle-btn:before{content:"";background:#fff;border:1px solid #c7d0da;border-radius:50%;width:20px;height:20px;position:absolute;top:12px;right:12px}.partition-zone-btn.flat-toggle-btn.is-active,.partition-zone-btn.flat-toggle-btn.is-active:hover{color:var(--text);box-shadow:none;background:#fff;border:1px solid #9daab7}.partition-zone-btn.flat-toggle-btn.is-active:before{content:"✓";color:#fff;background:#17212c;border-color:#17212c;place-items:center;font-size:13px;display:grid}.panel-zone-icon{width:88px;height:110px}.preview-card-media{border:1px solid color-mix(in srgb, var(--line-strong) 90%, transparent);background:color-mix(in srgb, var(--surface) 92%, #fff);border-radius:6px;width:120px;height:88px;padding:4px;display:block;overflow:hidden}.preview-card-media img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.preview-card-copy{gap:3px;display:grid}.preview-card-copy strong{color:var(--text);font-size:12px;line-height:1.2}.preview-card-copy small{color:var(--muted);font-size:10px;line-height:1.25}.preview-card-btn.flat-toggle-btn.is-active{background:linear-gradient(#1a1f26 0%,#0f1318 100%);border-color:#111418;box-shadow:inset 0 0 0 1px #ffffff1a}.preview-card-btn.flat-toggle-btn.is-active:hover{background:linear-gradient(#161b22 0%,#0b0f14 100%);border-color:#0b0f14}.preview-card-btn.flat-toggle-btn.is-active .preview-card-copy strong,.preview-card-btn.flat-toggle-btn.is-active .preview-card-copy small{color:#f2f5f8}@media (width<=640px){.right-panel-head{display:none}.mobile-price-panel{display:block}.price-overlay-stage{display:none!important}.preview-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}#geometry-door-type-row .preview-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#geometry-door-type-row .preview-card-btn.flat-toggle-btn{min-height:138px;padding:8px}#geometry-door-type-row .preview-card-media{height:88px}.partition-zones-row .flat-toggle-row{gap:8px}.partition-zone-btn.flat-toggle-btn{min-height:154px;padding:10px 6px;font-size:11px}.panel-zone-icon{width:64px;height:80px}.preview-card-btn.flat-toggle-btn{grid-template-columns:1fr}.preview-card-media{width:100%;height:116px}}.settings-panel{background:var(--surface);border-radius:10px;display:grid;overflow:hidden}.settings-panel-toggle{border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-muted) 48%, var(--surface));width:100%;color:var(--text);text-align:left;letter-spacing:.01em;text-transform:none;border-radius:0;padding:8px 10px;font-size:12px;font-weight:600;position:relative}.settings-panel-toggle:after{content:"+";color:var(--muted);font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.settings-panel-toggle[aria-expanded=true]:after{content:"−"}.settings-panel-toggle:hover{background:color-mix(in srgb, var(--surface-muted) 70%, var(--surface));border-color:var(--line)}.settings-panel-body{gap:8px;padding:8px 9px 10px;display:grid}.settings-panel-body .card{background:0 0;border:0;border-radius:0;gap:5px;padding:0}.settings-panel-body .card h2{display:none}.settings-panel-body .card+.card{border-top:0;margin-top:16px;padding-top:0}.settings-panel--subsection{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:8px;overflow:hidden}.settings-panel--subsection .settings-panel-toggle{background:color-mix(in srgb, var(--surface-muted) 42%, var(--surface))}.settings-panel--subsection.is-collapsed .settings-panel-body{display:none}.settings-panel--subsection .settings-panel-body{gap:8px;padding:8px 8px 10px}.settings-subsection-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;margin:0 0 16px;font-size:11px;font-weight:700;display:flex}.settings-subsection-title:after{content:"";border-top:1px solid var(--line-soft);flex:auto;margin-left:10px}#steel-handle-type-wrap>.settings-subsection-title{margin-top:10px}.settings-panel.is-collapsed .settings-panel-body{display:none}.settings-panel.is-collapsed .settings-panel-toggle{border-bottom-color:#0000}.controls-fade-top{display:none}.controls-content.has-overflow .controls-fade-top{pointer-events:none;z-index:4;background:var(--surface);height:28px;margin-bottom:-28px;display:block;position:sticky;top:0}.controls-content.has-overflow.at-start .controls-fade-top{opacity:0}.card{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft);background-image:linear-gradient(#fffffff5 0%,#fafbfce6 100%);border-radius:10px;gap:8px;padding:10px;display:grid}.panel-splits-wrap{border:1px dashed var(--line-strong);background:var(--surface-input);border-radius:6px;gap:6px;margin-top:8px;padding:8px;display:grid}.panel-splits-title{color:var(--muted);font-size:11px;font-weight:600}.panel-split-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.panel-split-row span{color:var(--muted);font-size:11px}.panel-split-input{width:88px}.number-stepper{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:stretch;gap:0;width:100%;display:grid;overflow:hidden}.number-stepper:focus-within{border-color:var(--accent)}.number-stepper__btn{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--heading);background:#f7f8fa;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.number-stepper__btn--decrement{border-right:1px solid var(--line-strong)}.number-stepper__btn--increment{border-left:1px solid var(--line-strong)}.number-stepper__btn:hover:not(:disabled){color:var(--text);background:#eef1f4}.number-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.number-stepper>input[type=number]{width:100%;min-width:0;color:var(--text);font:inherit;font-size:12px;font-weight:700;font-family:var(--mono);text-align:center;cursor:text;appearance:textfield;background:#fff;border:0;border-radius:0;outline:none;padding:6px 8px}.number-stepper>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.number-stepper>input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.number-stepper>input[type=number]:focus{box-shadow:none;background:#fff}.number-stepper--compact{grid-template-columns:30px minmax(0,1fr) 30px;width:112px}.number-stepper--compact .number-stepper__btn{width:30px;min-width:30px;height:30px;min-height:30px}.panel-split-row .number-stepper>input[type=number]{font-size:11px}.card h2{letter-spacing:.01em;text-transform:none;color:var(--heading);margin:0 0 2px;font-family:inherit;font-size:12px;font-weight:600}.finish-intro{color:var(--muted);margin:-2px 0 4px;font-size:12px;line-height:1.4}.finish-send-hint{border:1px solid color-mix(in srgb, var(--warn) 55%, var(--line));background:color-mix(in srgb, var(--warn-soft) 16%, var(--surface-input));color:var(--warn-soft);border-radius:10px;margin:0;padding:9px 10px;font-size:12px;font-weight:600;line-height:1.4}.control-group{border:1px solid var(--line-soft);background:var(--surface-input);border-radius:11px;gap:10px;padding:10px;display:grid}.control-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--heading);margin:0;font-size:10px;font-weight:700}h1,h2{margin:0}h1{font-size:1.4rem}.collapsible summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:-16px -24px;padding:16px 24px;list-style:none;display:flex}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:after{content:"+";color:var(--faint);font-size:18px;font-weight:300;line-height:1}.collapsible[open] summary:after{content:"−"}.collapsible summary h2{margin:0}#steel-center-arch-tuning-wrap{border:1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);box-shadow:none;background:#ffffff06;border-radius:12px;margin-top:6px;padding:10px 12px 12px}#steel-center-arch-tuning-wrap summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--heading);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:2px 0 4px;font-size:11px;font-weight:700;list-style:none;display:flex;position:relative}#steel-center-arch-tuning-wrap summary::-webkit-details-marker{display:none}#steel-center-arch-tuning-wrap summary:after{content:"+";color:var(--faint);margin-left:12px;font-size:16px;line-height:1}#steel-center-arch-tuning-wrap[open] summary:after{content:"−"}#steel-center-arch-tuning-wrap summary:hover{color:var(--text)}#steel-center-arch-tuning-wrap[open] summary{margin-bottom:10px}.arch-tuning-grid{gap:10px;margin-top:4px;display:grid}.arch-tuning-grid>label{color:var(--text);gap:6px;font-size:12px;display:grid}.arch-tuning-grid select,.arch-tuning-grid input[type=number]{background:var(--surface-input);border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 11px}.arch-tuning-grid select:focus,.arch-tuning-grid input[type=number]:focus{border-color:var(--accent);box-shadow:none;outline:none}#steel-center-arch-custom-wrap{background:var(--surface-input);border:1px solid #586c652e;border-radius:10px;gap:8px;padding:8px;display:grid}#steel-center-arch-custom-wrap>label.arch-custom-slider-row{margin:0}#steel-center-arch-custom-wrap>label.arch-custom-slider-row>span{letter-spacing:.06em;text-transform:uppercase;color:var(--heading);font-size:10px}#steel-center-arch-custom-wrap>label.arch-custom-slider-row>input[type=range]{display:none}#steel-center-arch-custom-wrap>label.arch-custom-slider-row>.value-badge{border-color:var(--line-strong);background:var(--surface-input);border-radius:4px;width:100%;min-width:0;padding:5px 7px}#steel-plate-vertical-bars-wrap,#steel-plate-horizontal-bars-wrap{grid-template-columns:1fr 58px;grid-template-areas:"name value""range range";align-items:center;gap:6px;display:grid}#steel-plate-vertical-bars-wrap>span,#steel-plate-horizontal-bars-wrap>span{grid-area:name}#steel-plate-vertical-bars,#steel-plate-horizontal-bars{--bar-slider-steps:10;--bar-slider-track:color-mix(in srgb, var(--line-strong) 70%, var(--surface));--bar-slider-tick:color-mix(in srgb, var(--line) 70%, transparent);appearance:none;background:0 0;grid-area:range;width:calc(100% - 20px);height:16px;margin:0 10px;display:block}#steel-plate-vertical-bars-value,#steel-plate-horizontal-bars-value{text-align:center;grid-area:value;width:58px;min-width:58px}#steel-plate-vertical-bars::-webkit-slider-runnable-track{background-color:var(--bar-slider-track);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc(100% / var(--bar-slider-steps)));border:0;border-radius:999px;height:4px}#steel-plate-horizontal-bars::-webkit-slider-runnable-track{background-color:var(--bar-slider-track);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc(100% / var(--bar-slider-steps)));border:0;border-radius:999px;height:4px}#steel-plate-vertical-bars::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent-strong);background:var(--accent);border-radius:50%;width:16px;height:16px;margin-top:-6px}#steel-plate-horizontal-bars::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent-strong);background:var(--accent);border-radius:50%;width:16px;height:16px;margin-top:-6px}#steel-plate-vertical-bars::-moz-range-track{background-color:var(--bar-slider-track);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc(100% / var(--bar-slider-steps)));border:0;border-radius:999px;height:4px}#steel-plate-horizontal-bars::-moz-range-track{background-color:var(--bar-slider-track);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc((100% / var(--bar-slider-steps)) - 1px), var(--bar-slider-tick) calc(100% / var(--bar-slider-steps)));border:0;border-radius:999px;height:4px}#steel-plate-vertical-bars::-moz-range-thumb{border:2px solid var(--accent-strong);background:var(--accent);border-radius:50%;width:16px;height:16px}#steel-plate-horizontal-bars::-moz-range-thumb{border:2px solid var(--accent-strong);background:var(--accent);border-radius:50%;width:16px;height:16px}#steel-plate-vertical-bars:focus-visible,#steel-plate-horizontal-bars:focus-visible{outline:none}#steel-plate-vertical-bars:focus-visible::-webkit-slider-thumb{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#steel-plate-horizontal-bars:focus-visible::-webkit-slider-thumb{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#steel-plate-vertical-bars:focus-visible::-moz-range-thumb{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#steel-plate-horizontal-bars:focus-visible::-moz-range-thumb{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#lockbox-resize-wrap{gap:6px;display:grid}#lockbox-resize-wrap .lockbox-slider-row{grid-template-columns:1fr auto;grid-template-areas:"name value""range range";align-items:center;gap:4px 8px;display:grid}#lockbox-resize-wrap .lockbox-slider-row>span:first-child{grid-area:name}#lockbox-resize-wrap .lockbox-slider-row>.muted{grid-area:value;font-size:11px}#lockbox-top,#lockbox-bottom{appearance:none;background:linear-gradient(#fff 0%,#f4f6f8 100%);border-radius:10px;grid-area:range;width:100%;height:16px;margin:0;display:block}#lockbox-top::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 55%, var(--line-strong)) 100%);border:0;border-radius:999px;height:4px}#lockbox-bottom::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 55%, var(--line-strong)) 100%);border:0;border-radius:999px;height:4px}#lockbox-top::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%;margin-top:-6px}#lockbox-bottom::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%;margin-top:-6px}#lockbox-top::-moz-range-track{background:var(--accent-soft);border:0;border-radius:999px;height:4px}#lockbox-bottom::-moz-range-track{background:var(--accent-soft);border:0;border-radius:999px;height:4px}#lockbox-top::-moz-range-thumb{border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%}#lockbox-bottom::-moz-range-thumb{border:2px solid var(--accent-strong);background:var(--accent);width:16px;height:16px;box-shadow:none;border-radius:50%}#lockbox-top:focus-visible,#lockbox-bottom:focus-visible{outline:none}#lockbox-top:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#lockbox-bottom:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#lockbox-top:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#lockbox-bottom:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}label{color:var(--text);gap:7px;font-size:13px;font-weight:600;display:grid}label:has(input[type=range]){background:0 0;border:0;border-radius:0;grid-template-columns:1fr;grid-template-areas:"name""value";align-items:start;gap:4px;margin:0;padding:0}label:has(input[type=range])>span:first-child{grid-area:name}label:has(input[type=range])>input[type=range]{display:none}:is(label:has(input[type=range])>.value-badge,label:has(input[type=range])>.number-stepper){grid-area:value}label:has(input[type=range])>.value-badge{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);font-size:12px;font-weight:500;font-family:var(--mono);text-align:left;cursor:text;-moz-appearance:textfield;border-radius:4px;outline:none;width:100%;min-width:0;padding:5px 7px;transition:border-color .12s,background .12s}label:has(input[type=range])>.value-badge::-webkit-outer-spin-button{-webkit-appearance:none}label:has(input[type=range])>.value-badge::-webkit-inner-spin-button{-webkit-appearance:none}label:has(input[type=range])>.value-badge:focus{background:var(--surface-input);border-color:var(--accent);box-shadow:none}.field-inline-pair{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}#handle-dimensions-row{width:100%;margin-top:16px}#handle-dimensions-row>label{margin:0}#handle-dimensions-row>#steel-k160-height-wrap[hidden]+#handle-center-wrap{grid-column:1/-1}.inline{align-items:center;gap:10px;font-size:13px;display:flex}label+label.inline,label.inline+label:not(.inline){margin-top:6px}.field-row{color:var(--text);gap:4px;font-size:13px;font-weight:600;display:grid}.drop-seal-heading-row{align-items:center;gap:6px;display:inline-flex}.info-icon-btn{border:1px solid var(--line-strong);background:var(--surface-input);width:18px;min-width:18px;height:18px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.drop-seal-info-popover{border:1px solid var(--line-strong);background:var(--surface-input);color:var(--muted);border-radius:6px;margin:2px 0 8px;padding:8px 9px;font-size:11px;line-height:1.45}.drop-seal-info-popover p{margin:0}.drop-seal-info-close{margin-top:7px;padding:4px 8px;font-size:11px}.panel-field-input-added-flash{animation:2s ease-out panel-field-input-added-flash}@keyframes panel-field-input-added-flash{0%{background:#ffc44d52;border-color:#f59929ad;box-shadow:0 0 0 2px #ffc44d38}50%{background:#ffc44d42;border-color:#f5992985;box-shadow:0 0 0 2px #ffc44d29}to{background:var(--surface);border-color:var(--line-strong);box-shadow:none}}.flat-toggle-row{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;width:fit-content;margin-bottom:0;display:inline-flex;overflow:hidden}.flat-toggle-btn{border:0;border-right:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:0;padding:7px 13px;font-size:12px;font-weight:700;transition:background .14s,color .14s;position:relative;overflow:visible}.flat-toggle-btn:has(>.handle-btn-price){flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding-top:7px;padding-bottom:7px;display:flex}.flat-toggle-btn.is-active:has(>.handle-btn-price){padding-top:7px;padding-bottom:7px}.handle-btn-price{letter-spacing:0;color:var(--muted);pointer-events:none;white-space:nowrap;text-align:center;background:0 0;border-radius:0;margin:0;padding:0;font-size:10px;font-weight:600;line-height:1.4;display:block}.flat-toggle-btn.is-active .handle-btn-price{color:#ffffffd9;background:0 0}.flat-toggle-btn:first-child{border-radius:3px 0 0 3px}.flat-toggle-btn:last-child{border-right:0;border-radius:0 3px 3px 0}.flat-toggle-btn:only-child{border-radius:3px}.flat-toggle-btn.is-active{color:#fff;z-index:2;background:#111418;font-weight:700}.flat-toggle-btn:hover{background:#f2f4f6}.flat-toggle-btn.is-active:hover{background:#0c0f13}.partition-zones-row .flat-toggle-row{width:100%}#steel-handle-style-row{width:100%;display:flex}#steel-handle-style-row .flat-toggle-btn{text-align:center;flex:50%;justify-content:center;max-width:50%}#steel-pull-bar-type-wrap[data-visible-options="4"] .flat-toggle-row{width:100%;display:flex}#steel-pull-bar-type-wrap[data-visible-options="4"] .flat-toggle-btn{text-align:center;flex:25%;justify-content:center;max-width:25%}.partition-zone-btn{text-align:center;flex:1 1 0}.hinge-diagram-btn{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:70px;padding:8px 10px;display:flex}.hinge-diagram-btn span{text-align:center;font-size:12px;font-weight:600;line-height:1.2}.hinge-diagram{width:40px;height:40px;color:inherit;flex-shrink:0}#handle-side-wrap .handle-icon--hinge{display:block}#handle-side-wrap .handle-icon--sliding,#handle-side-wrap.is-sliding-like .handle-icon--hinge{display:none}#handle-side-wrap.is-sliding-like .handle-icon--sliding{display:block}#handle-side-wrap.is-sliding-like .hinge-diagram-btn{gap:4px;min-height:44px;padding:6px 10px}#handle-side-wrap.is-sliding-like .hinge-diagram{width:24px;height:24px}#handle-side-wrap.is-sliding-like .hinge-diagram-btn span{white-space:nowrap}.hinge-diagram-btn.is-active .hinge-diagram{color:#fff}.handle-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.handle-model-grid .handle-model-btn{border:1px solid var(--line-strong);border-right:1px solid var(--line-strong);text-align:center;white-space:normal;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:36px;padding:5px 8px;font-size:11px;line-height:1.15;display:inline-flex}.handle-model-grid .handle-model-price{text-align:center;width:100%;font-size:10px;font-weight:700;line-height:1;display:block}.handle-photo-preview{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:8px;margin:6px 0 0;padding:8px}.handle-photo-preview img{object-fit:contain;border:1px solid var(--line-soft);background:#fff;border-radius:6px;width:100%;height:160px;display:block}.handle-photo-preview figcaption{text-align:center;margin-top:6px;font-size:11px}#acc-handle-card .field-row{gap:3px}#acc-handle-card .flat-toggle-row{border-radius:3px}#acc-handle-card .flat-toggle-btn{text-align:center;justify-content:center;align-items:center;padding:6px 8px;font-size:11px;line-height:1.15;display:flex}#acc-handle-card .flat-toggle-btn:has(>.handle-btn-price){flex-direction:column;gap:2px;min-height:40px;padding-top:6px;padding-bottom:6px}#acc-handle-card .flat-toggle-btn.is-active:has(>.handle-btn-price){padding-top:6px;padding-bottom:6px}#steel-handle-style-row .flat-toggle-btn{text-align:center;justify-content:center;align-items:center;min-height:40px;line-height:1.1;display:flex}#steel-handle-style-row .flat-toggle-btn:has(>.handle-btn-price){min-height:40px;padding-top:6px;padding-bottom:6px}#steel-handle-style-row .flat-toggle-btn .handle-btn-price{position:static;transform:none}#steel-pull-bar-type-wrap .flat-toggle-btn{text-align:center;justify-content:center;align-items:center;display:flex}#steel-pull-bar-type-wrap .flat-toggle-btn:has(>.handle-btn-price){flex-direction:column;gap:2px}#steel-pull-bar-type-wrap .handle-btn-price,#steel-handle-style-row .handle-btn-price{text-align:center;width:100%}#handle-finish-wrap{margin-top:2px}#handle-photo-preview-missing{margin-top:4px}#door-stop-position-row{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,30%));justify-content:space-between;gap:6px;width:100%;display:grid}#door-stop-position-row .flat-toggle-btn{border:1px solid var(--line-strong);border-radius:4px;width:100%;min-height:36px}#door-stop-position-row .flat-toggle-btn:last-child{border-right:1px solid var(--line-strong)}#acc-door-stop-qty{text-align:center}#door-stop-finish-preview-row{grid-template-columns:minmax(0,1fr) minmax(72px,18%);align-items:start;gap:8px;width:100%;display:grid}#door-stop-finish-wrap{margin:0}.door-stop-photo-preview{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:6px;gap:5px;width:100%;margin:0;padding:6px;display:grid}.door-stop-photo-preview img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line-soft);background:#fff;border-radius:4px;width:100%;max-height:none;display:block}.door-stop-photo-preview figcaption{text-align:center;color:var(--text-body);margin:0;font-size:10px;font-weight:500}#door-stop-photo-preview-missing{margin-top:4px}@media (width<=700px){.handle-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#geometry-size-card .field-inline-pair{grid-template-columns:1fr 1fr;gap:6px}#geometry-size-card label{gap:5px;min-width:0}#geometry-size-card label>span:first-child{font-size:11px;line-height:1.2}#geometry-size-card label:has(input[type=range])>.value-badge{padding:4px 6px;font-size:11px}#door-width-value,#door-height-value{padding:3px 5px;font-size:10px;line-height:1.2}.handle-model-grid .handle-model-btn{min-height:32px;padding:4px 6px;font-size:10px}.handle-photo-preview{margin-top:4px;padding:6px}.handle-photo-preview img{height:120px}.handle-photo-preview figcaption{margin-top:4px;font-size:10px}}input[type=checkbox]{--toggle-w:38px;--toggle-h:20px;--toggle-pad:2px;appearance:none;width:var(--toggle-w);height:var(--toggle-h);background:var(--surface-input);border:1px solid var(--line-strong);cursor:pointer;box-shadow:none;border-radius:999px;flex-shrink:0;transition:background .18s,border-color .18s,box-shadow .18s;position:relative}input[type=checkbox]:before{content:"";width:calc(var(--toggle-h) - var(--toggle-pad) * 2 - 2px);height:calc(var(--toggle-h) - var(--toggle-pad) * 2 - 2px);background:var(--surface);top:calc(var(--toggle-pad) + 1px);left:calc(var(--toggle-pad) + 1px);box-shadow:none;border-radius:999px;transition:transform .18s cubic-bezier(.4,0,.2,1);position:absolute}input[type=checkbox]:checked{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:none}input[type=checkbox]:checked:before{transform:translateX(calc(var(--toggle-w) - var(--toggle-h)))}input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}input[type=checkbox]:focus-visible{box-shadow:none;border-color:var(--accent);outline:none}label:has(>input[type=checkbox]:checked){color:var(--accent);font-weight:700}#steel-plate-enabled-wrap:has(input:checked)~#steel-plate-height-wrap{color:var(--accent);font-weight:700}input[type=range]{display:none}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=file],select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-input);width:100%;color:var(--text);font:inherit;appearance:none;outline:none;padding:6px 8px;font-size:13px;transition:border-color .12s,box-shadow .12s}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%238a959f' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:28px}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus{border-color:var(--accent);box-shadow:none;background:var(--surface)}#acc-site-survey-county-wrap.is-required label{color:var(--danger-soft);font-weight:700}#acc-site-survey-county-wrap.is-required select{border-color:var(--danger-soft);background:var(--danger-bg)}input[type=color]{border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;width:100%;height:36px;padding:2px}button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-muted);color:var(--text);cursor:pointer;padding:6px 10px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}button:hover{background:color-mix(in srgb, var(--surface-muted) 80%, var(--bg));border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:none;transform:none}.summary p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.summary strong{color:var(--text)}.summary-total-block{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:6px;gap:2px;padding:8px;display:grid}.summary-service-breakdown{border-top:1px solid var(--line);gap:4px;margin-top:6px;padding-top:8px;display:grid}.summary-service-breakdown h3{margin:0 0 2px;font-size:12px}.summary-service-breakdown p{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.summary-service-breakdown p strong{text-align:right;flex:none}.summary-service-breakdown small{color:var(--muted);font-weight:500}.summary-door-options{gap:8px;display:grid}.summary-door-option{border:1px solid var(--line);background:var(--surface);border-radius:6px;overflow:hidden}.summary-door-option>summary{cursor:pointer;color:var(--text);background:color-mix(in srgb, var(--surface-muted) 45%, var(--surface));justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;list-style:none;display:flex}.summary-door-option>summary::-webkit-details-marker{display:none}.summary-door-option>summary strong{align-items:baseline;gap:4px;display:inline-flex}.summary-door-option>summary strong small{color:var(--muted);font-size:10px;font-weight:600}.summary-door-card{grid-template-columns:88px 1fr;gap:8px;padding:8px;display:grid}.summary-door-preview{border:1px solid var(--line-strong);background:var(--surface-input);object-fit:contain;border-radius:6px;width:88px;height:118px}.summary-door-preview-placeholder{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:6px;font-size:10px;display:flex}.summary-door-facts{gap:1px;display:grid}.summary-finish-swatch{vertical-align:middle;border:1px solid color-mix(in srgb, var(--line-strong) 75%, #000 25%);border-radius:2px;width:10px;height:10px;display:inline-block}@media (width<=700px){.summary-door-card{grid-template-columns:72px 1fr}.summary-door-preview{width:72px;height:98px}}.step-progress{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#ffffffe0;border:1px solid #11141814;border-radius:999px;width:auto;max-width:calc(100% - 24px);padding:4px 7px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #11141814}.step-progress__steps{align-items:center;gap:5px;display:flex}.step-progress__item{border:1px solid var(--line-strong);background:var(--surface);border-radius:50%;width:9px;height:9px;transition:all .18s}.step-progress__item.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 0 2px #161a2014}.step-progress__item.is-complete{background:var(--ok);border-color:var(--ok)}.viewer-wrap{background:var(--bg);order:1;overflow:hidden}.viewer-card{background:radial-gradient(circle at 28% 14%,#fbfbfb 0%,#f4f5f6 42%,#eceff2 100%);border:0;flex-direction:column;height:100%;padding:0;display:flex}.viewer-card>h2,.viewer-card>p{display:none}.door-orders-bar{border-bottom:1px solid var(--line);background:var(--surface-elevated);flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.door-orders-label-wrap{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.door-orders-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.door-count-badge{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:999px;min-width:22px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.5}.door-orders-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.door-orders-list::-webkit-scrollbar{display:none}.door-orders-add-btn{background:var(--ok);color:#fff;border:none;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:600}.door-orders-add-btn:hover{background:color-mix(in srgb, var(--ok) 85%, #000 15%);border:none}.viewer-stage{background:var(--surface-elevated);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viewer-toolbar{border-bottom:1px solid var(--line);background:var(--bg);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex;overflow-x:auto}.viewer-toolbar::-webkit-scrollbar{display:none}.system-menu{flex-shrink:0}.viewer-canvas-wrap{background:radial-gradient(circle at 42% 18%,#fafafa 0%,#f2f4f6 52%,#e8ecef 100%);flex:1;min-height:0;position:relative;overflow:hidden}.dimensions-reassurance{margin:10px 0 0;line-height:1.45}#plan-canvas,#three-root{width:100%;height:100%;display:block}#plan-canvas[hidden],#three-root[hidden]{display:none}.system-menu{border:1px solid var(--line);white-space:nowrap;background:#f7fbfff2;border-radius:4px;align-items:center;gap:2px;padding:2px;display:inline-flex}.system-menu-group{gap:1px;display:flex}.system-menu-sep{background:var(--line);flex-shrink:0;align-self:stretch;width:1px;margin:3px}.system-menu-btn{color:var(--muted);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.4;transition:background .12s,color .12s}.system-menu-btn:hover:not(:disabled):not(.is-active){background:var(--bg);color:var(--text)}.system-menu-btn.is-active{background:var(--accent);color:var(--on-accent)}.system-menu-btn:disabled{opacity:.38;cursor:not-allowed}.mode-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:#f7fbfff2;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .12s;display:inline-flex}.mode-toggle svg{fill:currentColor;opacity:.65;width:14px;height:14px}.mode-toggle:hover{background:var(--line)}.floating-mode-toggle{z-index:12;box-shadow:none;position:absolute;top:10px;right:10px}.floating-door-motion-toggle{z-index:12;box-shadow:none;position:absolute;top:52px;right:10px}.floating-buy-direct-toggle{z-index:12;border-style:dashed;justify-content:center;width:38px;height:38px;padding:0;position:absolute;top:136px;right:10px}.floating-restart-design-btn{z-index:12;justify-content:center;width:38px;height:38px;padding:0;position:absolute;top:94px;right:10px}.floating-restart-design-btn svg{width:18px;height:18px}.floating-buy-direct-toggle svg{width:16px;height:16px}.floating-buy-direct-toggle[disabled]{opacity:.6;cursor:not-allowed}.floating-door-motion-toggle[disabled]{opacity:.5;cursor:not-allowed}.floating-mode-toggle[disabled]{position:absolute}.floating-mode-toggle[disabled]:after{content:attr(data-hover-tip);background:var(--tooltip-bg);color:#f4f9ff;width:min(280px,70vw);box-shadow:none;pointer-events:none;opacity:0;border-radius:8px;padding:7px 9px;font-size:11px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.floating-mode-toggle[disabled]:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--tooltip-bg);pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 2px);right:14px;transform:translateY(-4px)}.floating-mode-toggle[disabled]:hover:after,.floating-mode-toggle[disabled]:hover:before{opacity:1;transform:translateY(0)}.floating-dimensions-toggle{z-index:12;box-shadow:none;position:absolute;top:8px;left:8px}.toolbar-dimensions-toggle{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);color:var(--text);white-space:nowrap;background:#f7fbffd1;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:10px;font-weight:500}.toolbar-dimensions-toggle input[type=checkbox]{--toggle-w:30px;--toggle-h:17px}.powered-by{color:#2c3e4e94;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;font-size:10px;text-decoration:none;position:absolute;bottom:8px;right:10px}.price-overlay,.price-overlay-global{display:none}.price-overlay.is-visible,.price-overlay-global.is-visible{display:flex}.price-overlay,.price-overlay-global{border:1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);min-width:170px;max-width:min(220px,100% - 20px);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#fffffff5;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;box-shadow:0 8px 24px #0f172a24}.price-overlay-stage{z-index:9;position:absolute;top:10px;right:10px}.price-overlay span,.price-overlay-global span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700;line-height:1.2}.price-overlay strong,.price-overlay-global strong{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:1.1rem;font-weight:700;line-height:1.1}.config-choice-modal{z-index:130;place-items:center;display:grid;position:fixed;inset:0}.config-choice-modal[hidden]{display:none!important}.config-choice-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a101666;position:absolute;inset:0}.config-choice-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:min(460px,100vw - 32px);box-shadow:var(--shadow-elevated);gap:8px;padding:14px;display:grid;position:relative}.config-choice-panel h2{letter-spacing:-.01em;font-family:inherit;font-size:17px;font-weight:600}.config-choice-panel p{color:var(--muted);margin:0;font-size:13px}.config-choice-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.config-choice-actions button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;padding:8px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}.config-choice-actions button:hover{background:var(--surface);border-color:var(--accent);box-shadow:none}.pricing-modal{z-index:120;place-items:center;display:grid;position:fixed;inset:0}.pricing-modal[hidden]{display:none!important}.pricing-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a101673;position:absolute;inset:0}.pricing-modal-panel{background:var(--surface);border:1px solid var(--line);width:min(1000px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-elevated);scrollbar-width:thin;scrollbar-color:var(--faint) transparent;border-radius:6px;gap:16px;padding:14px;display:grid;position:relative;overflow:auto}.pricing-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:14px;display:flex}.pricing-modal-head h2{font-family:inherit;font-size:14px;font-weight:600}.pricing-modal-body{grid-template-columns:1fr 1.1fr;gap:16px;display:grid}.steel-pricing-modal-panel{width:min(1080px,100vw - 28px)}.steel-pricing-modal-body{grid-template-columns:1fr;gap:10px}.stripe-settings-modal-panel{width:min(720px,100vw - 32px)}.stripe-settings-form{gap:12px;display:grid}.stripe-settings-actions{grid-template-columns:1fr 1fr}.stripe-settings-form .muted{line-height:1.5}.steel-pricing-head-actions{align-items:center;gap:8px;display:inline-flex}.steel-pricing-save-status{border:1px solid var(--line-strong);background:var(--surface-input);min-height:26px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.steel-pricing-save-status.is-saving{border-color:var(--warn);color:var(--warn-soft)}.steel-pricing-save-status.is-saved{border-color:var(--ok);color:var(--ok-soft)}.steel-pricing-save-status.is-local{border-color:var(--warn-soft);color:var(--warn-soft)}.steel-pricing-save-status.is-error{border-color:var(--danger-soft);color:var(--danger-soft)}.steel-pricing-editor{gap:10px;display:grid}.steel-pricing-formula{border:1px solid var(--line-strong);background:var(--surface-input);color:var(--muted);border-radius:6px;gap:4px;padding:10px 12px;font-size:12px;line-height:1.5;display:grid}.steel-pricing-formula strong{color:var(--text);font-size:12px}.steel-pricing-section{gap:6px;display:grid}.steel-pricing-collapsible{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;overflow:hidden}.steel-pricing-summary{cursor:pointer;border-bottom:1px solid #5468612e;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.steel-pricing-summary::-webkit-details-marker{display:none}.steel-pricing-summary-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);padding-left:16px;font-size:10px;font-weight:700;position:relative}.steel-pricing-summary-title:before{content:"▸";color:var(--muted);transition:transform .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.steel-pricing-collapsible[open] .steel-pricing-summary-title:before{transform:translateY(-50%)rotate(90deg)}.steel-pricing-summary-meta{color:var(--muted);font-size:11px}.steel-pricing-collapsible>.steel-pricing-table,.steel-pricing-collapsible>.steel-pricing-table-wrap{margin:10px}.steel-pricing-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:600}.steel-pricing-table-wrap{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:10px;overflow:auto}.steel-pricing-table{border-collapse:separate;border-spacing:0;width:100%;min-width:420px}.steel-pricing-table th,.steel-pricing-table td{text-align:center;border-bottom:1px solid #5468613d;border-right:1px solid #5468612e;padding:3px 1px}.steel-pricing-table th{color:var(--muted);background:#ffffff04;font-size:10px;font-weight:600}.steel-pricing-table thead th{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0}.steel-pricing-table tr:last-child td,.steel-pricing-table tr:last-child th{border-bottom:none}.steel-pricing-table th:last-child,.steel-pricing-table td:last-child{border-right:none}.steel-unit-prices-table{min-width:unset;width:auto;margin:10px}.steel-unit-prices-table th:first-child{text-align:left;width:200px}.steel-unit-prices-table td{width:90px}.steel-pricing-table input[type=number]{width:100%;min-width:38px;height:27px;color:var(--text);font-size:11px;font-family:var(--mono);text-align:right;background:0 0;border:none;border-radius:0;padding:3px 2px;line-height:1}.steel-pricing-table input[type=number]:focus{box-shadow:none;border-bottom:1px solid var(--accent);outline:none}.panel-bar-modal{z-index:121;place-items:center;display:grid;position:fixed;inset:0}.panel-bar-modal[hidden]{display:none!important}.panel-bar-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a101666;position:absolute;inset:0}.panel-bar-modal-panel{background:var(--surface);border:1px solid var(--line);width:min(380px,100vw - 32px);box-shadow:none;border-radius:6px;gap:16px;padding:14px;display:grid;position:relative}.panel-bar-modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-bar-modal-head h2{font-family:inherit;font-size:14px;font-weight:600}.panel-bar-modal-body{gap:10px;display:grid}.panel-bar-modal-body label{color:var(--muted);gap:6px;font-size:12px;display:grid}textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;outline:none;padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}textarea:focus{border-color:var(--accent);box-shadow:none;background:var(--surface)}.label-title{align-items:center;gap:4px;display:inline-flex}.req{color:var(--accent);font-size:11px;line-height:1}.enquiry-send-wrap{align-items:start}.enquiry-success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.enquiry-success-icon{width:52px;height:52px;color:var(--ok);margin-bottom:4px}.enquiry-success-icon svg{width:100%;height:100%}.enquiry-success-heading{color:var(--text);margin:0;font-size:18px;font-weight:700}.enquiry-success-body{color:var(--text);margin:0;font-size:13.5px;line-height:1.6}.enquiry-success-sub{color:var(--muted);margin:0;font-size:12px}.site-survey-payment-card{text-align:left;gap:10px}.site-survey-payment-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:700}.site-survey-payment-heading{color:var(--text);margin:0;font-size:18px;font-weight:700}.site-survey-payment-body{color:var(--text);margin:0;font-size:13px;line-height:1.55}.site-survey-payment-summary{border:1px solid var(--line-strong);background:var(--surface-input);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.site-survey-payment-summary p{color:var(--text);margin:0;font-size:12px;line-height:1.45}.site-survey-payment-btn{margin-top:2px}.site-survey-payment-note{border:1px solid var(--line-strong);background:var(--surface-input);color:var(--muted);border-radius:10px;margin:0;padding:9px 10px;font-size:12px;line-height:1.45}.enquiry-send-btn{background:var(--accent);color:var(--on-accent);border-color:var(--accent);width:100%;padding:7px 10px;font-weight:600}.enquiry-send-btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.enquiry-error{color:var(--danger-soft);background:var(--danger-bg);border:1px solid var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:12px}.enquiry-toast{z-index:200;background:var(--success-bg);color:var(--success-fg);box-shadow:none;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.enquiry-toast svg{width:20px;height:20px;fill:var(--success-fg);flex-shrink:0}.enquiry-toast--in{animation:.3s cubic-bezier(.34,1.56,.64,1) both toast-in}.enquiry-toast--out{animation:.28s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}}.payment-confirmation{z-index:240;background:#fff;padding:28px 20px 36px;position:fixed;inset:0;overflow:auto}.payment-confirmation__shell{gap:18px;width:min(1120px,100%);margin:0 auto;display:grid}.payment-confirmation__hero,.payment-confirmation__card{background:#fff;border:1px solid #d8d8d8;border-radius:18px;box-shadow:0 12px 30px #0000000f}.payment-confirmation__hero{border-top:5px solid #1a7f37;padding:26px 28px}.payment-confirmation__eyebrow,.payment-confirmation__section-kicker{letter-spacing:.16em;text-transform:uppercase;color:#1a7f37;margin:0 0 8px;font-size:11px;font-weight:700}.payment-confirmation__title{font-family:var(--display);letter-spacing:-.03em;color:#111;margin:0;font-size:clamp(1.75rem,3.5vw,2.6rem);line-height:1.08}.payment-confirmation__lead{color:#2e2e2e;max-width:780px;margin:14px 0 0;font-size:16px;line-height:1.6}.payment-confirmation__hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.payment-confirmation__hero-meta span{color:#0f5f2a;background:#f3fbf6;border:1px solid #cfe8d8;border-radius:999px;padding:10px 14px;font-size:12px}.payment-confirmation__layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.payment-confirmation__column{gap:18px;display:grid}.payment-confirmation__card{padding:22px}.payment-confirmation__section-head h2{color:#111;margin:0;font-size:22px}.payment-confirmation__facts{gap:10px;margin-top:16px;display:grid}.payment-confirmation__facts p,.payment-confirmation__note,.payment-confirmation__empty{color:#2f2f2f;margin:0;font-size:14px;line-height:1.65}.payment-confirmation__doors{gap:14px;margin-top:16px;display:grid}.payment-confirmation__door-card{background:#fcfcfc;border:1px solid #e1e1e1;border-radius:14px;padding:16px 18px}.payment-confirmation__door-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.payment-confirmation__door-head h3,.payment-confirmation__door-head p{margin:0}.payment-confirmation__door-head h3{color:#111;font-size:16px}.payment-confirmation__door-head p{font-family:var(--mono);color:#1f1f1f;font-size:13px}.payment-confirmation__door-head p span{color:#4a4a4a;font-family:Manrope,sans-serif;font-size:11px}.payment-confirmation__door-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.payment-confirmation__door-facts p{color:#3b3b3b;margin:0;font-size:12.5px;line-height:1.55}.payment-confirmation__finish{vertical-align:middle;border:1px solid #1114182e;border-radius:999px;width:12px;height:12px;margin-left:6px;display:inline-block}.payment-confirmation__card--receipt{border-left:4px solid #1a7f37;position:sticky;top:20px}.payment-confirmation__note{background:#f5fbf7;border:1px solid #d5eadc;border-radius:12px;margin-top:16px;padding:14px 15px}.payment-confirmation__close{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:12px;width:100%;margin-top:16px;padding:13px 16px;font-size:13px;font-weight:700;transition:background-color .14s,color .14s}.payment-confirmation__close:hover{color:#111;background:#fff}@media (width<=900px){.payment-confirmation{padding:18px 14px 28px}.payment-confirmation__hero,.payment-confirmation__card{border-radius:14px}.payment-confirmation__hero{padding:22px 20px}.payment-confirmation__layout,.payment-confirmation__door-facts{grid-template-columns:1fr}.payment-confirmation__card--receipt{position:static}.payment-confirmation__door-head{flex-direction:column;align-items:flex-start}}.pricing-editor{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid;overflow:hidden}.pricing-editor label{color:var(--muted);background:var(--surface);gap:4px;padding:10px 12px;font-size:11px;font-weight:500;display:grid}.pricing-editor input[type=number]{border:none;border-top:1px solid var(--line);font-size:13px;font-family:var(--mono);color:var(--text);background:0 0;border-radius:0;outline:none;width:100%;padding:5px 0;font-weight:500}.pricing-editor input[type=number]:focus{border-top-color:var(--accent)}.pricing-editor input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.pricing-editor input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.pricing-editor input[type=number]{-moz-appearance:textfield}.pricing-breakdown{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);padding:12px 16px}.pricing-breakdown h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.pricing-breakdown-grid{display:grid}.pricing-group{margin-bottom:10px}.pricing-group:last-child{margin-bottom:0}.pricing-group-head{border-bottom:2px solid var(--faint);letter-spacing:.06em;text-transform:uppercase;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:2px;padding:5px 0 4px;font-size:11px;font-weight:700;display:flex}.pricing-group-head span{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--text);font-size:12px;font-weight:600}.pricing-row{border-bottom:1px solid var(--line);padding:7px 0}.pricing-row:last-of-type{border-bottom:none}.pricing-row p{justify-content:space-between;gap:12px;margin:0;font-size:12px;line-height:1.5;display:flex}.pricing-row span{color:var(--muted);font-size:11px}.pricing-total{border-top:1px solid var(--faint);margin:12px 0 0;padding-top:10px;font-size:13px;font-weight:600}.pricing-total-net{color:var(--muted);font-size:12px;font-weight:400}.pricing-total-vat{color:var(--muted);border-top:none;margin-top:4px;padding-top:0;font-size:12px;font-weight:400}.pricing-total-gross{border-top:1px solid var(--faint);margin-top:8px;padding-top:8px;font-size:14px}.model-list{gap:6px;display:grid}.model-row{grid-template-columns:minmax(80px,1fr) minmax(90px,1fr) auto;align-items:center;gap:6px;display:grid}.model-row p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:0;font-size:12px;overflow:hidden}.remove-model{background:var(--bg);cursor:pointer}.muted{color:var(--muted);margin:0;font-size:12px}.field-note{color:var(--muted);margin:4px 0 0;font-size:11px}.nested-settings-menu{border:1px solid var(--line);background:0 0;border-radius:6px;overflow:hidden}.settings-panel[data-settings-panel=design] .design-section+.design-section{margin-top:8px;padding-top:8px}.settings-panel[data-settings-panel=design] .settings-panel-body{padding-top:16px}.settings-panel[data-settings-panel=design] #steel-plate-group{border-top:1px solid var(--line-soft);width:100%;margin-top:16px;padding-top:16px;display:block}.settings-panel[data-settings-panel=design] #preset-designs-menu{border-top:0;width:100%;margin-top:16px;padding-top:0;display:block}.nested-settings-menu>summary{cursor:pointer;border-bottom:1px solid var(--line);width:100%;color:var(--text);letter-spacing:.01em;-webkit-user-select:none;user-select:none;background:0 0;padding:8px 10px;font-size:12px;font-weight:600;list-style:none;position:relative}.nested-settings-menu>summary::-webkit-details-marker{display:none}.nested-settings-menu>summary:after{content:"+";color:var(--muted);font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.nested-settings-menu[open]>summary:after{content:"−"}.nested-settings-menu[open]>summary{border-bottom-color:var(--line-strong)}.nested-settings-menu .design-presets-grid{padding:8px}.design-presets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-preset-btn{border:1px solid var(--line-strong);background:#fff;justify-items:center;gap:4px;padding:6px;display:grid}.design-preset-btn:hover{background:#f7f7f7;border-color:#101010}.design-preset-code{text-align:left;letter-spacing:0;color:#101010;width:100%;font-size:10px;font-weight:600}.design-preset-preview{filter:none;width:100%;max-width:112px;height:auto;display:block}.design-preset-preview .dp-frame{fill:none;stroke:#101010;stroke-width:2px;shape-rendering:geometricprecision}.design-preset-preview .dp-glass{fill:#0000}.design-preset-preview .dp-bar{fill:#101010}.design-preset-preview .dp-bar-line{stroke:#101010;stroke-width:2px;stroke-linecap:butt;shape-rendering:geometricprecision}.design-preset-preview .dp-plate{fill:#101010}.design-preset-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.design-presets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ral-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ral-swatch{aspect-ratio:1;border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;width:100%;min-height:110px;max-height:110px;padding:0;transition:border-color .12s,transform .12s;display:block;position:relative;overflow:hidden}.ral-swatch:hover{border-color:#101010;transform:translateY(-1px)}.ral-swatch.is-active{border-color:#101010;box-shadow:inset 0 0 0 1px #101010}.ral-swatch-color{border:0;display:block;position:absolute;inset:0}.ral-swatch-meta{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffeb;border-top:1px solid #0000001f;padding:7px 8px;position:absolute;bottom:0;left:0;right:0}.ral-swatch-label{color:var(--text);text-align:left;font-size:11px;font-weight:600;line-height:1.2;display:block}.ral-swatch-code{font-size:10px;font-family:var(--mono);color:var(--muted);text-align:left;margin-top:2px;display:block}.ral-swatch-price{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.03em;border-radius:3px;margin-top:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.ral-swatch.is-active .ral-swatch-price{color:#fff;background:#ffffff2e}.ral-swatch.is-active .ral-swatch-meta{background:#101010e0;border-top-color:#fff3}.ral-swatch.is-active .ral-swatch-label,.ral-swatch.is-active .ral-swatch-code{color:#fff}.glass-swatch-img{background:#c8dde8}.glass-swatch-img[data-glass-value=clear]{background:linear-gradient(135deg,#d6eaf8 0%,#eaf4fb 50%,#d6eaf8 100%)}.glass-swatch-img[data-glass-value=laminated]{background:linear-gradient(135deg,#bbd4e8 0%,#d4e9f7 50%,#bbd4e8 100%)}.glass-swatch-img[data-glass-value=frosted]{background:linear-gradient(135deg,#f1f5f7 0%,#fbfcfd 50%,#f1f5f7 100%)}.glass-swatch-img[data-glass-value=opaque-laminated]{background:linear-gradient(135deg,#dde3e6 0%,#edf0f2 50%,#dde3e6 100%)}.glass-swatch-img[data-glass-value=reeded]{background:repeating-linear-gradient(90deg,#b8d1e1 0 3px,#e4f0f8 3px 8px)}.glass-swatch-img[data-glass-value=ornamental]{background:repeating-linear-gradient(45deg,#cddfe9 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#cddfe9 0 2px,#0000 2px 10px),#daeaf4}.ral-swatch-custom .ral-swatch-color-custom{color:#101010;letter-spacing:.08em;background:#f5f7f9;border:0;place-items:center;font-size:10px;font-weight:700;display:grid}.ral-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ral-search-row button{padding:6px 10px}#custom-ral-wrap{border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px}@media (width<=700px){.layout{grid-template-rows:35vh 1fr;grid-template-columns:1fr;height:100dvh;overflow:hidden}body.is-extras-stage .layout{grid-template-rows:30vh 1fr}body,#app{height:100dvh;overflow:hidden}.viewer-wrap{order:1;height:35vh;overflow:hidden}body.is-extras-stage .viewer-wrap{height:30vh}.door-orders-bar{gap:6px;padding:6px 8px}.door-orders-label{font-size:10px}.door-count-badge{min-width:20px;padding:1px 6px;font-size:10px}.door-orders-list{gap:5px}.door-orders-add-btn{padding:3px 7px;font-size:11px}.controls-shell{border-left:none;border-top:1px solid var(--line);flex-direction:column;order:2;height:100%;display:flex;overflow:hidden}.right-panel-head{display:none}.settings-layout{flex:1;min-width:0;display:flex;overflow:hidden}.controls{gap:6px;padding:7px 8px 6px;overflow-y:auto}.settings-tabs{display:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{letter-spacing:.01em;border-radius:9px;flex:none;padding:7px 10px;font-size:9px}.settings-tab.is-active{transform:translateY(-1px)}.settings-panel{grid-template-columns:1fr}.settings-panel-toggle{padding:8px;font-size:11px}.settings-panel-body{padding:7px 8px 9px}.settings-panel-body .card+.card{margin-top:12px;padding-top:12px}.mobile-price-panel{z-index:12;overflow-wrap:anywhere;background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:8px;flex-shrink:0;width:100%;margin:0 0 6px;padding:8px 10px;display:block;position:sticky;top:0}.mobile-price-panel span{font-size:9px;line-height:1.25}.mobile-price-panel strong{font-size:.95rem;line-height:1.15}.stage-flow{gap:0;margin:0;padding:5px}.stage-flow-actions{gap:6px}.stage-flow-btn{padding:6px 8px;font-size:9px}.field-inline-pair{grid-template-columns:1fr;gap:6px}.card{gap:8px;padding:9px}.controls-fade-top{display:none!important}.controls.has-overflow .controls-scroll-hint{pointer-events:none;background:0 0;border:none;border-radius:0;width:max-content;margin:0 auto;padding:0;font-size:0;display:block;position:sticky;bottom:6px}.controls.has-overflow .controls-scroll-hint:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--accent);opacity:.7;width:0;height:0;animation:1.2s ease-in-out infinite scroll-bounce;display:block}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.pricing-modal-body{grid-template-columns:1fr}.viewer-toolbar{justify-content:flex-start;gap:6px;padding:5px 6px}.system-menu-btn{padding:4px 8px}.mode-toggle{padding:4px 6px}.floating-mode-toggle{top:8px;right:8px}.floating-door-motion-toggle{top:46px;right:8px}.floating-restart-design-btn{width:34px;height:34px;top:84px;right:8px}.floating-buy-direct-toggle{width:34px;height:34px;top:122px;right:8px}.floating-dimensions-toggle{padding:3px 6px;font-size:11px;top:8px;left:8px}.floating-dimensions-toggle input[type=checkbox]{--toggle-w:28px;--toggle-h:16px}}@media (hover:none) and (pointer:coarse){input[type=number],input[type=text],select{font-size:16px!important}}