:root{--bg:#f3f5f7;--surface:#fff;--surface-2:#f7f8fa;--border:#d5dae1;--text:#1c2430;--muted:#536071;--accent:#0b6e78;--accent-strong:#08545c;--accent-soft:#e2f1f2;--danger:#a3261f;--warn-bg:#fff6e0;--warn-text:#6b4a00;--info-bg:#eef3fb;--info-text:#23426e;--focus:#1a73e8;--radius:6px;--toolbar-h:56px;--summary-h:230px;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2,h3{margin:0 0 8px;line-height:1.25}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:13px}h3{font-size:13px}p{margin:0 0 8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius);padding:8px 12px;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.app{grid-template-rows:var(--toolbar-h) auto 1fr var(--summary-h);height:100%;display:grid}.toolbar{grid-row:1}.banner{grid-row:2}.workspace{grid-row:3;grid-template-columns:300px 1fr 300px;min-height:0;display:grid}.panel{background:var(--surface);min-height:0;padding:14px;overflow-y:auto}.catalog-panel{border-right:1px solid var(--border)}.properties-panel{border-left:1px solid var(--border)}.viewport{background:#e9edf1;min-width:0;min-height:0;position:relative}.scene-canvas{touch-action:none;width:100%;height:100%;display:block}.scene-loading,.scene-error,.splash{text-align:center;place-content:center;gap:8px;height:100%;padding:24px;display:grid}.viewport-empty{pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.viewport-empty p{border-radius:var(--radius);border:1px solid var(--border);color:var(--muted);background:#ffffffeb;padding:10px 16px}.viewport-status,.viewport-legend{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:#ffffffeb;padding:4px 10px;font-size:12px;position:absolute}.viewport-status{top:10px;left:10px}.viewport-legend{bottom:10px;left:10px}.toolbar{color:#fff;background:#18212c;align-items:center;gap:16px;min-width:0;padding:0 14px;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.brand-mark{color:#5cc6cf}.title-field{flex:0 260px;align-items:center;gap:8px;min-width:120px;display:flex}.title-field input{color:#fff;border-radius:var(--radius);background:#243041;border:1px solid #3a4a5e;width:100%;padding:6px 8px}.dirty{color:#ffd27a;white-space:nowrap;font-size:11px}.toolbar-actions{align-items:center;gap:6px;margin-left:auto;padding:4px 0;display:flex;overflow-x:auto}.toolbar .btn{color:#fff;background:#243041;border-color:#3a4a5e}.toolbar .btn:hover:not(:disabled){background:#2f3e52}.toolbar .btn-primary{background:var(--accent);border-color:var(--accent)}.toolbar .btn-cta{color:#0d3a3f;background:#c9e8ea;border-color:#c9e8ea}.sep{background:#3a4a5e;width:1px;height:24px}.segmented{display:flex}.segmented .btn{border-radius:0}.segmented .btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.segmented .btn[aria-pressed=true]{background:var(--accent)}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-items{border-radius:var(--radius);z-index:20;background:#18212c;border:1px solid #3a4a5e;gap:4px;margin-top:6px;padding:6px;display:grid;position:fixed}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:6px 12px}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-danger{color:var(--danger);border-color:#e4b5b2}.btn-small{padding:3px 10px;font-size:13px}.btn-icon{padding:2px 10px;font-size:18px;line-height:1}.button-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.link{color:var(--accent-strong);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:2px 0}.link-active{font-weight:600;text-decoration:underline}.field{gap:4px;margin-bottom:10px;display:grid}.field label,.room-form label{color:var(--muted);font-size:12px;font-weight:600}input,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);min-width:0;padding:6px 8px}.input-suffix{align-items:center;gap:4px;display:flex}.input-suffix input{width:100%}.hint{color:var(--muted);font-size:12px;display:block}.note{color:var(--muted);font-size:12px;font-style:italic}.empty{color:var(--muted)}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 12px;padding:10px}legend{padding:0 4px;font-size:13px;font-weight:600}.status{border-radius:var(--radius);background:var(--info-bg);color:var(--info-text);padding:6px 8px}.status-error{color:var(--danger);background:#fdeceb}.catalog-group ul{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:8px 10px}.product-head{justify-content:space-between;align-items:start;gap:8px;display:flex}.product-name{font-weight:600}.product-meta{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.sku{color:var(--muted);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.product-card details summary{color:var(--accent-strong);cursor:pointer;font-size:12px}.badges{flex-wrap:wrap;gap:4px;display:inline-flex}.badge{border-radius:10px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.badge-demo{color:#8a1f19;background:#fde2e1}.badge-candidate{background:var(--warn-bg);color:var(--warn-text)}.badge-draft{background:var(--info-bg);color:var(--info-text)}.swatches [role=radiogroup]{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.swatch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;justify-items:center;gap:4px;padding:6px 4px;font-size:12px;display:grid}.swatch-checked{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.swatch-chip{border:1px solid #00000040;border-radius:50%;width:26px;height:26px}.swatch-chip[data-as-modeled]{background:conic-gradient(#c94f7c,#6c58a8,#e0c040,#3f8f6a,#c94f7c)}.transform .field{margin-bottom:8px}.keyboard-help dl{grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px;display:grid}.keyboard-help dt{font-weight:600}.keyboard-help dd{margin:0}.summary{background:var(--surface);border-top:1px solid var(--border);grid-row:4;grid-template-columns:1.4fr 1fr .9fr;gap:0;min-height:0;display:grid}.summary-col{border-right:1px solid var(--border);min-height:0;padding:12px 14px;overflow-y:auto}.summary-col:last-child{border-right:none}.count{color:var(--text)}.bom{border-collapse:collapse;width:100%;font-size:13px}.bom th,.bom td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:4px 6px}.bom th{color:var(--muted);font-size:12px}.bom .qty{text-align:right;font-variant-numeric:tabular-nums}.not-quotable td{color:var(--muted)}.instances ul{margin:6px 0;padding:0;list-style:none}.warnings,.item-warnings ul{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.warning{border-radius:var(--radius);padding:5px 8px;font-size:13px}.warning-warning{background:var(--warn-bg);color:var(--warn-text)}.warning-info{background:var(--info-bg);color:var(--info-text)}.dialog{border:1px solid var(--border);width:min(520px,100vw - 32px);color:var(--text);border-radius:10px;padding:16px 20px}.dialog::backdrop{background:#0f161e73}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialog-head h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:16px}.room-form{gap:10px;display:grid}.room-form label{gap:4px;display:grid}.saved-list{gap:8px;padding:0;list-style:none;display:grid}.saved-list li{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.toasts{right:16px;bottom:calc(var(--summary-h) + 16px);z-index:50;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed}.toast{border-radius:var(--radius);color:#fff;background:#18212c;padding:10px 14px;box-shadow:0 6px 20px #0003}.toast-error{background:var(--danger)}.banner{background:var(--warn-bg);color:var(--warn-text);border-bottom:1px solid #f0d9a0;padding:6px 14px}@media (width<=1100px){.workspace{grid-template-columns:260px 1fr}.properties-panel{border-left:none;border-top:1px solid var(--border);grid-column:1/-1;max-height:260px}.summary{grid-template-columns:1fr 1fr}.summary-col:last-child{grid-column:1/-1}}@media (width<=720px){.app{grid-template-rows:auto auto auto auto;height:auto}.toolbar{flex-wrap:wrap;padding:8px 12px}.toolbar-actions{width:100%;margin-left:0}.workspace{grid-template-columns:1fr}.viewport{order:-1;height:60vh}.catalog-panel{border-right:none;max-height:420px}.summary{grid-template-columns:1fr}.toasts{bottom:16px}}.connection-list{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.connection-list li{justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.connections .badge{margin:0 0 8px}.connections select{width:100%}.frame-cta{border-bottom:1px solid var(--border);gap:4px;margin-bottom:12px;padding-bottom:12px;display:grid}.frame-form{gap:10px;display:grid}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.frame-grid label,.frame-form .check{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.frame-form .check{align-items:center;gap:8px;display:flex}.frame-summary{margin:4px 0 0}.frame-parts{max-height:240px;overflow-y:auto}.frame-title{font-weight:600}@media (width<=720px){.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bracket-list{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.bracket-list li{border:1px solid var(--border);border-radius:var(--radius);padding:8px}.bracket-head{justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.frame-accessories .sub-options{gap:4px;margin-left:22px;display:grid}.frame-accessories{gap:6px;display:grid}.share-body,.quote-form{gap:10px;display:grid}.share-body input{width:100%}.quote-summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:160px 1fr;align-items:start;gap:12px;padding:10px;display:grid}.quote-snapshot{border:1px solid var(--border);border-radius:4px;width:160px}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.quote-form textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px}.quote-form .check{align-items:flex-start;gap:8px;font-size:13px;display:flex}.field-error{color:var(--danger);font-size:12px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}:is(.dialog:has(.quote-form),.dialog:has(.quote-receipt)){width:min(680px,100vw - 32px)}.banner-readonly{background:var(--info-bg);color:var(--info-text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=720px){.quote-grid,.quote-summary{grid-template-columns:1fr}}