:root{--ink:#202522;--muted:#66706a;--faint:#8a918d;--paper:#fffefa;--canvas:#f2f1ec;--line:#d9dbd5;--strong:#bfc4bd;--teal:#0d695c;--teal-soft:#e3f0ed;--amber:#986417;--amber-soft:#fff1d7;--red:#a4372d;--mono:"IBM Plex Mono",monospace}#root,.app-shell{min-height:100vh}.app-shell{background-color:var(--canvas);background-image:linear-gradient(#20252209 1px,#0000 1px);background-size:100% 32px}.topbar{color:#fff;background:var(--ink);border-bottom:1px solid #0e1210;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.brand,.topbar-actions,.status,.context-meta,.provider-button,.icon-button,.docs-link,.risk,.review-label,.selection-heading span,.safety-note,.history-footer,.history-item div>span{align-items:center;display:flex}.brand{color:inherit;gap:10px;font-size:18px;font-weight:600;text-decoration:none}.brand-mark{color:#d4eee8;border:1px solid #52615b;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.prototype{color:#b9c1bd;font:500 10px var(--mono);text-transform:uppercase;border:1px solid #515b56;border-radius:4px;padding:3px 6px}.topbar-actions,.context-meta{gap:16px}.status{color:#c9d0cc;gap:7px;font-size:13px}.status-dot{background:#5bd1ac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5bd1ac1f}.provider-button,.icon-button{color:#f3f5f4;background:#2b312e;border:1px solid #53605a;border-radius:6px;justify-content:center;gap:8px;min-height:44px}.provider-button{padding:0 12px}.provider-button:hover{background:#353d39}.docs-link{color:#d7ddda;border-radius:5px;gap:7px;min-height:44px;padding:0 10px;font-size:13px;text-decoration:none}.docs-link:hover{color:#fff;background:#303734}.provider-settings{z-index:10;width:min(410px,100vw - 28px);color:var(--ink);background:var(--paper);border:1px solid var(--strong);border-radius:7px;gap:12px;padding:18px;display:grid;position:absolute;top:58px;right:24px;box-shadow:0 16px 36px #1f26222e}.settings-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.settings-heading strong{font-size:16px}.close-button{width:44px;height:44px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:6px;place-items:center;display:grid}.provider-settings label{color:var(--muted);font:11px var(--mono);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;display:grid}.provider-settings label>span{align-items:center;gap:5px;display:flex}.provider-settings input,.provider-settings select{min-width:0;min-height:42px;color:var(--ink);border:1px solid var(--line);font:12px var(--mono);background:#fbfbf8;border-radius:5px;padding:8px 10px}.provider-settings p{color:var(--faint);margin:0;padding-top:4px;font-size:11px}.remove-secret-button{min-height:40px;color:var(--red);font:500 11px var(--mono);background:#fff;border:1px solid #dfb8b2;border-radius:5px;justify-self:end;padding:0 11px}.context-strip{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;padding:12px 24px;display:grid}.context-icon{width:44px;height:44px;color:var(--teal);background:var(--teal-soft);border:1px solid #bad8d1;border-radius:7px;place-items:center;display:grid}.context-title{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;min-width:0;display:grid}.context-title .eyebrow{grid-column:1/-1}.context-title strong{font-size:15px}.context-title>span:last-child{color:var(--muted);font:12px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-meta{color:var(--muted);font:12px var(--mono)}.context-meta>span{border-right:1px solid var(--line);padding-right:16px}.context-meta .icon-button{width:44px;color:var(--muted);border-color:var(--line);background:0 0}.capture-button{min-height:44px;color:var(--teal);background:var(--teal-soft);font:500 11px var(--mono);border:1px solid #a6cbc2;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.capture-button:hover{border-color:#6da99b}.eyebrow{color:var(--faint);font:500 10px var(--mono);text-transform:uppercase;margin-bottom:4px;display:block}.workspace{background:var(--paper);border-inline:1px solid var(--line);grid-template-columns:minmax(360px,.95fr) minmax(420px,1.2fr) 250px;max-width:1600px;min-height:calc(100vh - 142px);margin:0 auto;display:grid}.action-column,.review-column,.history-column{min-width:0}.action-column{border-right:1px solid var(--line);padding:24px}.review-column{border-right:1px solid var(--line);flex-direction:column;display:flex}.history-column{background:#f8f8f4;flex-direction:column;display:flex}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h1,.section-heading h2{color:var(--ink);margin:0;font-size:22px;line-height:1.2}.section-heading h2{font-size:19px}.count{min-width:28px;color:var(--muted);border:1px solid var(--line);text-align:center;font:12px var(--mono);background:#ecece7;border-radius:4px;padding:4px 7px}.action-list{gap:8px;display:grid}.action-item{width:100%;min-height:72px;color:var(--ink);text-align:left;border:1px solid var(--line);background:0 0;border-radius:7px;grid-template-columns:26px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:11px 12px;transition:background-color .16s,border-color .16s;display:grid}.action-item:hover{border-color:var(--strong);background:#f7f8f4}.action-item.selected{background:var(--teal-soft);box-shadow:inset 3px 0 var(--teal);border-color:#79aa9f}.shortcut{width:24px;height:24px;color:var(--muted);background:var(--paper);border:1px solid var(--line);font:11px var(--mono);border-radius:4px;place-items:center;display:grid}.action-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.action-copy strong{font-size:14px}.action-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.action-arrow{color:var(--faint)}.risk{font:500 10px var(--mono);white-space:nowrap;border-radius:4px;gap:5px;padding:4px 6px}.risk.safe{color:var(--teal);background:var(--teal-soft)}.risk.guarded{color:var(--amber);background:var(--amber-soft)}.selection-block{border:1px solid var(--line);border-radius:7px;margin-top:22px;overflow:hidden}.selection-heading{color:var(--muted);border-bottom:1px solid var(--line);font:11px var(--mono);background:#f1f2ed;justify-content:space-between;padding:9px 11px;display:flex}.selection-heading span{gap:6px}.selection-block pre{color:#303a35;min-height:116px;font:12px/1.7 var(--mono);white-space:pre-wrap;background:#fbfbf8;margin:0;padding:14px;overflow:auto}.review-heading{border-bottom:1px solid var(--line);min-height:83px;margin:0;padding:18px 22px}.review-body{flex:1;padding:4px 22px 24px}.review-section{border-bottom:1px solid var(--line);padding:20px 0}.review-label{color:var(--muted);font:500 11px var(--mono);text-transform:uppercase;gap:7px;margin-bottom:10px}.prompt-preview{color:#343a36;font:13px/1.65 var(--mono);background:#f4f4ef;border-left:3px solid #8aa69f;margin:0;padding:14px}.effect-preview{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.effect-icon{width:40px;height:40px;color:var(--teal);background:var(--teal-soft);border-radius:6px;place-items:center;display:grid}.effect-preview strong{margin-bottom:4px;font-size:14px;display:block}.effect-preview p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.approval-row{background:var(--amber-soft);cursor:pointer;border:1px solid #e6c98f;border-radius:6px;grid-template-columns:20px 1fr;align-items:center;gap:11px;min-height:72px;margin-top:18px;padding:12px;display:grid}.approval-row input{opacity:0;position:absolute}.checkmark{color:#0000;background:#fff;border:1px solid #b89555;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.approval-row input:checked+.checkmark{color:#fff;background:var(--teal);border-color:var(--teal)}.approval-row input:focus-visible+.checkmark{outline-offset:2px;outline:3px solid #0d695c59}.approval-row strong,.approval-row small{display:block}.approval-row strong{font-size:13px}.approval-row small{color:#75613e;margin-top:3px;font-size:11px}.notice{color:var(--teal);background:var(--teal-soft);border-radius:5px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.notice.warning{color:var(--red);background:#f9e8e4}.review-footer{border-top:1px solid var(--line);background:#f8f8f4;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 22px;display:flex}.safety-note{color:var(--muted);gap:6px;font-size:11px}.run-button{color:#fff;background:var(--teal);border:1px solid #09574c;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.run-button:hover{background:#09594e}.result-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.result-section pre{color:#27312c;max-height:330px;font:12px/1.65 var(--mono);white-space:pre-wrap;background:#f1f5f1;border:1px solid #cfdbd5;border-radius:6px;margin:0;padding:14px;overflow:auto}.run-button:disabled{cursor:wait;opacity:.72}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading.compact{border-bottom:1px solid var(--line);min-height:83px;margin:0;padding:18px}.history-list{flex:1}.history-item{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;gap:9px;padding:14px 16px;display:grid}.history-status{border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.history-status.completed{color:#fff;background:var(--teal)}.history-status.cancelled{border:1px solid var(--strong)}.history-status.cancelled span{background:var(--faint);width:7px;height:1px}.history-item strong{margin-bottom:5px;font-size:12px;display:block}.history-item div>span{color:var(--faint);font:10px var(--mono);gap:4px}.history-footer{color:var(--faint);border-top:1px solid var(--line);gap:7px;padding:15px 16px;font-size:10px}@media (width<=1120px){.workspace{grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr)}.history-column{border-top:1px solid var(--line);grid-column:1/-1}.history-list{grid-template-columns:repeat(2,1fr);display:grid}.history-item{border-right:1px solid var(--line)}}@media (width<=760px){.topbar{height:auto;min-height:64px;padding:10px 14px}.status,.prototype{display:none}.provider-button{font-size:0}.provider-settings{top:62px;right:14px}.provider-settings label{grid-template-columns:1fr;gap:5px}.context-strip{grid-template-columns:auto minmax(0,1fr);padding:11px 14px}.context-meta{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between}.context-meta>span{display:none}.capture-button{flex:1}.workspace{border:0;display:block}.action-column{border-right:0;border-bottom:1px solid var(--line);padding:18px 14px}.review-column{border-right:0;border-bottom:1px solid var(--line)}.action-item{grid-template-columns:26px minmax(0,1fr) 18px}.action-item .risk{display:none}.review-footer{z-index:2;position:sticky;bottom:0}.safety-note{display:none}.run-button{width:100%}.history-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.workspace>*{animation:.28s ease-out both reveal}.workspace>:nth-child(2){animation-delay:60ms}.workspace>:nth-child(3){animation-delay:.12s}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}}}