.app{display:grid;grid-template-columns:var(--rail) 1fr;height:100vh}.rail{background:var(--ink-100);border-right:1px solid var(--ink-300);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:2px}.mark{width:26px;height:26px;border:1px solid var(--ink-400);border-radius:2px;display:grid;place-items:center;margin-bottom:18px}.mark i{display:block;width:10px;height:10px;background:linear-gradient(var(--dim),var(--dim)) 0 0 / 10px 1.5px no-repeat,linear-gradient(var(--dim),var(--dim)) 0 100% / 10px 1.5px no-repeat,linear-gradient(var(--dim),var(--dim)) 0 0 / 1.5px 10px no-repeat,linear-gradient(var(--dim),var(--dim)) 100% 0 / 1.5px 10px no-repeat;position:relative}.mark i:after{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;background:var(--thread);transition:background var(--t)}.step{width:46px;padding:8px 0 7px;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--faint);transition:color var(--t),background var(--t);position:relative}.step:hover:not(.locked){color:var(--dim);background:var(--ink-200)}.step.on{color:var(--text);background:var(--ink-250)}.step.on:before{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:2px;height:20px;background:var(--thread)}.step b{font-size:9px;font-weight:600;letter-spacing:.03em}.step.locked{opacity:.34;cursor:not-allowed}.step .lockmark{font-family:var(--data);font-size:7.5px;color:var(--faint)}.screen{display:grid;grid-template-rows:44px 1fr 26px;height:100vh;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--ink-100);border-bottom:1px solid var(--ink-300)}.doc h1{font-size:13px;font-weight:600}.doc span{font-size:11px;color:var(--faint);margin-left:8px}.spacer{flex:1}.statusbar{display:flex;align-items:center;gap:14px;padding:0 12px;background:var(--ink-100);border-top:1px solid var(--ink-300);font-size:11px;color:var(--dim)}.btn{padding:6px 12px;border-radius:var(--r);background:var(--ink-250);border:1px solid var(--ink-400);font-size:12px;font-weight:500}.btn:hover{background:var(--ink-300)}.btn.primary{background:var(--thread);color:var(--thread-ink);border-color:transparent}.panel{width:var(--panel);background:var(--ink-100);border-left:1px solid var(--ink-300);display:flex;flex-direction:column;min-height:0}.panel-body{padding:12px;overflow:auto;flex:1}.stage{background:var(--ink-000);min-width:0;min-height:0;position:relative}.body-split{display:grid;grid-template-columns:1fr var(--panel);min-height:0}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--ink-250);border:1px solid var(--ink-400);padding:8px 14px;border-radius:var(--r);z-index:50}.seg{display:flex;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r);padding:1px}.seg button{padding:4px 9px;border-radius:2px;font-size:11px;font-weight:500;color:var(--dim)}.seg button[aria-pressed=true]{background:var(--ink-400);color:var(--text)}.slider-row{margin-bottom:14px}.slider-row label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.slider-row input[type=range]{width:100%;accent-color:var(--thread)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stat{background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r);padding:8px}.stat b{display:block;font-family:var(--data);font-size:14px}.stat span{font-size:10px;color:var(--faint)}.quality{margin:14px 0;padding:12px;background:var(--ink-200);border-radius:var(--r);border:1px solid var(--ink-300)}.quality .big{font-family:var(--data);font-size:28px;font-weight:700}.quality .bar{height:4px;background:var(--ink-400);border-radius:2px;margin:8px 0;overflow:hidden}.quality .bar i{display:block;height:100%;background:var(--ok)}.thread-row{display:grid;grid-template-columns:18px 14px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:var(--r);cursor:pointer;position:relative}.thread-row:hover,.thread-row.on{background:var(--ink-250)}.thread-row .swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.12)}.thread-row .usage{position:absolute;left:8px;right:8px;bottom:2px;height:2px;background:var(--ink-300)}.thread-row .usage i{display:block;height:100%;background:var(--thread);opacity:.5}details.advanced{margin-top:8px;color:var(--dim)}details.advanced summary{cursor:pointer;font-size:11px;margin-bottom:8px}.refine-stage{display:flex;min-height:0;min-width:0}.refine-split{display:grid;flex:1;min-height:0;min-width:0}.refine-pane{position:relative;min-width:0;min-height:0}.refine-pane-label{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);background:#141418b8;padding:2px 6px;border-radius:2px;pointer-events:none}.refine-divider{cursor:col-resize;background:var(--ink-300);outline:none}.refine-divider:hover,.refine-divider:focus-visible{background:var(--thread)}.refine-panel{display:flex;flex-direction:column;gap:10px;min-height:0}.refine-composer textarea{width:100%;resize:vertical;min-height:64px;background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r);color:var(--text);padding:8px;font:inherit;font-size:12px}.refine-composer-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.refine-feed{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1}.refine-card,.refine-verdict,.refine-thought{background:var(--ink-200);border:1px solid var(--ink-300);border-radius:var(--r);padding:8px}.refine-card-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.refine-card-name{font-family:var(--data);font-size:11px}.refine-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:2px}.refine-badge.read{background:var(--ink-300);color:var(--dim)}.refine-badge.write{background:#c46a5b38;color:var(--thread)}.refine-card-cells{font-size:10px;color:var(--faint);margin-left:auto}.refine-card-note{margin:6px 0 0;font-size:12px;color:var(--dim)}.refine-thought p{margin:4px 0 0;font-size:12px}.refine-deltas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.refine-deltas b{display:block;font-family:var(--data);font-size:14px}.refine-deltas span{font-size:10px;color:var(--faint)}.refine-verdict-actions{display:flex;gap:8px}.history-run{border-left:2px solid var(--thread);background:#c46a5b14;margin-bottom:6px;border-radius:0 var(--r) var(--r) 0}.history-run-op{padding:8px}.history-run-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 8px 8px;border-top:1px solid rgba(196,106,91,.18);font-size:10px;color:var(--dim)}.preview-body{min-height:0}.preview-stage{display:grid;place-items:center;padding:24px;overflow:auto}.preview-canvas{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:2px;box-shadow:0 8px 32px #00000059}.preview-placeholder{color:var(--dim);font-size:13px}.preview-empty{display:grid;place-items:center;padding:24px}.preview-empty-card{max-width:420px;text-align:center}.preview-empty-card h2{font-size:18px;margin-bottom:12px}.preview-empty-card p{color:var(--dim);margin-bottom:16px}.preview-panel{padding:12px;gap:16px;overflow:auto}.preview-panel .panel-section h3{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin:0 0 8px}.preview-quality-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.preview-meta{font-size:11px;color:var(--dim);margin:4px 0}.preview-slider{display:grid;gap:4px;margin:10px 0;font-size:12px}.preview-slider input[type=range]{width:100%}.preview-loading{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--ink-100);border:1px solid var(--ink-300);border-radius:3px}.preview-progress-track{width:120px;height:6px;background:var(--ink-300);border-radius:3px;overflow:hidden}.preview-progress-fill{height:100%;background:var(--thread);transition:width 80ms linear}.preview-error{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2;max-width:420px;padding:12px 14px;border:1px solid var(--warn);border-radius:3px;background:#c46a5b14;text-align:center}.preview-error p{margin:0 0 8px;font-size:13px}:root{--ink-000: #0b0b0b;--ink-100: #141415;--ink-200: #1d1d1e;--ink-250: #242426;--ink-300: #2e2e30;--ink-400: #3c3c3f;--paper: #f2efe7;--paper-dim: #e4e0d5;--text: #e9e9ec;--dim: #8b8b93;--faint: #8a8a92;--warn: #e0554b;--ok: #7fb77e;--thread: #c46a5b;--thread-ink: #0b0b0b;--ui: system-ui, -apple-system, "Segoe UI", sans-serif;--data: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r: 3px;--rail: 60px;--panel: 288px;--t: .12s cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink-000);color:var(--text);font-family:var(--ui);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--thread);outline-offset:2px}::selection{background:var(--thread);color:var(--thread-ink)}.eyebrow{font-size:9.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}.num{font-family:var(--data);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}