:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202522;background:#eef0ed;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #202522;--muted: #68716c;--line: #d6dad6;--surface: #ffffff;--soft: #f6f7f5;--green: #176a46;--green-dark: #105237;--amber: #a75d08;--red: #a43a3a;--blue: #265b85}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--soft)}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.topbar{height:82px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#1e2622;color:#fff;border-bottom:3px solid #d59b2b}.brand,.top-actions,.section-heading,.run-actions,.settings-row,.approval-header,.approval-actions,.dialog-header{display:flex;align-items:center}.brand{gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #6d7a73;color:#f2bd4f;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700}h1,h2,h3,p{margin:0}.brand h1{font-size:17px;line-height:1.1;letter-spacing:0}.brand p{margin-top:3px;color:#b9c1bc;font-size:11px}.brand .brand-tagline{margin-top:2px;color:#f2bd4f;font-size:10px}.top-actions{gap:6px}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 82px)}.control-panel{overflow:auto;background:var(--surface);border-right:1px solid var(--line)}.control-panel section{padding:20px;border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;margin-bottom:15px}.section-heading h2,.transcript-heading h2,.approval-panel h2,.dialog-header h2{font-size:14px;letter-spacing:0}.status-list{margin:0 0 16px}.status-list div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #eceeeb;font-size:12px}.status-list dt{color:var(--muted)}.status-list dd{margin:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-transform:capitalize}.status-list dd[data-state=available]{color:var(--green)}.task-section>label,.approval-panel>label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}textarea,input[type=text],input[type=number]{width:100%;color:var(--ink);background:#fff;border:1px solid #bfc5c0;border-radius:4px;outline:none}textarea{padding:11px;resize:vertical;line-height:1.5;font-size:13px}textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 2px #176a4624}.settings-row{justify-content:space-between;margin:14px 0}.toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.toggle input{position:absolute;opacity:0}.toggle span{position:relative;width:34px;height:18px;background:#aeb5b0;border-radius:9px;transition:background .12s ease}.toggle span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .12s ease}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(16px)}.step-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.step-control input{width:52px;padding:5px}.run-actions,.approval-actions{gap:8px}.run-actions button{flex:1}.primary-button,.secondary-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green)}.primary-button:hover:not(:disabled){background:var(--green-dark)}.secondary-button{color:#343b37;background:#fff;border:1px solid #bac0bc}.secondary-button:hover:not(:disabled){background:#f0f2ef}.full{width:100%}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;color:inherit;background:transparent;border:1px solid rgb(255 255 255 / 22%);border-radius:4px}.icon-button:hover:not(:disabled){background:#ffffff17}.icon-button.small{width:28px;height:28px;color:var(--muted);border-color:var(--line)}.icon-button svg,button svg{width:15px;height:15px;stroke-width:1.8}.count{min-width:24px;padding:2px 6px;color:#fff;background:#737b76;border-radius:3px;text-align:center;font-size:11px}.changed-files{min-height:42px;margin:0 0 14px;padding:0;list-style:none}.changed-files li{padding:6px 0;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.changed-files .empty{color:var(--muted);font-family:inherit}.workspace-panel{min-width:0;display:flex;flex-direction:column;background:#f5f6f4}.transcript-heading{min-height:76px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.transcript-heading p{max-width:720px;margin-top:5px;color:var(--muted);font-size:12px}.transcript-heading>span{color:var(--muted);font-size:11px}.transcript{overflow:auto;flex:1;padding:22px}.empty-state{min-height:55vh;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.empty-glyph{width:44px;height:44px;display:grid;place-items:center;margin-bottom:12px;color:var(--green);background:#e3eee8;border:1px solid #b8cec1;font-family:SFMono-Regular,Consolas,monospace;font-weight:700}.empty-state h3{color:var(--ink);font-size:14px}.empty-state p{max-width:370px;margin-top:7px;font-size:12px;line-height:1.5}.event{display:grid;grid-template-columns:30px minmax(0,1fr);max-width:920px;margin:0 auto}.event-rail{position:relative;display:flex;justify-content:center}.event-rail:after{content:"";position:absolute;top:25px;bottom:0;width:1px;background:#d2d7d3}.event:last-child .event-rail:after{display:none}.event-rail span{z-index:1;width:22px;height:22px;display:grid;place-items:center;color:#fff;background:#77807a;border-radius:50%;font-size:9px}.event-body{margin:0 0 16px 8px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-left:3px solid #89928c;border-radius:4px}.event-meta{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.event-body h3{font-size:12px;line-height:1.4}.event-body pre{max-height:300px;overflow:auto;margin:11px 0 0;padding:10px;color:#303632;background:#f4f5f3;border:1px solid #e1e4e1;font:11px/1.55 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.event-tool-call .event-body{border-left-color:var(--blue)}.event-proposal .event-body,.event-approval .event-body{border-left-color:var(--amber)}.event-runtime-error .event-body,.event-validation-error .event-body{border-left-color:var(--red)}.event-final .event-body{border-left-color:var(--green)}.approval-panel{position:fixed;z-index:10;top:82px;right:0;bottom:0;width:min(580px,100vw);overflow:auto;padding:22px;background:#fff;border-left:1px solid #b8beba;box-shadow:-18px 0 40px #18221c26}.approval-panel[hidden]{display:none}.approval-header,.dialog-header{justify-content:space-between;gap:20px}.approval-panel .icon-button,.dialog-header .icon-button{color:var(--ink);border-color:var(--line)}.eyebrow{display:block;margin-bottom:5px;color:var(--amber);font-size:9px;font-weight:800;text-transform:uppercase}.approval-panel>p{margin:14px 0 18px;color:var(--muted);font-size:12px;line-height:1.5}.diff{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:1px solid var(--line)}.diff-block{min-width:0}.diff-block+.diff-block{border-left:1px solid var(--line)}.diff-block>span{display:block;padding:7px 10px;font-size:10px;font-weight:800;text-transform:uppercase}.diff-block pre{min-height:160px;max-height:42vh;overflow:auto;margin:0;padding:12px;font:11px/1.55 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.removed>span,.removed pre{background:#fff0ef}.added>span,.added pre{background:#eaf7ef}.approval-panel>label span{color:var(--muted);font-weight:400}.approval-panel input{margin-bottom:14px;padding:9px 10px;font-size:12px}.approval-actions{justify-content:flex-end}dialog{width:min(1100px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));padding:0;background:#fff;border:1px solid #9ba49e;border-radius:6px;box-shadow:0 24px 80px #121c163d}dialog::backdrop{background:#131b167a}.dialog-header{height:62px;padding:0 16px 0 20px;border-bottom:1px solid var(--line)}#preview-frame{width:100%;height:calc(100% - 62px);background:#fff;border:0}@media(max-width:760px){.shell{display:block;height:auto}.control-panel{border-right:0}.workspace-panel{min-height:70vh}.transcript-heading{align-items:flex-start}.diff{grid-template-columns:1fr}.diff-block+.diff-block{border-top:1px solid var(--line);border-left:0}}