:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#fff;--surface-sunken:#f8f8f9;--surface-hover:#f1f1f3;--border:#ebebed;--border-strong:#dcdcdf;--text:#101114;--text-muted:#62656b;--text-faint:#8b8e95;--accent:#5e6ad2;--accent-hover:#525dc4;--accent-soft:#eeeffc;--accent-text:#4954c4;--ok:#3f9a63;--ok-soft:#ecf6f0;--warn:#9a6f21;--warn-soft:#fbf3e5;--danger:#c0453a;--danger-soft:#fcedeb;--who-person:#2f6fb5;--who-person-soft:#edf3fa;--who-bot:#7a5cb8;--who-bot-soft:#f2eefb;--radius:6px;--radius-sm:4px;--radius-lg:10px;--row:30px;--rail-width:216px;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0c0e;--surface:#121316;--surface-sunken:#0e0f11;--surface-hover:#1b1d21;--border:#212327;--border-strong:#303338;--text:#f2f3f5;--text-muted:#969aa2;--text-faint:#6e727a;--accent:#7b85e0;--accent-hover:#8a93e6;--accent-soft:#1a1c2e;--accent-text:#a3aaec;--ok:#5fb383;--ok-soft:#10231a;--warn:#cfa055;--warn-soft:#26200f;--danger:#e0796d;--danger-soft:#2a1715;--who-person:#7fb2e8;--who-person-soft:#101d2c;--who-bot:#ac93e2;--who-bot-soft:#1c162b}}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:13px;line-height:1.55}h1,h2,h3{letter-spacing:-.012em;font-weight:600}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:padding-box content-box;border:3px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box}button,a.button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);height:var(--row);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .7rem;font-weight:500;transition:background .1s,border-color .1s,color .1s;display:inline-flex}a.button{text-decoration:none}button:hover:not(:disabled),a.button:hover{background:var(--surface-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,a.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled),a.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:.25rem .5rem}button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}button.approve{background:var(--ok);border-color:var(--ok);color:#fff}button.approve:hover:not(:disabled){background:color-mix(in srgb, var(--ok) 88%, #000);border-color:color-mix(in srgb, var(--ok) 88%, #000)}input,select,textarea{font:inherit;width:100%;min-height:var(--row);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.3rem .5rem;transition:border-color .1s,box-shadow .1s}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent);flex:none;margin:0}:is(label.row:has(>input[type=checkbox]),label.row:has(>input[type=radio])){align-items:flex-start;font-weight:400}:is(label.row:has(>input[type=checkbox])>input,label.row:has(>input[type=radio])>input){margin-top:.2rem}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical;min-height:4.5rem;line-height:1.55}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}button:focus-visible,a.button:focus-visible,.list-item:focus-visible,.rail-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}code,pre{font-family:var(--mono);font-size:.85em}pre{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.7rem;line-height:1.5;overflow-x:auto}.app{background:var(--bg);grid-template-rows:auto 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.75rem;height:44px;padding:0 .875rem;display:flex}.brand{letter-spacing:-.02em;width:calc(var(--rail-width) - .875rem);align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;display:flex}.brand-mark{background:linear-gradient(150deg, var(--accent), color-mix(in oklab, var(--accent), #a5b4fc 65%));border-radius:5px;width:1.05rem;height:1.05rem}.spacer{flex:1}.shell{grid-template-columns:var(--rail-width) 1fr;min-height:0;display:grid}.shell.resizable{grid-template-columns:var(--rail-width) 6px 1fr}.shell.resizable>.rail{border-right:none}.rail{border-right:1px solid var(--border);background:var(--surface-sunken);flex-direction:column;gap:.125rem;padding:.625rem .5rem 1.5rem;display:flex;overflow-y:auto}.rail-group{letter-spacing:.02em;color:var(--text-faint);margin:.875rem 0 .25rem;padding:0 .5rem;font-size:.6875rem;font-weight:500}.rail-group:first-child{margin-top:0}.rail-item{border-radius:var(--radius);width:100%;height:28px;color:var(--text-muted);text-align:left;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;padding:0 .5rem;font-weight:500;transition:background 90ms,color 90ms;display:flex}.rail-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.rail-item[aria-current=true]{background:var(--surface-hover);color:var(--text);font-weight:550}.rail-item .rail-icon{width:15px;height:15px;color:var(--text-faint);flex:none}.rail-item[aria-current=true] .rail-icon{color:var(--accent)}.rail-count{font-variant-numeric:tabular-nums;color:var(--text-faint);background:var(--surface-hover);text-align:center;border-radius:999px;min-width:1.15rem;margin-left:auto;padding:0 .35rem;font-size:.6875rem}.rail-item[aria-current=true] .rail-count{background:var(--border);color:var(--text-muted)}.workspace{min-width:0;min-height:0;display:grid}.body{--sidebar-w:232px;--inspector-w:400px;grid-template-columns:232px 1fr;min-width:0;min-height:0;display:grid}.body.with-inspector{grid-template-columns:232px 1fr 400px}.body.resizable{grid-template-columns:var(--sidebar-w) 6px 1fr}.body.resizable.with-inspector{grid-template-columns:var(--sidebar-w) 6px 1fr 6px var(--inspector-w)}.pane-resizer{cursor:col-resize;touch-action:none;background:0 0;border:none;border-radius:0;height:auto;padding:0;position:relative}.pane-resizer:after{content:"";background:var(--border);width:1px;transition:background .1s,width .1s;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.pane-resizer:hover:after,.pane-resizer:focus-visible:after,.pane-resizer[data-dragging=true]:after{background:var(--accent);width:2px}.pane-resizer:hover,.pane-resizer:focus-visible{background:0 0}.pane-resizer:focus-visible{outline:none}.sidebar{border-right:1px solid var(--border);background:var(--bg);min-width:0;padding:.75rem .5rem;overflow-y:auto}.body.resizable>.sidebar{border-right:none}.body.resizable>.inspector{border-left:none}.main{min-width:0;padding:1.25rem 1.5rem 4rem;overflow-y:auto}.main h1{margin:0 0 .2rem;font-size:.9375rem}.main h1 code{color:var(--text-muted);font-size:.9375rem;font-weight:500}.inspector{border-left:1px solid var(--border);background:var(--bg);min-width:0;padding:.875rem;overflow-y:auto}.section-title{letter-spacing:.02em;color:var(--text-faint);margin:0 0 .4rem;padding:0 .4rem;font-size:.6875rem;font-weight:500}.list-item{text-align:left;border-radius:var(--radius);width:100%;height:auto;color:var(--text);background:0 0;border:none;justify-content:flex-start;padding:.3rem .45rem;font-weight:450;display:block}.list-item:hover:not(:disabled){background:var(--surface-hover)}.list-item[aria-current=true]{background:var(--surface-hover);color:var(--text);font-weight:550}.list-item small.row{display:flex}.list-item small{color:var(--text-faint);font-size:.6875rem;font-weight:400;display:block}.run-row{align-items:flex-start;gap:.5rem;padding:.35rem .45rem;display:flex}.run-dot{background:var(--text-faint);border-radius:999px;flex:none;width:6px;height:6px;margin-top:.48rem}.run-dot.ok{background:var(--ok)}.run-dot.danger{background:var(--danger)}.run-dot.warn{background:var(--warn)}.run-dot.accent{background:var(--accent)}.run-row-body{flex:1;min-width:0}.run-row-head{align-items:center;gap:.35rem;font-weight:500;display:flex}.run-tag{color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 .25rem;font-size:.625rem;font-weight:500;line-height:1.4}.tl-event{gap:.25rem;display:grid}.tl-meta{gap:.25rem .4rem}.tl-summary{color:var(--text-muted);max-width:78ch;margin:0;font-size:.8125rem}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:.875rem;padding:.875rem 1rem}.card>h2{margin:0 0 .625rem;font-size:.8125rem;font-weight:600}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.stack{gap:.625rem;display:grid}.field{gap:.2rem;display:grid}.field>label{color:var(--text-muted);font-size:.6875rem;font-weight:500}.hint{color:var(--text-faint);font-size:.75rem}.pill{border-radius:var(--radius-sm);height:20px;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:0 .45rem;font-size:.6875rem;font-weight:500;line-height:1;display:inline-flex}.pill:before{content:"";opacity:.75;background:currentColor;border-radius:999px;flex:none;width:5px;height:5px}.pill.accent{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 28%, transparent);background:var(--ok-soft)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 30%, transparent);background:var(--warn-soft)}.pill.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent);background:var(--danger-soft)}button.pill{cursor:pointer}button.pill:hover{filter:brightness(.97)}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-sunken);margin-bottom:.875rem;padding:.625rem .75rem;font-size:.8125rem}.banner.warn{background:var(--warn-soft);border-color:color-mix(in oklab, var(--warn), transparent 75%)}.banner.danger{background:var(--danger-soft);border-color:color-mix(in oklab, var(--danger), transparent 75%)}.banner h3{margin:0 0 .25rem;font-size:.8125rem}.trigger-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);gap:.5rem;padding:.75rem;display:grid}.combo{position:relative}.combo>input{width:100%}.combo-list{z-index:40;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:1px;max-height:14rem;margin:0;padding:.2rem;list-style:none;display:grid;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.combo-list button{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;width:100%;padding:.3rem .4rem;font-size:.8125rem;display:flex}.combo-list button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.combo-list button>code{color:var(--text-muted);font-size:.6875rem}.combo-list button.active{background:var(--accent-soft);color:var(--accent-text)}.chip-x{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;line-height:1}.chip-x:hover:not(:disabled){color:var(--danger)}.tree,.step-node{gap:.25rem;display:grid}.step-children{border-left:1px solid var(--border);gap:.25rem;margin-left:1.25rem;padding-left:.875rem;display:grid}.step-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:flex-start;align-items:flex-start;gap:.55rem;width:100%;height:auto;padding:.5rem .625rem;font-weight:450;display:flex}.step-card:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.step-card[aria-current=true]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.step-card .step-index{font-family:var(--mono);color:var(--text-faint);min-width:1.4rem;padding-top:.1rem;font-size:.6875rem}.step-card .step-body{flex:1;min-width:0}.step-card .step-name{font-weight:550}.step-card .step-meta{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}table{border-collapse:collapse;width:100%;font-size:.8125rem}th{text-align:left;letter-spacing:.02em;color:var(--text-faint);border-bottom:1px solid var(--border);padding:.3rem .6rem;font-size:.6875rem;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.4rem .6rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}.chat{grid-template-rows:auto 1fr auto;height:100%;min-height:0;display:grid}.chat-head{border-bottom:1px solid var(--border);padding-bottom:.625rem}.chat-title{letter-spacing:-.01em;margin:0;font-size:.8125rem;font-weight:600}.chat-address{color:var(--text-faint);font-size:.6875rem}.chat-log{align-content:start;gap:1.125rem;padding:.75rem .125rem 1rem;display:grid;overflow-y:auto}.msg{white-space:normal;overflow-wrap:anywhere;background:0 0;border:none;gap:.3rem;padding:0;display:grid}.msg .role{letter-spacing:.01em;color:var(--text-muted);text-transform:capitalize;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:550;display:flex}.msg-marker{border-radius:var(--radius-sm);letter-spacing:0;text-transform:uppercase;background:var(--surface-hover);width:16px;height:16px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;font-size:.5625rem;font-weight:700;display:inline-flex}.msg-text{white-space:pre-wrap;color:var(--text);max-width:68ch;line-height:1.6}.msg-text pre{white-space:pre;margin:.4rem 0}.msg.user .msg-marker{background:var(--accent);color:#fff}.msg.user .msg-text{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem}.msg.system .msg-text{color:var(--text-muted);font-size:.8125rem}.chat-input{border-top:1px solid var(--border);gap:.5rem;padding-top:.75rem;display:grid}.composer{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .1s,box-shadow .1s;overflow:hidden}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.composer textarea{resize:none;background:0 0;border:none;border-radius:0;min-height:3.6rem;padding:.6rem .7rem .35rem}.composer textarea:focus-visible{box-shadow:none;border:none;outline:none}.composer-foot{align-items:center;gap:.5rem;padding:.35rem .45rem .45rem .7rem;display:flex}.empty{color:var(--text-faint);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:2.25rem 1rem;font-size:.8125rem}.identity{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid var(--border);height:20px;color:var(--text-muted);background:0 0;align-items:center;gap:.3rem;padding:0 .45rem 0 .35rem;font-size:.6875rem;font-weight:500;line-height:1;display:inline-flex}.identity svg{flex:none;width:.85em;height:.85em}.identity--person{background:var(--who-person-soft);color:var(--who-person);border-color:color-mix(in srgb, var(--who-person) 25%, transparent)}.identity--bot{background:var(--who-bot-soft);color:var(--who-bot);border-style:dashed;border-color:color-mix(in srgb, var(--who-bot) 45%, transparent)}.identity--auto{color:var(--text-muted);border-style:dotted;border-color:var(--border-strong);background:0 0}.identity--lg{height:26px;padding:0 .6rem 0 .45rem;font-size:.8125rem}.tip-trigger{cursor:help}.tip-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tip-bubble{z-index:100;border-radius:var(--radius);background:var(--text);max-width:20rem;color:var(--bg);white-space:normal;pointer-events:none;padding:.45rem .6rem;font-size:.72rem;font-weight:400;line-height:1.45;position:fixed;box-shadow:0 6px 20px #00000038}@media (prefers-reduced-motion:no-preference){.tip-bubble{animation:.1s ease-out tip-in}@keyframes tip-in{0%{opacity:0;transform:translateY(2px)}}}.studio{background:var(--surface-sunken);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.studio-head{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.75rem;height:44px;padding:0 1rem;display:flex}.studio-crumb{letter-spacing:-.01em;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:550;display:flex}.studio-crumb-root{color:var(--text-muted);font-weight:500}.studio-crumb-sep{color:var(--text-faint)}.studio-crumb-select{height:24px;font-family:var(--mono);color:var(--text);background-color:#0000;border-color:#0000;max-width:22rem;padding:0 1.35rem 0 .35rem;font-size:.8125rem;font-weight:500}.studio-crumb-select:hover{background-color:var(--surface-hover);border-color:var(--border)}.studio-head-link{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);align-items:center;height:24px;padding:0 .5rem;font-size:.75rem;text-decoration:none;display:inline-flex}.studio-head-link:hover{color:var(--text);background:var(--surface-hover)}.studio-window{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.studio-window select{width:auto;height:26px}.studio-split{grid-template-columns:minmax(320px,420px) 1fr;gap:.875rem;min-height:0;padding:.875rem;display:grid;overflow:auto}.studio-split.detail{grid-template-columns:1fr}.studio.with-detail .studio-split.detail{grid-template-columns:minmax(0,1fr) minmax(340px,460px)}.studio-column{grid-template-rows:auto auto;align-content:start;gap:.875rem;min-height:0;display:grid}.studio-column.wide{grid-template-rows:none;grid-auto-rows:max-content;padding:.875rem;overflow:auto}.studio-card,.studio-detail{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;overflow:hidden}.studio-card.grow{align-self:start}.studio-card-head{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.625rem .875rem;display:flex}.studio-card-head h2{font-size:.8125rem;font-weight:600;font-family:var(--mono);letter-spacing:-.01em;margin:0}.studio-card-head .spacer,.studio-card-head>.chip,.studio-card-head button.ghost{margin-left:auto}.studio-card-body{gap:.75rem;min-width:0;padding:.875rem;display:grid}.chip{border:1px solid var(--border);background:var(--surface-sunken);height:20px;color:var(--text-muted);font-size:.6875rem;font-family:var(--mono);white-space:nowrap;border-radius:999px;align-items:center;margin-right:.3rem;padding:0 .5rem;display:inline-flex}.chip.warn{border-color:color-mix(in oklab, var(--warn), transparent 60%);color:var(--warn)}.linkish{color:var(--accent);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.linkish:hover{text-decoration:underline}.studio-row{align-items:center;gap:.6rem;display:flex}.toggle{border:1px solid var(--border);border-radius:var(--radius);margin-left:auto;display:inline-flex;overflow:hidden}.toggle button{height:24px;color:var(--text-muted);font-size:.6875rem;font-family:var(--mono);background:0 0;border:0;border-radius:0;padding:0 .6rem}.toggle button+button{border-left:1px solid var(--border)}.toggle button[aria-pressed=true]{background:var(--surface-hover);color:var(--text)}.studio-form{gap:.625rem;display:grid}.studio-form label{color:var(--text-muted);gap:.25rem;font-size:.75rem;display:grid}.required{color:var(--danger)}.studio-json{font-family:var(--mono);resize:vertical;font-size:.75rem;line-height:1.5}.studio-runs{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.studio-runs li{align-items:center;gap:.45rem;font-size:.75rem;display:flex}.studio-runs .run-dot{margin-top:0}.studio-run-id{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-run-status{margin-left:auto}.studio-filter{border-radius:999px;height:32px;padding:0 .9rem}.studio-table{border-collapse:collapse;width:100%;font-size:.8125rem}.studio-table th{text-align:left;color:var(--text-faint);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 .6rem .45rem;font-size:.6875rem;font-weight:500}.studio-table th.numeric,.studio-table td.numeric{text-align:right;font-variant-numeric:tabular-nums;width:3.5rem}.studio-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.5rem .6rem}.studio-table tbody tr{cursor:pointer}.studio-table tbody tr:hover,.studio-table tbody tr[aria-current=true]{background:var(--surface-hover)}.studio-table tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.studio-agent-name{white-space:nowrap;font-weight:550}.studio-agent-instructions{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:0;overflow:hidden}.studio-agent-model{font-family:var(--mono);white-space:nowrap;font-size:.75rem}.model-mark{background:var(--accent);opacity:.8;border-radius:2px;width:8px;height:8px;margin-right:.4rem;display:inline-block}.studio-detail{align-self:start;max-height:calc(100vh - 88px - 1.75rem);overflow:auto}.studio-facts{grid-template-columns:8.5rem 1fr;gap:.35rem .75rem;margin:0;font-size:.75rem;display:grid}.studio-facts dt{color:var(--text-faint)}.studio-facts dd{color:var(--text);margin:0}.studio-instructions{white-space:pre-wrap;max-height:26rem;font-size:.72rem;line-height:1.6;overflow:auto}.studio-canvas{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:18px 18px;align-content:center;place-items:center;min-height:0;padding:1.5rem;display:grid;overflow:auto}.graph{justify-items:center;gap:.5rem;display:grid}.graph-terminal{border:1px solid var(--border-strong);background:var(--surface-sunken);width:62px;height:62px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.graph-list,.graph-children{justify-items:stretch;gap:.5rem;min-width:300px;margin:0;padding:0;list-style:none;display:grid}.graph-children{border-left:1px dashed var(--border-strong);min-width:0;margin:.5rem 0 0 1.25rem;padding-left:.75rem}.graph-item{display:grid}.graph-list>.graph-item+.graph-item:before,.graph-children>.graph-item+.graph-item:before{content:"";border-left:1px dashed var(--border-strong);justify-self:center;width:0;height:.5rem;margin-bottom:.5rem}.graph-node{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:38px;color:var(--text);font-family:var(--mono);text-align:left;justify-content:flex-start;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.75rem;display:flex}.graph-node:hover{border-color:var(--border-strong);background:var(--surface-hover)}.graph-node[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.graph-node-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-dot{border:1.5px solid var(--text-faint);background:0 0;border-radius:999px;flex:none;width:7px;height:7px}.graph-dot.ok{background:var(--ok);border-color:var(--ok)}.graph-dot.danger{background:var(--danger);border-color:var(--danger)}.graph-dot.warn{background:var(--warn);border-color:var(--warn)}.graph-dot.active{background:var(--accent);border-color:var(--accent)}.graph-badge{border-radius:var(--radius-sm);border:1px solid var(--border);height:18px;color:var(--text-faint);white-space:nowrap;align-items:center;margin-left:auto;padding:0 .35rem;font-size:.625rem;display:inline-flex}.graph-badge.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 30%, transparent);background:var(--warn-soft)}.graph-badge.active{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft)}.tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.625rem;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);padding:.7rem .75rem}.tile.warn{border-color:color-mix(in srgb, var(--warn) 30%, transparent);background:var(--warn-soft)}.tile-label{color:var(--text-faint);margin:0;font-size:.6875rem}.tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.5rem;font-weight:600}.tile-note{color:var(--text-faint);margin:.1rem 0 0;font-size:.6875rem}.loop{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.loop li{align-items:center;gap:.4rem;display:flex}.loop-stage{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-sunken);height:26px;font-family:var(--mono);align-items:center;padding:0 .6rem;font-size:.72rem;display:inline-flex}.loop li.absent .loop-stage{color:var(--text-faint);background:0 0;border-style:dashed}.loop-arrow,.loop-back{color:var(--text-faint);font-size:.8rem}.goal-bar{border:1px solid var(--border);background:var(--surface-sunken);border-radius:999px;height:8px;overflow:hidden}.goal-bar-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .22s;display:block}.goal-bar.waiting .goal-bar-fill{background:var(--warn)}.goal-bar.unmeasured{border-style:dashed;border-color:var(--text-muted);background:0 0}@media (prefers-reduced-motion:reduce){.goal-bar-fill{transition:none}}.chart{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.chart-grid{stroke:var(--border)}.chart-input,.chart-output{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.chart-input{stroke:var(--accent)}.chart-output{stroke:var(--text-muted)}.chart-axis-label{fill:var(--text-muted);font-family:var(--mono);font-size:10px}.chart-legend{color:var(--text-muted);align-items:center;gap:.9rem;font-size:.6875rem;display:flex}.chart-legend span{align-items:center;gap:.35rem;display:inline-flex}.chart-swatch{width:16px;height:8px}