:root,[data-theme=dark]{--bg:#111411;--surface:#181d19;--surface-2:#202720;--panel:#f4f2e90f;--panel-strong:#f4f2e91a;--ink:#f4f2e9;--ink-2:#f4f2e9b8;--ink-3:#f4f2e980;--line:#f4f2e924;--line-2:#f4f2e938;--gold:#c9a84c;--gold-2:#d7bc78;--green:#4ea075;--red:#ba5b43;--shadow:#00000042;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "SF Mono", ui-monospace, Menlo, monospace}[data-theme=light]{--bg:#f6f7f4;--surface:#fff;--surface-2:#edf1ea;--panel:#1f2d2409;--panel-strong:#1f2d2413;--ink:#1f2d24;--ink-2:#1f2d24bd;--ink-3:#1f2d2480;--line:#1f2d241f;--line-2:#1f2d2433;--gold:#a98635;--gold-2:#c9a84c;--green:#2f7d63;--red:#a84f3a;--shadow:#1f2d241a}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;min-height:100%}body{background:linear-gradient(180deg, #c9a96114, transparent 320px), var(--bg);min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,p{margin:0}.tool-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:20px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand-lockup{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px;display:flex}.brand-lockup img{width:22px;height:22px}.brand-lockup span{color:var(--ink);font-family:var(--serif);letter-spacing:0;font-size:18px;line-height:1;display:grid}.brand-lockup small{color:var(--ink-3);font-family:var(--sans);letter-spacing:0;font-size:11px}.side-nav{gap:6px;display:grid}.side-link{min-height:38px;color:var(--ink-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.side-link:hover,.side-link.active{border-color:var(--line);background:var(--panel-strong);color:var(--ink)}.side-link svg,.panel-icon svg{color:var(--gold)}.sidebar-status{border:1px solid var(--line);color:var(--ink-2);border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:13px;display:flex}.dot-status{background:var(--gold);border-radius:999px;width:9px;height:9px}.dot-status.connected{background:var(--green)}.main-column{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 26px;display:flex;position:sticky;top:0}.top-kicker,.panel-kicker{color:var(--gold);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11px}.topbar h1{color:var(--ink);letter-spacing:0;margin-top:2px;font-size:22px;font-weight:650}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.theme-dot{border:1px solid var(--ink);background:0 0;border-radius:999px;width:12px;height:12px}[data-theme=dark] .theme-dot{background:var(--ink)}.route-frame{padding:22px 26px 72px}.page-grid{gap:16px;display:grid}.new-run-grid,.settings-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.review-grid{grid-template-columns:320px minmax(0,1fr);align-items:start}.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);min-width:0;box-shadow:0 16px 40px var(--shadow);border-radius:8px}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:14px 16px;display:flex}.panel-icon{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.panel-title h2{color:var(--ink);letter-spacing:0;font-size:16px;font-weight:650}.panel-title p{color:var(--ink-3);margin-top:1px;font-size:13px}.compact-form,.side-panel,.document-panel,.prompt-panel,.outline-panel,.change-panel{padding:16px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;margin-bottom:12px;display:grid}.field>span,.diff-columns span,.change-header,.status-row span{color:var(--ink-3);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11px}input,select,textarea{border:1px solid var(--line);background:var(--panel);width:100%;min-height:38px;color:var(--ink);border-radius:8px;outline:none;padding:9px 10px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent)}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;min-height:38px;padding:3px;display:grid}.segmented button{min-width:0;color:var(--ink-2);background:0 0;border:0;border-radius:6px;font-size:12px}.segmented button.active{background:var(--ink);color:var(--bg)}.check-row{min-height:38px;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:12px;display:flex}.check-row input{width:16px;min-height:16px;accent-color:var(--gold)}.primary-action,.secondary-action,.row-actions button,.row-link{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:650;display:inline-flex}.primary-action{background:var(--ink);width:100%;color:var(--bg);border:0}.secondary-action{border:1px solid var(--line);background:var(--panel);width:auto;color:var(--ink);padding:0 12px}.status-stack{gap:8px;display:grid}.status-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 10px;display:flex}.status-row strong{color:var(--ink);text-align:right;font-size:13px;font-weight:650}.run-table{display:grid}.table-head,.table-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1.5fr) 130px 90px 130px 82px;align-items:center;gap:12px;padding:12px 16px;display:grid}.table-head{color:var(--ink-3);font-family:var(--mono);text-transform:uppercase;font-size:11px}.table-row:last-child{border-bottom:0}.table-row strong,.table-row small{display:block}.table-row small{color:var(--ink-3);margin-top:2px}.row-link{border:1px solid var(--line);color:var(--ink);background:var(--panel)}.status-pill{border:1px solid var(--line);width:fit-content;min-height:26px;color:var(--ink-2);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;display:inline-flex}.status-pill.approved{border-color:color-mix(in srgb, var(--green) 42%, transparent);color:var(--green)}.status-pill.rejected,.status-pill.blocked{border-color:color-mix(in srgb, var(--red) 42%, transparent);color:var(--red)}.editor-layout{grid-template-columns:270px minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.outline-panel,.prompt-panel{position:sticky;top:100px}.outline-list{gap:6px;margin-top:14px;display:grid}.outline-list a{border:1px solid var(--line);color:var(--ink-2);background:var(--panel);border-radius:8px;padding:8px 10px}.document-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.title-input,.subtitle-input{background:0 0;border:0;border-radius:0;min-height:34px;padding:0}.title-input{font-family:var(--serif);margin-top:5px;font-size:34px;line-height:1.05}.subtitle-input{color:var(--ink-2);font-size:15px}.title-input:focus,.subtitle-input:focus{box-shadow:none}.section-editor-stack{gap:14px;margin-top:16px;display:grid}.section-editor{gap:8px;display:grid}.section-editor>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-editor h2{font-size:15px;font-weight:700}.section-editor textarea{min-height:136px;line-height:1.55}.locked-label{border:1px solid var(--line);color:var(--gold);border-radius:999px;padding:3px 8px;font-size:12px}.prompt-form{gap:10px;display:grid}.design-notes,.history-list{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:16px;display:grid}.design-notes h3,.history-list h3{color:var(--ink);font-size:14px}.design-notes p,.history-list p,.history-item span{color:var(--ink-2);font-size:13px}.history-item{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:4px;padding:9px;display:grid}.history-item strong{color:var(--ink);font-size:13px}.change-stack{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.review-grid .side-panel{position:sticky;top:100px}.pipeline-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.pipeline-layout .validator-panel{grid-column:1/-1}.gate-banner{border:1px solid color-mix(in srgb, var(--gold) 42%, var(--line));background:color-mix(in srgb, var(--gold) 10%, transparent);border-radius:8px;gap:5px;margin:16px;padding:12px;display:grid}.gate-banner strong{color:var(--ink);font-size:14px}.gate-banner span{color:var(--ink-2);font-size:13px}.phase-board,.artifact-list,.validator-grid{gap:8px;padding:16px;display:grid}.phase-row,.artifact-list div{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.phase-row{grid-template-columns:82px minmax(0,1fr) auto;align-items:center}.phase-row>span,.artifact-list span{color:var(--ink-3);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11px}.phase-row strong,.artifact-list strong{min-width:0;color:var(--ink);font-size:13px}.validator-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.validator-grid span{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink-2);border-radius:8px;padding:8px 10px;font-size:13px}.change-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.change-panel h2{margin-bottom:12px;font-size:17px}.diff-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.diff-columns>div{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;padding:10px}.diff-columns p{color:var(--ink-2);margin-top:6px}.reason-line{color:var(--ink-2);align-items:center;gap:8px;margin-top:12px;display:flex}.reason-line svg{color:var(--gold);flex:none}.row-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.row-actions button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink);padding:0 10px}.approval-meter{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:999px;place-items:center;width:140px;height:140px;margin:0 auto 16px;display:grid}.approval-meter strong{font-family:var(--serif);font-size:54px;line-height:.8}.approval-meter span{color:var(--ink-3);font-size:12px}.toast{z-index:30;border:1px solid var(--line);background:var(--surface);max-width:360px;box-shadow:0 16px 40px var(--shadow);color:var(--ink-2);border-radius:8px;padding:10px 12px;position:fixed;bottom:18px;right:18px}@media (width<=1180px){.editor-layout,.pipeline-layout,.new-run-grid,.review-grid,.settings-grid{grid-template-columns:1fr}.outline-panel,.prompt-panel,.review-grid .side-panel{position:static}}@media (width<=820px){.tool-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:10px;position:static}.brand-lockup{width:fit-content}.side-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.side-link{justify-content:center;min-height:42px;padding:8px}.side-link span,.sidebar-status{display:none}.topbar{min-height:68px;padding:14px;position:static}.topbar h1{font-size:18px}.route-frame{padding:14px 14px 80px}.field-row,.diff-columns,.phase-row{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:8px}.segmented{grid-auto-flow:row}.document-head{display:grid}.title-input{font-size:28px}}