:root{--bg:#f7f7f5;--panel:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#e2e2dc;--accent:#b4532a;--accent-text:#fff;--ok:#2f8a4c;--warn:#b7791f;--error:#c0392b;--code:#f0f0ec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1b19;--panel:#242422;--text:#ececea;--muted:#9a9a94;--border:#3a3a36;--accent:#d97757;--code:#2c2c29}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:1.1rem}h2{margin:0 0 .25rem;font-size:1rem}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:6px;padding:.4rem .8rem}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:6px;width:100%;padding:.4rem .5rem}textarea{resize:vertical;min-height:4.5rem}pre{background:var(--code);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:.25rem 0;padding:.5rem;font-size:.8rem;overflow-x:auto}.muted{color:var(--muted);margin:0;font-size:.85rem}.error{color:var(--error)}.app{grid-template:"header header""notices notices""aside main"1fr/minmax(16rem,22rem) 1fr;min-height:100vh;display:grid}.app>header{border-bottom:1px solid var(--border);background:var(--panel);grid-area:header;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notices{background:var(--code);color:var(--error);grid-area:notices;padding:.5rem 1rem}.notices p{margin:0 0 .25rem}aside{border-right:1px solid var(--border);flex-direction:column;grid-area:aside;gap:1rem;padding:1rem;display:flex;overflow-y:auto}main{grid-area:main;min-width:0;padding:1rem}.status{color:var(--muted);font-size:.8rem}.status.open{color:var(--ok)}.machine ul{flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.dot{background:var(--muted);border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.dot.online{background:var(--ok)}.session{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);background:0 0;justify-content:space-between;gap:.5rem;display:flex}.session span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session.active{border-color:var(--accent)}.state{color:var(--muted);white-space:nowrap;font-size:.75rem}.state.working{color:var(--accent)}.state.needs_input{color:var(--warn)}.state.failed{color:var(--error)}.new-session,.token{flex-direction:column;gap:.5rem;display:flex}.token{background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:24rem;margin:15vh auto;padding:1.5rem}.token label{flex-direction:column;gap:.25rem;display:flex}.session-view{flex-direction:column;gap:.75rem;max-width:60rem;display:flex}.session-header{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.actions select{width:auto}.timeline{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.timeline .text{white-space:pre-wrap;margin:0}.timeline .prompt{background:var(--panel);border-left:3px solid var(--accent);white-space:pre-wrap;margin:0;padding:.5rem .75rem}.timeline .meta{color:var(--muted);margin:0;font-size:.8rem}.timeline details summary{cursor:pointer;color:var(--muted);font-size:.85rem}.timeline .tool summary{color:var(--text);font-family:ui-monospace,monospace}.timeline .result.error summary{color:var(--error)}.card{border:1px solid var(--warn);background:var(--panel);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.card fieldset{border:0;margin:0;padding:0}.card legend{margin-bottom:.25rem;font-weight:600}.option{align-items:baseline;gap:.5rem;display:flex}.option input{width:auto}.composer{align-items:flex-end;gap:.5rem;display:flex}@media (width<=720px){.app{grid-template-columns:1fr;grid-template-areas:"header""notices""aside""main"}aside{border-right:0;border-bottom:1px solid var(--border)}}button.link{color:var(--muted);background:0 0;padding:0;text-decoration:underline}.steps{flex-direction:column;gap:.25rem;margin:0;padding-left:1.2rem;display:flex}.steps a{color:var(--accent)}