:root{--of-bg: #f2f3f5;--of-surface: #ffffff;--of-surface-2: #eaecf0;--of-border: #d4d7dd;--of-text: #1a1c20;--of-text-dim: #666b75;--of-accent: #0b6bcb;--of-focus: #0b6bcb;--of-danger: #c62828;--of-warning: #b26a00;--of-info: #0b6bcb;--of-ok: #2e7d32;--of-shadow: rgba(25, 32, 45, .18);--of-canvas-bg: #dee1e6;--of-board-fill: #eef1f5;--of-board-outline: #97a0ad;--of-board-glass-fill: rgba(255, 255, 255, .55);--of-board-glass-edge: rgba(116, 146, 185, .75);--of-board-glass-shadow: rgba(30, 42, 62, .3);--of-grid-dot: #b4bac4;--of-comp-outline: #3c4048;--of-comp-label: #2a2d33;--of-comp-shadow: rgba(28, 38, 56, .3);--of-glyph-sheen: rgba(255, 255, 255, .5);--of-glyph-shade: rgba(44, 62, 92, .14);--of-glyph-face: #47698f;--of-glyph-window: rgba(150, 195, 235, .4);--of-courtyard: #b26a00;--of-port-in: #0b6bcb;--of-port-out: #c62828;--of-port-bidi: #6a1b9a;--of-port-muted: rgba(106, 116, 132, .7);--of-selection: #0b6bcb;--of-selection-glow: rgba(11, 107, 203, .28);--of-hover: #4d94db;--of-hover-glow: rgba(77, 148, 219, .2);--of-ghost: #556;--of-rubber-stroke: #0b6bcb;--of-rubber-fill: rgba(11, 107, 203, .08);--of-snap: #2e7d32;--of-assist: #b26a00;--of-eff-ok: #2e7d32;--of-badge-error: #c62828;--of-badge-warning: #b26a00;--of-badge-info: #0b6bcb;--of-badge-text: #ffffff;--of-draft-badge: #b26a00;--of-icon: #3c4048;--of-cat-source: #ffd9a0;--of-cat-mirror: #ccd8e8;--of-cat-splitter: #cfe6ca;--of-cat-modulator: #e6cfe0;--of-cat-lens: #cbe4e8;--of-cat-waveplate: #e6e2cb;--of-cat-fiber: #f4cfcf;--of-cat-detector: #d9cfe6;--of-cat-shutter: #d9d9d2;--of-cat-filter: #cfe6da;--of-cat-aperture: #e0d5c5;--of-cat-baseplate: #eeeee8;--of-cat-other: #e2e2dc;--of-beam-saturation-pct: 90;--of-beam-lightness-shift-pct: -8;--of-beam-glow-alpha: .16;--of-beam-core-boost-pct: 0;--of-beam-blend: source-over;--of-font-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--of-font-mono: ui-monospace, Consolas, "Cascadia Mono", monospace;color-scheme:light}:root[data-theme=dark]{--of-bg: #131418;--of-surface: #1b1d22;--of-surface-2: #24262d;--of-border: #32353d;--of-text: #e6e8ec;--of-text-dim: #8e939d;--of-accent: #5aa2ff;--of-focus: #5aa2ff;--of-danger: #ff6b66;--of-warning: #e8a13c;--of-info: #5aa2ff;--of-ok: #58c76a;--of-shadow: rgba(0, 0, 0, .5);--of-canvas-bg: #0d0f13;--of-board-fill: #151920;--of-board-outline: #3d434e;--of-board-glass-fill: rgba(96, 134, 182, .07);--of-board-glass-edge: rgba(148, 188, 238, .38);--of-board-glass-shadow: rgba(0, 0, 0, .65);--of-grid-dot: #2b303a;--of-comp-outline: #a9b0bc;--of-comp-label: #c9ced8;--of-comp-shadow: rgba(0, 0, 0, .55);--of-glyph-sheen: rgba(210, 230, 255, .13);--of-glyph-shade: rgba(0, 0, 0, .28);--of-glyph-face: #cfe2fb;--of-glyph-window: rgba(140, 190, 255, .16);--of-courtyard: #e8a13c;--of-port-in: #5aa2ff;--of-port-out: #ff6b66;--of-port-bidi: #ce93d8;--of-port-muted: rgba(148, 158, 176, .55);--of-selection: #5aa2ff;--of-selection-glow: rgba(90, 162, 255, .35);--of-hover: #78b4ff;--of-hover-glow: rgba(120, 180, 255, .22);--of-ghost: #9aa2b4;--of-rubber-stroke: #5aa2ff;--of-rubber-fill: rgba(90, 162, 255, .1);--of-snap: #58c76a;--of-assist: #e8a13c;--of-eff-ok: #58c76a;--of-badge-error: #ff6b66;--of-badge-warning: #e8a13c;--of-badge-info: #5aa2ff;--of-badge-text: #101216;--of-draft-badge: #e8a13c;--of-icon: #c2c9d4;--of-cat-source: #5c4a28;--of-cat-mirror: #37424f;--of-cat-splitter: #384a34;--of-cat-modulator: #4c3547;--of-cat-lens: #2f4a4f;--of-cat-waveplate: #4c4830;--of-cat-fiber: #533939;--of-cat-detector: #413a52;--of-cat-shutter: #3e3e3a;--of-cat-filter: #33473c;--of-cat-aperture: #48402d;--of-cat-baseplate: #23252a;--of-cat-other: #383834;--of-beam-saturation-pct: 95;--of-beam-lightness-shift-pct: 8;--of-beam-glow-alpha: .34;--of-beam-core-boost-pct: 16;--of-beam-blend: lighter;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--of-bg: #131418;--of-surface: #1b1d22;--of-surface-2: #24262d;--of-border: #32353d;--of-text: #e6e8ec;--of-text-dim: #8e939d;--of-accent: #5aa2ff;--of-focus: #5aa2ff;--of-danger: #ff6b66;--of-warning: #e8a13c;--of-info: #5aa2ff;--of-ok: #58c76a;--of-shadow: rgba(0, 0, 0, .5);--of-canvas-bg: #0d0f13;--of-board-fill: #151920;--of-board-outline: #3d434e;--of-board-glass-fill: rgba(96, 134, 182, .07);--of-board-glass-edge: rgba(148, 188, 238, .38);--of-board-glass-shadow: rgba(0, 0, 0, .65);--of-grid-dot: #2b303a;--of-comp-outline: #a9b0bc;--of-comp-label: #c9ced8;--of-comp-shadow: rgba(0, 0, 0, .55);--of-glyph-sheen: rgba(210, 230, 255, .13);--of-glyph-shade: rgba(0, 0, 0, .28);--of-glyph-face: #cfe2fb;--of-glyph-window: rgba(140, 190, 255, .16);--of-courtyard: #e8a13c;--of-port-in: #5aa2ff;--of-port-out: #ff6b66;--of-port-bidi: #ce93d8;--of-port-muted: rgba(148, 158, 176, .55);--of-selection: #5aa2ff;--of-selection-glow: rgba(90, 162, 255, .35);--of-hover: #78b4ff;--of-hover-glow: rgba(120, 180, 255, .22);--of-ghost: #9aa2b4;--of-rubber-stroke: #5aa2ff;--of-rubber-fill: rgba(90, 162, 255, .1);--of-snap: #58c76a;--of-assist: #e8a13c;--of-eff-ok: #58c76a;--of-badge-error: #ff6b66;--of-badge-warning: #e8a13c;--of-badge-info: #5aa2ff;--of-badge-text: #101216;--of-draft-badge: #e8a13c;--of-icon: #c2c9d4;--of-cat-source: #5c4a28;--of-cat-mirror: #37424f;--of-cat-splitter: #384a34;--of-cat-modulator: #4c3547;--of-cat-lens: #2f4a4f;--of-cat-waveplate: #4c4830;--of-cat-fiber: #533939;--of-cat-detector: #413a52;--of-cat-shutter: #3e3e3a;--of-cat-filter: #33473c;--of-cat-aperture: #48402d;--of-cat-baseplate: #23252a;--of-cat-other: #383834;--of-beam-saturation-pct: 95;--of-beam-lightness-shift-pct: 8;--of-beam-glow-alpha: .34;--of-beam-core-boost-pct: 16;--of-beam-blend: lighter;color-scheme:dark}}:root{--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--radius-1: 4px;--radius-2: 6px;--hairline: 1px solid var(--of-border)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--of-font-ui);font-size:13px;line-height:1.45;color:var(--of-text);background:var(--of-bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--of-focus);outline-offset:1px}::selection{background:var(--of-selection-glow)}.app{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:232px 1fr 320px;grid-template-areas:"menubar menubar menubar" "palette canvas right" "dock dock dock" "statusbar statusbar statusbar";height:100%}.props-panel h2,.drc-panel h2,.beam-section h2,.palette-group h3{margin:0 0 var(--sp-2);font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--of-text-dim)}.menubar{grid-area:menubar;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--of-surface);border-bottom:var(--hairline)}.menubar .spacer{flex:1}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer;padding:3px 10px;border-radius:var(--radius-1);color:var(--of-text)}.menu>summary::-webkit-details-marker{display:none}.menu[open]>summary,.menu>summary:hover{background:var(--of-surface-2)}.menu-items{position:absolute;top:calc(100% + 2px);left:0;z-index:50;min-width:240px;padding:var(--sp-1);background:var(--of-surface);border:var(--hairline);border-radius:var(--radius-2);box-shadow:0 8px 24px var(--of-shadow);display:flex;flex-direction:column}.menu-items button{display:flex;justify-content:space-between;gap:var(--sp-5);width:100%;padding:5px 10px;text-align:left;background:none;border:none;border-radius:var(--radius-1);cursor:pointer}.menu-items button:hover:not(:disabled){background:var(--of-surface-2)}.menu-items button:disabled{color:var(--of-text-dim);cursor:default}.menu-items .shortcut{color:var(--of-text-dim);font-size:12px}.toolbar-btn{padding:3px 9px;background:none;border:1px solid transparent;border-radius:var(--radius-1);cursor:pointer;color:var(--of-text)}.toolbar-btn:hover:not(:disabled){background:var(--of-surface-2)}.toolbar-btn:disabled{color:var(--of-text-dim);cursor:default;opacity:.6}.toolbar-btn[aria-pressed=true]{border-color:var(--of-accent);color:var(--of-accent);background:var(--of-surface-2)}.dirty-dot{color:var(--of-warning);font-size:15px;padding:0 var(--sp-2)}.toolbar-sep{width:1px;height:18px;margin:0 var(--sp-2);background:var(--of-border)}.view-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--of-surface-2);border-radius:var(--radius-2)}.view-toggle .toolbar-btn[aria-pressed=true]{background:var(--of-surface);border-color:var(--of-accent)}.theme-select{background:var(--of-surface-2);border:var(--hairline);border-radius:var(--radius-1);padding:2px 6px}.palette{grid-area:palette;display:flex;flex-direction:column;background:var(--of-surface);border-right:var(--hairline);overflow:hidden}.palette-search{margin:var(--sp-3);padding:5px 10px;background:var(--of-surface-2);border:var(--hairline);border-radius:var(--radius-2)}.palette-search::placeholder{color:var(--of-text-dim)}.palette-groups{overflow-y:auto;flex:1;padding:0 var(--sp-3) var(--sp-3)}.palette-group h3{margin:var(--sp-4) 2px var(--sp-1)}.group-toggle{display:flex;align-items:center;gap:var(--sp-1);width:100%;padding:2px 0;background:none;border:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.group-toggle.static{cursor:default}.group-caret{display:inline-block;transition:transform .12s ease;color:var(--of-text-dim)}.group-caret.closed{transform:rotate(-90deg)}.group-count{margin-left:auto;color:var(--of-text-dim);font-size:10px}.palette-card-wrap{position:relative;min-width:0}.palette-card-wrap.drop-before:before,.palette-card-wrap.drop-after:after{content:"";position:absolute;top:3px;bottom:3px;width:2px;border-radius:1px;background:var(--of-accent);pointer-events:none}.palette-card-wrap.drop-before:before{left:-4px}.palette-card-wrap.drop-after:after{right:-4px}.palette-card-wrap .palette-card{width:100%}.role-badge{position:absolute;top:2px;left:4px;font-size:12px;line-height:1.4;color:var(--of-accent);pointer-events:auto;cursor:help}.flyout-role{font-size:11px;color:var(--of-text-dim)}.star-toggle{position:absolute;top:2px;right:2px;padding:0 3px;background:none;border:none;color:var(--of-text-dim);font-size:12px;line-height:1.4;cursor:pointer;opacity:0}.palette-card-wrap:hover .star-toggle,.star-toggle:focus-visible,.star-toggle.starred{opacity:1}.star-toggle.starred{color:var(--of-accent)}.palette-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.palette-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);background:var(--of-surface-2);border:1px solid transparent;border-radius:var(--radius-2);cursor:grab;text-align:center;min-width:0}.palette-card:hover{border-color:var(--of-border);box-shadow:0 2px 8px var(--of-shadow)}.palette-card.armed{border-color:var(--of-accent);box-shadow:0 0 0 1px var(--of-accent)}.palette-card .part-thumb{flex:none}.palette-card .entry-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25}.drc-row.focused{border-color:var(--of-accent);background:var(--of-surface-2);box-shadow:0 0 0 1px var(--of-accent)}.aom-rows{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--sp-2)}.aom-row{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:11px}.aom-row span:first-child{color:var(--of-text-dim);white-space:nowrap}.aom-row span:last-child{font-family:var(--of-font-mono);text-align:right}.aom-match-btn{width:100%;padding:var(--sp-1) var(--sp-2);background:var(--of-surface-2);border:1px solid var(--of-border);border-radius:var(--radius-2);color:inherit;font:inherit;font-size:11px;cursor:pointer}.aom-match-btn:hover:not(:disabled){border-color:var(--of-accent)}.aom-match-btn:disabled{opacity:.6;cursor:default}.palette-flyout{position:fixed;z-index:60;width:280px;max-height:340px;overflow-y:auto;padding:var(--sp-4);background:var(--of-surface);border:var(--hairline);border-radius:var(--radius-2);box-shadow:0 10px 30px var(--of-shadow);pointer-events:none}.flyout-head{display:flex;gap:var(--sp-3);align-items:flex-start}.flyout-title{display:flex;flex-direction:column;gap:3px;min-width:0}.flyout-title .status-chip{align-self:flex-start}.flyout-description{margin:var(--sp-2) 0 0;font-size:12px;color:var(--of-text)}.canvas-area{grid-area:canvas;position:relative;overflow:hidden;min-width:0;min-height:0}.canvas-host{position:absolute;inset:0;overflow:hidden;background:var(--of-canvas-bg)}.canvas-area.mode-3d .canvas-host{visibility:hidden}.scene3d-host{position:absolute;inset:0;overflow:hidden;background:var(--of-canvas-bg)}.scene3d-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--of-text-dim);pointer-events:none}.canvas-host:focus-visible{outline-offset:-2px}.beam-tooltip{position:absolute;z-index:20;pointer-events:none;padding:5px 9px;background:var(--of-surface);border:var(--hairline);border-radius:var(--radius-1);font-family:var(--of-font-mono);font-size:12px;white-space:pre;box-shadow:0 3px 10px var(--of-shadow)}.right-col{grid-area:right;display:flex;flex-direction:column;min-height:0;background:var(--of-surface);border-left:var(--hairline)}.props-panel{flex:1 1 60%;overflow-y:auto;padding:var(--sp-4);border-bottom:var(--hairline)}.props-panel h2{margin-top:var(--sp-4)}.props-panel h2:first-child{margin-top:0}.part-header{margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:var(--hairline)}.part-title{display:flex;align-items:center;gap:var(--sp-3)}.part-title-text{display:flex;flex-direction:column;min-width:0;flex:1}.part-name{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-category{font-size:11px;color:var(--of-text-dim)}.status-chip{flex:none;font-size:10px;font-weight:650;letter-spacing:.05em;padding:1px 8px;border-radius:99px;border:1px solid var(--of-border);color:var(--of-text-dim)}.status-chip.status-complete{color:var(--of-ok);border-color:var(--of-ok)}.status-chip.status-draft{color:var(--of-warning);border-color:var(--of-warning)}.status-chip.status-deprecated{color:var(--of-danger);border-color:var(--of-danger)}.part-skus{margin-top:var(--sp-2);font-size:12px;color:var(--of-text-dim);font-family:var(--of-font-mono)}.part-description{margin-top:var(--sp-2);font-size:12px}.part-description summary{cursor:pointer;color:var(--of-text-dim)}.part-description p{margin:var(--sp-2) 0 0;color:var(--of-text)}.datasheets{margin:var(--sp-2) 0 0;padding:0;list-style:none;font-size:12px}.datasheets li{display:flex;align-items:baseline;gap:var(--sp-2);padding:1px 0}.datasheets a{color:var(--of-accent);text-decoration:none}.datasheets a:hover{text-decoration:underline}.datasheet-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--of-text-dim)}.datasheet-path code{font-family:var(--of-font-mono);font-size:11px}.copy-btn{flex:none;background:none;border:var(--hairline);border-radius:var(--radius-1);padding:0 5px;cursor:pointer;color:var(--of-text-dim)}.copy-btn:hover{color:var(--of-text);background:var(--of-surface-2)}.board-meta{margin:var(--sp-1) 0 var(--sp-3);color:var(--of-text-dim);font-size:12px}.board-list{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.board-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--of-surface-2);border:1px solid transparent;border-radius:var(--radius-2);cursor:pointer;min-width:0}.board-row:hover{border-color:var(--of-border)}.board-row.current{border-color:var(--of-accent)}.board-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row-count{font-size:10.5px;font-family:var(--of-font-mono);color:var(--of-text-dim);white-space:nowrap}.board-actions{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.board-actions button{flex:1;padding:var(--sp-1) var(--sp-2);background:var(--of-surface-2);border:1px solid var(--of-border);border-radius:var(--radius-2);cursor:pointer}.board-actions button:disabled{opacity:.5;cursor:default}.statusbar-board{background:var(--of-surface-2);color:inherit;border:1px solid var(--of-border);border-radius:var(--radius-2);font-size:11px;padding:0 4px}.plate-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-4)}.plate-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2);background:var(--of-surface-2);border:1px solid transparent;border-radius:var(--radius-2);cursor:pointer;min-width:0}.plate-card:hover{border-color:var(--of-border)}.plate-card.current{border-color:var(--of-accent);box-shadow:0 0 0 1px var(--of-accent)}.plate-card .plate-dims{font-size:10.5px;font-family:var(--of-font-mono);color:var(--of-text-dim);white-space:nowrap}.prop-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.prop-row label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--of-text-dim)}.prop-row input[type=text],.prop-row input[type=number],.prop-row select{width:100%;padding:4px 8px;background:var(--of-surface-2);border:var(--hairline);border-radius:var(--radius-1);font-variant-numeric:tabular-nums}.prop-row input.invalid{border-color:var(--of-danger)}.prop-error{grid-column:2;color:var(--of-danger);font-size:11px}.prop-unit{color:var(--of-text-dim);margin-left:var(--sp-1);text-transform:none}.beam-section{margin-top:var(--sp-4)}.beam-port{margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--of-surface-2);border:var(--hairline);border-radius:var(--radius-2)}.beam-port-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.beam-port-id{font-family:var(--of-font-mono);font-size:12px;font-weight:650}.metric-chip{font-size:10.5px;font-family:var(--of-font-mono);padding:0 6px;border-radius:99px;border:1px solid var(--of-accent);color:var(--of-accent)}.beam-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--sp-2);font-size:11.5px;font-family:var(--of-font-mono);font-variant-numeric:tabular-nums;padding:2px 0}.beam-dir{color:var(--of-text-dim)}.wl-swatch{flex:none;width:10px;height:10px;border-radius:2px;box-shadow:0 0 4px 0 currentColor}.beam-nm,.beam-mw{min-width:60px}.beam-pol{display:inline-flex;align-items:center;gap:3px;color:var(--of-text-dim);min-width:62px}.pol-glyph{width:13px;height:13px}.beam-w{color:var(--of-text-dim);overflow:hidden;text-overflow:ellipsis}.drc-panel{flex:1 1 40%;overflow-y:auto;padding:var(--sp-4)}.drc-row{display:flex;align-items:baseline;gap:var(--sp-2);width:100%;padding:4px var(--sp-2);background:none;border:none;border-radius:var(--radius-1);cursor:pointer;text-align:left}.drc-row:hover{background:var(--of-surface-2)}.drc-row.waived{opacity:.5}.drc-row-wrap{display:flex;align-items:flex-start;gap:var(--sp-1)}.drc-row-wrap .drc-row{flex:1 1 auto;min-width:0}.drc-fix{flex:0 0 auto;margin-top:4px;padding:1px 6px;font-size:11px;line-height:1.4;border:1px solid var(--of-accent);border-radius:3px;background:none;color:var(--of-accent);cursor:pointer}.drc-fix:hover{background:var(--of-surface-2)}.drc-fix.heuristic{border-style:dashed}.drc-severity{flex:none;font-weight:700}.drc-severity.error{color:var(--of-danger)}.drc-severity.warning{color:var(--of-warning)}.drc-severity.info{color:var(--of-info)}.drc-rule{color:var(--of-text-dim);font-family:var(--of-font-mono);font-size:11px}.empty-note{color:var(--of-text-dim);font-style:italic}.dock{grid-area:dock;display:flex;flex-direction:column;background:var(--of-surface);border-top:var(--hairline)}.dock-tabs{display:flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3)}.dock-tab{padding:2px 12px;background:none;border:1px solid transparent;border-radius:99px;cursor:pointer;color:var(--of-text-dim);font-size:12px}.dock-tab:hover{background:var(--of-surface-2)}.dock-tab[aria-selected=true]{color:var(--of-accent);background:var(--of-surface-2);border-color:var(--of-accent)}.dock-body{overflow:auto;border-top:var(--hairline)}.dock-resize{height:4px;cursor:ns-resize;background:transparent}.dock-resize:hover{background:var(--of-accent)}.diag-log{font-family:var(--of-font-mono);font-size:12px;padding:var(--sp-2) var(--sp-4);margin:0}.diag-log li{list-style:none;padding:1px 0}.diag-source{color:var(--of-text-dim);margin-right:var(--sp-3)}.caustic-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:120px;text-transform:none}.caustic-bar{display:flex;align-items:center;gap:10px;padding:3px 8px;border-bottom:1px solid var(--of-border);font-size:11px;color:var(--of-text-dim);overflow:hidden;flex:none}.caustic-field{display:flex;align-items:center;gap:5px;white-space:nowrap}.caustic-field input{width:64px;padding:1px 4px;font:inherit;color:var(--of-text);background:var(--of-canvas-bg);border:1px solid var(--of-border);border-radius:3px}.caustic-select{max-width:150px;padding:1px 2px;font:inherit;color:var(--of-text);background:var(--of-canvas-bg);border:1px solid var(--of-border);border-radius:3px}.caustic-field input.caustic-check{width:auto;margin:0;accent-color:var(--of-accent)}.caustic-field input.is-ignored{border-color:var(--of-warning);text-decoration:line-through}.caustic-chips{display:flex;align-items:center;gap:4px;overflow-x:auto;min-width:0;scrollbar-width:thin}.caustic-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font:inherit;color:var(--of-text-dim);background:transparent;border:1px solid var(--of-border);border-radius:9px;white-space:nowrap}.caustic-chip:hover{color:var(--of-text);border-color:var(--of-accent)}.caustic-chip-name{padding:0;font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}.caustic-chip-z{color:var(--of-text);font-variant-numeric:tabular-nums}.caustic-chip-zin{width:52px;padding:0 3px;font:inherit;font-variant-numeric:tabular-nums;color:var(--of-text);background:var(--of-canvas-bg);border:1px solid var(--of-border);border-radius:3px}.caustic-canvas{display:block;width:100%;flex:1;min-height:0;cursor:crosshair}.caustic-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none}.statusbar{grid-area:statusbar;display:flex;gap:var(--sp-5);align-items:center;padding:3px var(--sp-4);font-size:12px;color:var(--of-text-dim);background:var(--of-surface);border-top:var(--hairline);font-variant-numeric:tabular-nums}.statusbar-flag{color:var(--of-warning);border:1px solid var(--of-warning);border-radius:99px;padding:0 8px;font-size:11px}.overlay-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--of-shadow)}.overlay-card{max-width:560px;max-height:80vh;overflow:auto;padding:var(--sp-5) 20px;background:var(--of-surface);border:var(--hairline);border-radius:8px;box-shadow:0 12px 40px var(--of-shadow)}.overlay-card h2{margin-top:0}.overlay-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-4)}.overlay-actions button{padding:5px 14px;border:var(--hairline);border-radius:5px;background:var(--of-surface-2);cursor:pointer}.overlay-actions button.primary{background:var(--of-accent);border-color:var(--of-accent);color:var(--of-surface)}.cheatsheet-grid{display:grid;grid-template-columns:auto 1fr;gap:3px var(--sp-5)}.cheatsheet-grid kbd{font-family:var(--of-font-mono);background:var(--of-surface-2);border:var(--hairline);border-radius:3px;padding:0 5px}.toasts{position:fixed;right:var(--sp-5);bottom:40px;z-index:120;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{display:flex;gap:10px;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--of-surface);border:var(--hairline);border-left:4px solid var(--of-info);border-radius:var(--radius-2);box-shadow:0 6px 18px var(--of-shadow)}.toast.error{border-left-color:var(--of-danger)}.toast button{background:none;border:none;cursor:pointer;color:var(--of-text-dim)}.panel-crash{margin:var(--sp-3);padding:10px;border:1px solid var(--of-danger);border-radius:var(--radius-2)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.palette-groups::-webkit-scrollbar,.props-panel::-webkit-scrollbar,.drc-panel::-webkit-scrollbar,.dock-body::-webkit-scrollbar{width:8px;height:8px}.palette-groups::-webkit-scrollbar-thumb,.props-panel::-webkit-scrollbar-thumb,.drc-panel::-webkit-scrollbar-thumb,.dock-body::-webkit-scrollbar-thumb{background:var(--of-border);border-radius:99px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}