:root{--bg:#FEFEFE;--fg:#070707;--fg2:#3A3A36;--muted:#6B6B66;--card:#ECE7DD;--callout:#F6F4E8;--panel:#FEFEFE;--line:rgba(7,7,7,.14);--line2:rgba(7,7,7,.3);--accent:#10A37E;--accent-ink:#0A4938;--deep:#0A4938;--graphite:#292926;--ground:#070707;--oat:#ECE7DD;--grid:rgba(7,7,7,.07);--sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,"Courier New",monospace;--snip:18px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070707;--fg:#ECE7DD;--fg2:rgba(236,231,221,.78);--muted:#9A9A94;--card:#161615;--callout:#111110;--panel:#0E0E0D;--line:rgba(236,231,221,.14);--line2:rgba(236,231,221,.32);--accent-ink:#10A37E;--grid:rgba(16,163,126,.14);color-scheme:dark}}:root[data-theme=dark]{--bg:#070707;--fg:#ECE7DD;--fg2:rgba(236,231,221,.78);--muted:#9A9A94;--card:#161615;--callout:#111110;--panel:#0E0E0D;--line:rgba(236,231,221,.14);--line2:rgba(236,231,221,.32);--accent-ink:#10A37E;--grid:rgba(16,163,126,.14);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.5 var(--sans);overflow:hidden}a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid var(--line2)}button,input,textarea{font:inherit;color:inherit;border-radius:0}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:grid;grid-template-rows:52px minmax(0,1fr);height:100%}.main{display:grid;grid-template-columns:400px minmax(0,1fr);min-height:0}@media(max-width:860px){body{overflow:auto}.app{height:auto;min-height:100%}.main{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,60vh)}.agent{border-right:0;border-bottom:1px solid var(--line);max-height:70vh}}.topbar{display:flex;align-items:center;gap:24px;height:52px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);white-space:nowrap}.brand:before{content:"";width:8px;height:8px;background:var(--accent);flex:none}.topbar-project{display:flex;align-items:baseline;gap:10px;min-width:0;font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg2)}.topbar-project .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{flex:1}@media(max-width:560px){.topbar-project{display:none}}.theme{height:26px;padding:0 10px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.theme:hover{color:var(--fg);border-color:var(--line2)}@media(max-width:420px){.theme{display:none}}.pill{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border:1px solid var(--line2);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;background:currentColor;flex:none}.pill--starting,.pill--running,.pill--complete{color:var(--accent);border-color:var(--accent)}.pill--running:before{animation:blink 1s steps(1,end) infinite}.pill--failed{color:var(--fg);border-color:var(--fg);font-weight:600}.pill--needs_input{color:var(--fg);border-color:var(--line2)}.pill--error{color:var(--muted);border-style:dashed}.pill--mock{color:var(--fg);border-style:dashed;border-color:var(--line2)}.pill--mock:before{background:var(--muted)}.hint--mock{color:var(--fg)}.connect{position:relative}.connect-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(460px,calc(100vw - 32px));z-index:20;background:var(--panel);border:1px solid var(--line2);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 32px #00000059}.connect-panel .eyebrow{margin-top:6px}.connect-panel .eyebrow:first-child{margin-top:0}.connect-url{display:flex;align-items:center;gap:8px}.connect-url code{flex:1;min-width:0;font:400 12px/1.6 var(--mono);color:var(--fg);background:var(--card);padding:6px 10px;overflow-wrap:anywhere;user-select:all}.connect-code{margin:0;padding:8px 10px;background:var(--card);color:var(--fg);font:400 12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}.connect-note{margin:0;font:400 13px/1.5 var(--sans);color:var(--fg2)}.projects{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:360px;overflow:auto;border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;padding:9px 4px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--fg)}.project:hover:not(:disabled){background:var(--card)}.project:disabled{opacity:.5;cursor:default}.project--current{box-shadow:inset 2px 0 0 var(--accent)}.project-id{font:500 12px/1.5 var(--mono)}.project-src{font:500 10.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.project-src--mcp{color:var(--accent)}.project-meta{grid-column:1 / -1;font:400 11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.agent{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.prompt{display:flex;flex-direction:column;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.prompt textarea{width:100%;min-height:84px;resize:vertical;padding:10px 12px;background:var(--card);color:var(--fg);border:1px solid var(--line);font:400 14px/1.5 var(--sans)}.prompt textarea::placeholder{color:var(--muted)}.prompt-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-row .hint{font:400 11px/1.4 var(--mono);letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:1px solid var(--line2);background:transparent;color:var(--fg);font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#070707}.btn--primary:not(:disabled):hover{background:#0e916f;border-color:#0e916f}.log{flex:1;min-height:0;overflow:auto;padding:4px 0 8px}.log-empty{padding:24px 16px;color:var(--muted);font:400 13px/1.5 var(--sans)}.row{display:grid;grid-template-columns:28px 88px minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:baseline;padding:9px 16px;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row-ord{font:400 11px/1.6 var(--mono);color:var(--muted)}.row-step{font:500 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.row-msg{font:400 13px/1.5 var(--sans);color:var(--fg2);min-width:0;overflow-wrap:anywhere}.row-status{font:500 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:right;white-space:nowrap}.status--ok,.status--clean,.status--done,.status--running{color:var(--accent)}.status--fail{color:var(--fg);font-weight:600}.caret:after{content:"▍";animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.caret:after,.pill--running:before{animation:none}}.row--message,.row--user{grid-template-columns:28px minmax(0,1fr)}.row--message .eyebrow,.row--user .eyebrow{grid-column:2}.row--message .row-msg,.row--user .row-msg{grid-column:2;color:var(--fg);font-size:14px}.row--user .eyebrow{color:var(--accent-ink)}.row--user .row-msg{color:var(--fg2)}.row--file .row-msg{font:400 12px/1.6 var(--mono);letter-spacing:.02em;color:var(--fg2)}.row--file .row-status{color:var(--muted)}.row--done .row-step{color:var(--accent)}.row--done .row-msg{color:var(--muted)}.actions{grid-column:2 / -1;margin-top:2px}.actions summary{cursor:pointer;list-style:none;font:400 11px/1.8 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.actions summary::-webkit-details-marker{display:none}.actions summary:before{content:"+ "}.actions[open] summary:before{content:"– "}.actions summary em{font-style:normal;color:var(--fg)}.actions ol{margin:4px 0 0;padding:0;list-style:none;border-left:2px solid var(--line);max-height:220px;overflow:auto}.action{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding:2px 0 2px 10px;font:400 12px/1.6 var(--mono);color:var(--fg2)}.action-seq{color:var(--muted)}.action-msg{overflow-wrap:anywhere}.action--fail .action-msg{color:var(--fg)}.action--fail .action-seq:after{content:" ✗";color:var(--fg)}.violations{grid-column:2 / -1;margin-top:4px;border-left:2px solid var(--line2);padding-left:12px}.violations summary{cursor:pointer;list-style:none;font:500 11px/1.8 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.violations summary::-webkit-details-marker{display:none}.violations summary:before{content:"+ ";color:var(--muted)}.violations[open] summary:before{content:"– ";color:var(--muted)}.violation{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}.violation-sev{font:500 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}.violation-sev--error{color:var(--fg);font-weight:600}.violation-sev--warning{color:var(--muted)}.violation-msg{color:var(--fg)}.violation-code{grid-column:2;font:400 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--muted)}.violation-items{grid-column:2;margin:0;padding:0;list-style:none;font:400 12px/1.5 var(--mono);color:var(--muted)}.prompt--drag textarea{outline:2px dashed var(--accent);outline-offset:-2px}.attach{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.attach--compact .btn,.btn--sm{height:28px;padding:0 10px;font-size:10.5px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;min-width:0}.chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 6px 4px 10px;border:1px solid var(--line2);background:var(--card);font:400 11px/1.4 var(--mono);color:var(--fg)}.chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.chip-size{color:var(--muted);white-space:nowrap}.chip-remove{border:0;background:none;color:var(--muted);font:400 14px/1 var(--sans);padding:0 2px;cursor:pointer}.chip-remove:hover{color:var(--fg)}.followup{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel)}.followup-row{display:flex;gap:8px}.followup input{flex:1;min-width:0;height:36px;padding:0 12px;background:var(--card);color:var(--fg);border:1px solid var(--line)}.followup input::placeholder{color:var(--muted)}.followup input:disabled{opacity:.5}.viewer{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg)}.tabs{display:flex;align-items:stretch;height:44px;padding:0 8px;border-bottom:1px solid var(--line)}.tab{position:relative;padding:0 14px;background:none;border:0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tab:hover,.tab[aria-selected=true]{color:var(--fg)}.tab[aria-selected=true]:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent)}.tabs-meta{margin-left:auto;align-self:center;padding-left:12px;font:400 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.tabs-meta em{font-style:normal;color:var(--accent)}.tab-download{align-self:center;margin-left:14px;padding:6px 10px;border:1px solid var(--accent);color:var(--accent);font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none}.tab-download:hover{background:var(--accent);color:#070707}.files-download code{font:400 12px var(--mono);color:var(--fg)}.files-download a{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:none;color:var(--accent-ink);border-bottom:1px solid currentColor}.stage{position:relative;flex:1;min-height:0;background:var(--card)}kicanvas-embed{display:block;width:100%;height:100%}.stage-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;background:color-mix(in srgb,var(--card) 72%,transparent);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stage-overlay:before{content:"";width:6px;height:6px;background:var(--accent);animation:blink 1s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.stage-overlay:before{animation:none}}.empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;height:100%;padding:24px 28px;color:var(--muted);background:var(--card)}.empty h2{margin:0;font:400 22px/1.3 var(--sans);color:var(--fg)}.empty p{margin:0;max-width:44ch;font-size:14px}.files{height:100%;overflow:auto;background:var(--bg)}.files table{width:100%;border-collapse:collapse;font:400 13px/1.5 var(--sans)}.files th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--line2);font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.files td{padding:10px 16px;border-bottom:1px solid var(--line);vertical-align:baseline}.files td.path{font:400 12px/1.6 var(--mono);letter-spacing:.02em;overflow-wrap:anywhere}.files td.kind{font:400 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);white-space:nowrap}.files td.num,.files th.num{text-align:right;font-family:var(--mono);font-size:12px;white-space:nowrap}.files td.when{font:400 12px/1.6 var(--mono);color:var(--muted);white-space:nowrap}.files a{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border-bottom:1px solid currentColor}.files .note{padding:16px;font:400 13px/1.5 var(--sans);color:var(--muted)}@media(max-width:640px){.files td.when,.files th.when{display:none}}.topbar-user{display:flex;align-items:center;gap:8px;margin:0;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--fg2)}.topbar-user .value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.topbar-user .value{display:none}}.signin{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(90% 70% at 100% 100%,rgba(10,73,56,.55),transparent 60%),var(--bg)}.signin-card{max-width:480px;display:flex;flex-direction:column;gap:14px}.signin-card h1{margin:0;font:500 clamp(26px,4vw,36px)/1.15 var(--sans);letter-spacing:-.015em;color:var(--fg)}.signin-card p{margin:0;color:var(--fg2);font-size:15px}.signin-actions{display:flex;gap:10px;margin-top:8px}.signin-actions .btn{text-decoration:none;border-bottom:1px solid var(--line2)}.signin-actions .btn--primary{border-color:var(--accent)}.tokens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tokens li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font:400 12px/1.5 var(--mono);color:var(--fg)}.tokens-when{color:var(--muted)}.btn--small{height:26px;padding:0 10px;font-size:10.5px}