:root{--sl-bg: #0e1116;--sl-surface: #161b22;--sl-surface-2: #1c232c;--sl-border: #2a333d;--sl-text: #e6edf3;--sl-text-dim: #9aa7b4;--sl-accent: #5eead4;--sl-accent-strong: #2dd4bf;--sl-ok: #7fdcbb;--sl-error: #f87171;--sl-radius: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--sl-bg);color:var(--sl-text)}a{color:inherit;text-decoration:none}.sl-app{display:flex;flex-direction:column;min-height:100vh}.sl-topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--sl-border);background:var(--sl-surface)}.sl-brand{font-weight:700;letter-spacing:.02em}.sl-brand span{color:var(--sl-accent)}.sl-nav{display:flex;gap:1rem;margin-left:auto}.sl-nav a{color:var(--sl-text-dim);font-size:.9rem}.sl-nav a.active,.sl-nav a:hover{color:var(--sl-text)}.sl-main{flex:1;padding:1.5rem;max-width:1400px;width:100%;margin:0 auto}.sl-home{max-width:720px;margin:8vh auto 0;text-align:center}.sl-home h1{font-size:2rem;margin-bottom:.5rem}.sl-home p{color:var(--sl-text-dim);margin-bottom:2rem}.sl-composer{display:flex;flex-direction:column;gap:.75rem;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius);padding:1rem;text-align:left}.sl-composer textarea{background:var(--sl-surface-2);border:1px solid var(--sl-border);color:var(--sl-text);border-radius:8px;padding:.75rem;font:inherit;resize:vertical;min-height:96px}.sl-composer input{background:var(--sl-surface-2);border:1px solid var(--sl-border);color:var(--sl-text);border-radius:8px;padding:.6rem .75rem;font:inherit}.sl-btn{background:var(--sl-accent-strong);color:#06231e;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer;align-self:flex-end}.sl-btn:disabled{opacity:.5;cursor:not-allowed}.sl-runlist{display:flex;flex-direction:column;gap:.5rem}.sl-runrow{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:10px}.sl-runrow:hover{border-color:var(--sl-accent)}.sl-runrow .prompt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-runrow .when{color:var(--sl-text-dim);font-size:.8rem}.sl-badge{font-size:.72rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--sl-border);text-transform:uppercase;letter-spacing:.04em}.sl-badge.running{color:var(--sl-accent);border-color:var(--sl-accent)}.sl-badge.completed{color:var(--sl-ok);border-color:var(--sl-ok)}.sl-badge.failed{color:var(--sl-error);border-color:var(--sl-error)}.sl-detail{display:flex;gap:1rem;min-height:0;flex:1}@media (max-width: 900px){.sl-detail{flex-direction:column}}.sl-stream{flex:3;background:#000;border:1px solid var(--sl-border);border-radius:var(--sl-radius);overflow:hidden;min-height:55vh;display:flex;align-items:center;justify-content:center}.sl-stream iframe{width:100%;height:100%;border:0}.sl-stream .placeholder{color:var(--sl-text-dim);font-size:.9rem}.sl-vnc{position:relative;width:100%;height:100%}.sl-vnc-canvas{width:100%;height:100%}.sl-vnc .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sl-text-dim);font-size:.9rem;pointer-events:none}.sl-cancel{margin-top:.6rem;padding:.35rem .8rem;font-size:.85rem;cursor:pointer;color:var(--sl-error);background:transparent;border:1px solid var(--sl-error);border-radius:var(--sl-radius)}.sl-cancel:disabled{opacity:.5;cursor:default}.sl-sidebar{flex:1;min-width:300px;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius);display:flex;flex-direction:column;overflow:hidden}.sl-tabs{display:flex;border-bottom:1px solid var(--sl-border)}.sl-tabs button{flex:1;background:none;border:none;color:var(--sl-text-dim);padding:.7rem;cursor:pointer;font:inherit;border-bottom:2px solid transparent}.sl-tabs button.active{color:var(--sl-text);border-bottom-color:var(--sl-accent)}.sl-tabbody{padding:1rem;overflow-y:auto;flex:1}.sl-event{padding:.55rem 0;border-bottom:1px solid var(--sl-border);font-size:.9rem}.sl-event .kind{font-size:.7rem;color:var(--sl-accent);text-transform:uppercase}.sl-event.action .kind{color:var(--sl-accent-strong)}.sl-event .tool{font-family:ui-monospace,monospace;color:var(--sl-text-dim)}