:root{--chrome-950: #12161b;--chrome-900: #1a1f26;--chrome-850: #1f252d;--chrome-800: #262d36;--chrome-700: #333b45;--chrome-line: #333a43;--ink-hi: #e8eaed;--ink-lo: #8b95a1;--ink-faint: #5a6472;--paper: #f7f6f2;--paper-line: #ddd8cc;--accent: #4a93b8;--accent-dim: #2f6f8f;--accent-ink: #dff2fb;--error: #e0574c;--error-dim: #4a2622;--warning: #f0a63d;--warning-dim: #453421;--ok: #5fae82;--ok-dim: #223a2c;--font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius: 3px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--chrome-950);color:var(--ink-hi);font-family:var(--font-sans);font-size:13px;-webkit-font-smoothing:antialiased}button{font-family:inherit}::selection{background:var(--accent-dim);color:var(--ink-hi)}.dot-seam{flex-shrink:0;background-image:radial-gradient(circle,var(--chrome-700) 1px,transparent 1.3px)}.dot-seam--v{width:9px;background-size:9px 10px;background-position:center}.dot-seam--h{height:9px;background-size:10px 9px;background-position:center}.eyebrow{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-lo)}.eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--chrome-700);flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-shell{display:flex;flex-direction:column;height:100vh}.app-shell--error{align-items:center;justify-content:center;background:var(--chrome-950)}.load-error{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.load-error-title{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--error);margin:0}.load-error-detail{font-size:13px;color:var(--ink-faint);margin:0}.load-error-link{margin-top:8px;font-size:12px;color:var(--accent)}.app-header{display:flex;align-items:center;gap:20px;padding:0 16px;height:48px;flex-shrink:0;background:var(--chrome-950);border-bottom:1px solid var(--chrome-line)}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand-mark{font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:.12em;color:var(--ink-hi)}.brand-sub{font-size:11.5px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-status{display:flex;gap:8px;margin-left:auto}.status-chip{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:4px 9px;border-radius:var(--radius);border:1px solid transparent;white-space:nowrap}.status-chip--error{background:var(--error-dim);color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,transparent)}.status-chip--warning{background:var(--warning-dim);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.status-chip--ok{background:var(--ok-dim);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.status-chip--muted{background:transparent;color:var(--ink-faint);border-color:var(--chrome-line)}.header-actions{display:flex;align-items:center;gap:8px}.format-button{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--chrome-950);background:var(--accent);border:none;border-radius:var(--radius);padding:7px 14px;cursor:pointer}.format-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,white)}.format-button:disabled{background:var(--chrome-800);color:var(--ink-faint);cursor:not-allowed}.copy-link-button{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--ink-hi);background:transparent;border:1px solid var(--chrome-line);border-radius:var(--radius);padding:7px 14px;cursor:pointer;min-width:96px}.copy-link-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.copy-link-button:disabled{color:var(--ink-faint);cursor:not-allowed}.copy-link-button--copied{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.copy-link-button--error{border-color:color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.workbench{flex:1;display:flex;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;min-width:0}.pane-titlebar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;flex-shrink:0;background:var(--chrome-850);border-bottom:1px solid var(--chrome-line)}.editor-pane{flex:0 0 40%;background:var(--chrome-900)}.editor-host{flex:1;min-height:0;overflow:hidden}.center-column{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.preview-pane{flex:1 1 62%;min-height:0;background:var(--chrome-900)}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-controls button{font-family:var(--font-mono);font-size:12px;color:var(--ink-lo);background:transparent;border:1px solid var(--chrome-line);border-radius:var(--radius);width:22px;height:22px;cursor:pointer;line-height:1}.zoom-controls button:hover{color:var(--ink-hi);border-color:var(--chrome-700)}.zoom-reset{width:auto!important;padding:0 8px}.zoom-value{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);width:40px;text-align:center}.preview-surface{flex:1;min-height:0;overflow:auto;background:var(--paper);background-image:linear-gradient(var(--paper-line) 1px,transparent 1px),linear-gradient(90deg,var(--paper-line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;padding:24px}.svg-frame{transform-origin:top left;width:fit-content;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.svg-frame svg{display:block;background:#fff;border:1px solid var(--paper-line)}.preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--ink-faint)}.preview-empty-title{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#6b6558;margin:0}.preview-empty-detail{font-size:12px;max-width:360px;margin:0;color:#8b8577}.diagnostics-pane{flex:0 0 240px;background:var(--chrome-900);border-top:1px solid var(--chrome-line)}.diagnostics-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.diagnostics-body{flex:1;overflow-y:auto;min-height:0}.diag-empty{padding:14px 12px;font-size:12px;color:var(--ink-faint)}.diag-row{display:flex;gap:10px;padding:8px 12px;border-bottom:1px solid var(--chrome-850)}.diag-code{flex-shrink:0;font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:2px 5px;border-radius:2px;height:fit-content;white-space:nowrap}.diag-row--error .diag-code{background:var(--error-dim);color:var(--error)}.diag-row--warning .diag-code{background:var(--warning-dim);color:var(--warning)}.diag-text{min-width:0}.diag-message{font-size:12px;color:var(--ink-hi);line-height:1.4}.diag-loc{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);margin-top:2px}.provenance-strip{flex-shrink:0;border-top:1px solid var(--chrome-line);background:var(--chrome-850);padding:6px 12px;max-height:68px;overflow-y:auto}.provenance-row{display:flex;gap:12px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-lo);padding:2px 0}.provenance-diagram{color:var(--ink-hi);min-width:130px}.assistant-rail{flex:0 0 34px;background:var(--chrome-850);border-left:1px solid var(--chrome-line);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:14px 0}.assistant-rail:hover{background:var(--chrome-800)}.assistant-rail-label{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;color:var(--ink-faint)}.assistant-panel{flex:0 0 260px;display:flex;flex-direction:column;background:var(--chrome-900);border-left:1px solid var(--chrome-line)}.assistant-close{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);background:transparent;border:none;cursor:pointer}.assistant-close:hover{color:var(--ink-hi)}.assistant-body{padding:14px;font-size:12px;line-height:1.6;color:var(--ink-lo);overflow-y:auto}.assistant-lead{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin:0 0 10px}.assistant-list{margin:8px 0 0;padding-left:16px}.assistant-list li{margin-bottom:6px}.status-bar{display:flex;align-items:center;gap:8px;height:26px;padding:0 12px;flex-shrink:0;background:var(--chrome-950);border-top:1px solid var(--chrome-line);font-family:var(--font-mono);font-size:11px;color:var(--ink-lo)}.status-sep{color:var(--ink-faint)}.status-spacer{flex:1}.status-muted{color:var(--ink-faint)}@media(max-width:980px){.workbench{flex-direction:column;overflow-y:auto}.editor-pane{flex:0 0 360px}.dot-seam--v{width:100%;height:9px;background-size:10px 9px}.center-column{flex:0 0 auto}.preview-pane{flex:0 0 420px}.diagnostics-pane{flex:0 0 260px}.assistant-rail{flex-direction:row;width:100%;height:34px;padding:0}.assistant-rail-label{writing-mode:horizontal-tb}.assistant-panel{flex:0 0 240px;border-left:none;border-top:1px solid var(--chrome-line)}}