:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf5;background:#0b111b;font-synthesis:none;color-scheme:dark;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:40px 24px calc(32px + env(safe-area-inset-bottom))}header,.section-heading,.job-meta,.statusbar{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0}h2{font-size:1.2rem;letter-spacing:-.02em;margin:8px 0 20px}h3{font-size:1rem}p{margin:10px 0}.eyebrow{color:#91a8c8;font-size:.7rem;font-weight:800;letter-spacing:.16em}.muted,.hint,footer{color:#9ba9bd}.hint{font-size:.8rem;margin:0 0 8px}.statusbar{font-size:.85rem;border-block:1px solid #243044;padding:14px 0;margin-bottom:28px;color:#a4afc0}.connected{color:#7be6c3}.workspace{display:grid;grid-template-columns:minmax(280px,2fr) minmax(300px,3fr);gap:24px;align-items:start}.panel{background:#111b29;border:1px solid #253348;border-radius:16px;padding:24px}.composer{position:sticky;top:24px}.stack{display:flex;flex-direction:column;gap:9px}label{font-size:.85rem;font-weight:600}input,textarea,button{font:inherit}input,textarea{width:100%;min-height:46px;border:1px solid #35475e;border-radius:9px;background:#0b1420;padding:12px;color:#edf4ff}textarea{resize:vertical}button{cursor:pointer;border:1px solid transparent;border-radius:9px;background:#8ae7ca;color:#102a23;padding:12px 18px;min-height:44px;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#b7c9e2;border-color:#35475e}.job{margin-bottom:14px}.job-meta{font-size:.75rem;flex-wrap:wrap}.badge{border-radius:6px;padding:4px 8px;background:#24334a;color:#c7d6eb}.badge[data-status=running]{background:#263e62;color:#a9ceff}.badge[data-status=awaiting_confirmation]{background:#4a3b20;color:#f9d99b}.badge[data-status=finished]{color:#8fcbb7;background:#1d3832}.active{border-color:#79653b}.job-title{display:block;text-align:left;width:100%;padding:14px 0;background:transparent;color:#edf3fc;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.job code{color:#a9bdd8}.job p{font-size:.85rem;color:#c4cedd}.job>button:last-child{margin-top:8px}.notice{color:#f2ce8b;background:#392e1d;border-radius:8px;padding:12px;font-size:.85rem}.error{color:#ffb2b2;background:#38242a;border-radius:8px;padding:12px}.empty{text-align:center;padding:40px 24px}.results{margin-top:24px;min-width:0}pre{background:#080f18;border:1px solid #243247;border-radius:10px;padding:16px;max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;tab-size:2}.stderr{color:#f2b8b8}.result-prompt{white-space:pre-wrap;overflow-wrap:anywhere;color:#becde1}footer{text-align:center;font-size:.75rem;margin-top:32px}.login{max-width:480px;padding-top:12vh}.login .panel{margin-top:28px}:focus-visible{outline:3px solid #8ae7ca;outline-offset:3px}a{color:#8ae7ca}@media(max-width:760px){main{padding:24px 16px}.workspace{grid-template-columns:1fr}.composer{position:static}.panel{padding:20px}header{align-items:flex-start}.statusbar{align-items:flex-start;flex-direction:column;gap:6px}.job-meta{gap:8px}header button{padding:10px 12px;white-space:nowrap}}