:root{--bg:#f7f7f5;--panel:#fff;--line:#d9d9d4;--text:#1f1f1c;--muted:#6b6b64;--accent:#2f6fdd;--danger:#c0392b;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.workbench{display:grid;grid-template-columns:280px 1fr 340px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "sidebar centre inspector" "problems problems problems";height:100vh}.region-header{grid-area:header}.region-sidebar{grid-area:sidebar;overflow:auto;border-right:1px solid var(--line);background:var(--panel)}.region-centre{grid-area:centre;overflow:auto}.region-inspector{grid-area:inspector;overflow:auto;border-left:1px solid var(--line);background:var(--panel)}.region-problems{grid-area:problems;border-top:1px solid var(--line);background:var(--panel)}.header{display:flex;border-bottom:1px solid var(--line);background:var(--panel);align-items: center;gap:12px;padding:6px 12px}.header h1{margin:0;font-size:16px}.header .spacer{flex:1}.mode-toggle button[aria-checked=true],.tabs button[aria-selected=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.last-step{color:var(--muted)}.undo-redo{display:flex;gap:4px}.undo-redo button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.undo-toast{position:fixed;z-index:20;display:flex;border:1px solid var(--line);background:var(--panel);border-radius:6px;align-items: center;gap:12px;padding:8px 12px;bottom:16px;left:16px;box-shadow:0 2px 8px #00000026}.sidebar{padding:8px}.toolbar{display:flex;gap:6px;margin-bottom:6px}[role=tree],[role=group],.categories ul{list-style:none;margin:0;padding-left:12px}[role=tree]{padding-left:0}.tree-row{position:relative;display:flex;align-items: center;gap:4px;padding:2px 0}.tree-row .row-actions{display:none;gap:2px}.tree-row:hover .row-actions,.tree-row:focus-within .row-actions{display:inline-flex}.row-actions button{padding:0 4px;font-size:11px}.twisty{background:0 0;border:none;width:16px;padding:0}.folder-name{font-weight:600}.cabinet-name{text-align:left;background:0 0;border:none;padding:0 4px}.tree-cabinet.open>.tree-row .cabinet-name{color:var(--accent);font-weight:600}.badge-error{color:var(--danger)}.field-error{color:var(--danger);font-size:12px}.categories{margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items: center}.section-head h2{text-transform:uppercase;color:var(--muted);font-size:13px}.count{color:var(--muted);margin-left:auto;padding-right:4px}.preview-card.hover{position:absolute;z-index:10;background:var(--panel);border:1px solid var(--line);width:220px;padding:8px;top:0;left:100%;box-shadow:0 4px 16px #0000001f}.preview-image{aspect-ratio:1;background:var(--bg)}.description{color:var(--muted);margin:4px 0 0;font-size:12px}.modal-backdrop{position:fixed;display:flex;z-index:100;background:#0000004d;justify-content:center;align-items: center;inset:0}.modal{background:var(--panel);overflow:auto;border-radius:6px;max-width:900px;max-height:85vh;padding:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.picker-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:0}.picker-card{text-align:left;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:8px}.card-title{font-weight:600}.centre{display:flex;flex-direction:column;height:100%;padding:8px}.tabs{display:flex;gap:2px;margin-bottom:8px}.view-area{flex:1}.all-four{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:100%}.view-area:has(>.all-four){min-height:0}.all-four{grid-template-columns:max-content 1fr;grid-template-rows:max-content 1fr;overflow:hidden;align-content: start;min-height:0}.all-four .front-view{height:auto;min-height:0}.all-four .front-view .view-toolbar{overflow:hidden;white-space:nowrap;flex-wrap:nowrap;height:28px}.view-placeholder{border:1px dashed var(--line);display:flex;color:var(--muted);justify-content:center;align-items: center;min-height:160px}.empty{color:var(--muted)}.inspector{padding:8px 12px}.inspector h2{margin:4px 0;font-size:16px}.cabinet-facts{display:grid;grid-template-columns:auto 1fr;color:var(--muted);gap:2px 8px;margin:0 0 8px}.cabinet-facts dd{margin:0}.category-toggles{display:flex;border:none;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0}.category-toggles legend{color:var(--muted);font-size:12px}.problems{padding:4px 12px}.problems-toggle{background:0 0;border:none;font-weight:600}.problems.open ul{overflow:auto;max-height:30vh}.front-view{position:relative;display:flex;flex-direction:column;height:100%;min-height:160px;margin:0}.front-view .view-toolbar{display:flex;align-items: center;gap:8px;font-size:12px}.front-drawing{flex:1;width:100%;min-height:0}.front-drawing .part{fill:none;stroke:currentColor;stroke-width:.6;vector-effect:non-scaling-stroke}.front-drawing .part.front{fill:color-mix(in srgb,currentColor 6%,transparent)}.front-drawing .part.hidden{stroke-dasharray:4 3;opacity:.5}.front-drawing .dim line{stroke:var(--muted);stroke-width:.5;vector-effect:non-scaling-stroke}.front-drawing text{fill:currentColor;paint-order:stroke;stroke:var(--bg,white);stroke-width:3px;stroke-linejoin:round}.front-drawing .selected .opening{fill:none;stroke:var(--accent,#2563eb);stroke-dasharray:6 4;stroke-width:1;vector-effect:non-scaling-stroke}.front-drawing .selected .tag{fill:var(--accent,#2563eb);font-weight:600}.front-drawing .selected .hardware circle{fill:var(--accent,#2563eb)}.front-drawing .niche{fill:var(--muted);font-style:italic}.front-drawing .hit rect{fill:transparent;cursor:pointer}.front-drawing .hit rect:hover{fill:color-mix(in srgb,var(--accent,#2563eb)8%,transparent)}.section-menu{position:absolute;background:var(--bg,white);border:1px solid var(--line);display:flex;border-radius:6px;flex-direction:column;gap:4px;max-width:320px;padding:6px 8px;font-size:12px;top:28px;right:8px;box-shadow:0 2px 8px #00000026}.section-menu .breadcrumb button{color:var(--accent,#2563eb);cursor:pointer;background:0 0;border:none;padding:0;font-family:monospace}.section-menu .breadcrumb button[aria-current]{color:inherit;font-weight:600}.section-menu .breadcrumb .close{float:right;color:var(--muted)}.section-menu .menu-row{display:flex;flex-wrap:wrap;align-items: center;gap:4px 8px}.section-menu .formula-field input{width:9em;margin-left:4px;font-family:monospace}.section-menu .error{color:#b91c1c;margin:0}.projection-drawing .hatch-line{stroke:currentColor;stroke-width:.4;vector-effect:non-scaling-stroke}.projection-drawing .part.cut{stroke-width:1}.projection-drawing .part.leg{fill:color-mix(in srgb,currentColor 20%,transparent)}.front-drawing .cut-lines line{stroke:var(--accent,#2563eb);stroke-width:.8;stroke-dasharray:12 3 2 3;vector-effect:non-scaling-stroke}.front-drawing .cut-lines text{fill:var(--accent,#2563eb);font-weight:600}.projection-view .cut-name{color:var(--accent,#2563eb);font-weight:600}.front-drawing .dim .halo{fill:var(--bg,white);stroke:none}.front-drawing .dim line.leader{stroke-dasharray:none;stroke-width:.4}.preview-image img{display:block;object-fit:contain;width:100%;height:100%}.view-3d{position:relative;border:1px solid var(--line);background:var(--panel);height:100%;min-height:160px}.view-3d canvas{display:block}.view-3d .view-3d-reset{position:absolute;font-size:12px;top:4px;right:4px}.problems-badge.has-errors{color:#b00020;font-weight:600}.problems-badge .checking,.problems-summary{color:var(--muted,#666)}.problem{list-style:none}.problem-severity{display:inline-block;text-transform:uppercase;min-width:5em;font-size:.8em}.problem-error .problem-severity{color:#b00020}.problem-warning .problem-severity{color:#a06000}.problem-link{text-align:left;cursor:pointer;text-decoration:underline;background:0 0;border:none;padding:0}.problem-path{color:var(--muted,#666);font-size:.8em}.export-errors h3{color:#b00020}.zip-tree ul{margin:0;padding-left:1.2em;font-family:monospace;font-size:.85em}.import-errors,.merge-diff{border-collapse:collapse;font-size:.85em}.import-errors td,.import-errors th,.merge-diff td,.merge-diff th{border:1px solid var(--line);text-align:left;padding:2px 6px}.app-shell{display:flex;flex-direction:column;height:100vh}.app-shell>.workbench{flex:1;height:auto;min-height:0}.persist-banner{display:flex;border-bottom:1px solid var(--line);background:#fff4d6;flex-wrap:wrap;align-items: center;gap:8px;padding:6px 12px}.persist-error{background:#fde8e6}.persist-errors{color:var(--muted);flex-basis:100%;margin:0;padding-left:20px;font-size:12px}.catalogue{display:flex;flex-direction:column;flex:1;min-height:0}.cat-panel{overflow:auto;flex:1}.cat-broken{color:var(--danger);margin:0 0 8px}.cat-table{border-collapse:collapse;font-size:13px}.cat-table th{text-align:left;color:var(--muted);white-space:nowrap;padding:2px 6px;font-weight:600}.cat-table td{border-top:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:2px 6px}.cat-field{display:inline-flex;flex-direction:column;gap:1px}.cat-field input:not([type=checkbox]):not([type=color]){width:7em}.cat-field input.wide{width:16em}.cat-field .unit{color:var(--muted);font-size:11px}.cat-field .field-error{color:var(--danger);white-space:normal;max-width:18em;font-size:11px}.cat-detail>td{background:var(--bg);padding:8px 12px}.cat-contract{display:flex;flex-wrap:wrap;gap:16px}.cat-sub h4{margin:0 0 4px;font-size:13px}.cat-sub h5{margin:4px 0 2px;font-size:12px}.cat-vec{display:inline-flex;gap:4px}.cat-add{display:flex;align-items: flex-start;gap:6px;margin-top:6px}.cat-section>.cat-field{margin-top:6px}.formula-field{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0}.formula-row{display:flex;align-items: center;gap:6px}.formula-input{flex:1;min-width:0;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.formula-input[aria-invalid=true]{border-color:var(--danger);outline-color:var(--danger)}.formula-value{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.formula-suggestions{position:absolute;z-index:10;list-style:none;background:var(--panel);border:1px solid var(--line);overflow:auto;max-height:180px;margin:0;padding:2px 0;font-family:ui-monospace,monospace;font-size:12px;top:100%;left:0;box-shadow:0 2px 6px #0000001f}.formula-suggestions li{cursor:pointer;padding:1px 8px}.formula-suggestions li[aria-selected=true],.formula-suggestions li:hover{background:var(--accent);color:#fff}.schema-field{display:flex;flex-direction:column;gap:2px;margin:4px 0}.schema-field .field-label{color:var(--muted);font-size:12px}.schema-field fieldset,.hardware-slot,.section-inspector>fieldset{border:1px solid var(--line);min-width:0;margin:4px 0;padding:4px 8px}.schema-field legend,.hardware-slot legend{font-size:12px}.array-item{border-left:2px solid var(--line);margin:4px 0;padding-left:6px}.muted{color:var(--muted);font-size:12px}.parameters{list-style:none;margin:0;padding:0}.parameter{border-bottom:1px solid var(--line);padding:4px 0}.parameter-head code{color:var(--muted);font-size:11px}.parameter input[type=range]{width:100%}.parameter-range{display:flex;color:var(--muted);gap:6px;font-size:11px}.number-field{width:80px}.number-field-wrap{display:inline-flex;flex-direction:column;gap:1px}.number-field-wrap .field-error{color:var(--danger);white-space:normal;max-width:18em;font-size:11px}.parameter-range .number-field{width:60px}.derived-values{border-collapse:collapse;width:100%;font-size:12px}.derived-values td{border-bottom:1px solid var(--line);padding:1px 4px}.derived-values td.value{text-align:right;white-space:nowrap}.derived-values tr.generated{color:var(--muted)}.section-tree{list-style:none;margin:8px 0;padding:0}.section-tree .tree-row.selected .section-name{color:var(--accent);font-weight:600}.section-name{background:0 0;border:none;padding:0 4px;font-family:ui-monospace,monospace}.interior-name{font-weight:600}.build-table{border:1px solid var(--line);min-width:0;margin:6px 0;padding:4px 8px}.build-table>legend{font-size:12px;font-weight:600}.build-row{border:1px solid var(--line);min-width:0;margin:4px 0;padding:4px 8px}.build-row.has-errors{border-color:var(--danger)}.build-row legend{font-size:12px}.row-errors{list-style:none;color:var(--danger);margin:2px 0;padding:0;font-size:12px}.generated-list{list-style:none;margin:4px 0;padding:0}.generated-entry{color:var(--muted);opacity:.75;padding:1px 0;font-size:12px}.origin-link{color:var(--accent);text-decoration:underline;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.placements h5{margin:4px 0 2px;font-size:12px}