: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:24px;color:#a4afc0}.connected{color:#7be6c3}.workspace{display:grid;grid-template-columns:minmax(280px,2fr) minmax(300px,3fr);gap:24px;align-items:start}.workspace>*,.section-heading>*,.job-meta>*{min-width:0}.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,select,button{font:inherit}input,textarea,select{width:100%;min-height:48px;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;touch-action:manipulation}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #8ae7ca;outline-offset:3px}.secondary{background:transparent;color:#b7c9e2;border-color:#35475e}.project-picker{margin-bottom:24px}.project-picker h2{margin-bottom:12px}.project-picker select{margin-top:8px}.path-link,.text-button{background:transparent;color:#8ae7ca;padding:8px 4px;text-align:left;overflow-wrap:anywhere}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.7fr);gap:8px;margin-bottom:12px}.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:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;width:100%;padding:14px 0;background:transparent;color:#e8edf5;font-size:1rem;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.job-actions button{flex:1}code,.result-prompt{overflow-wrap:anywhere}.result-prompt{white-space:pre-wrap}.results{margin-top:24px;scroll-margin-top:16px}.reply-form{border-block:1px solid #35475e;padding-block:16px;margin-block:16px}.conversation{padding-left:24px}.conversation li{margin-block:12px;overflow-wrap:anywhere}pre{background:#080e17;padding:16px;border-radius:9px;overflow:auto;max-height:65vh;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;tab-size:2}.stderr{color:#f2c2b7}.error,.notice{padding:12px;border-radius:9px;overflow-wrap:anywhere}.error{background:#44232c;color:#ffd2da}.notice{background:#332b1e;color:#f3d6a5}.empty{text-align:center}footer{font-size:.75rem;margin-top:32px}.login{max-width:480px;padding-top:12vh}.login .panel{margin-top:28px}.skill-shortcut{padding:6px 12px}.skill-menu{border:1px solid #527b78;border-radius:10px;padding:6px}.skill-menu button{width:100%;text-align:left}.skill-menu span{display:block;font-size:.8rem;font-weight:400;margin-top:4px}.draft-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.draft-meta .hint{margin:0}.text-button{font-size:.8rem}.mobile-tabs,.mobile-new{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:760px){main{padding:max(20px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.composer{position:static}.panel{padding:16px;border-radius:12px}header{align-items:flex-start;gap:8px;margin-bottom:16px}header button{padding:10px 12px;white-space:nowrap}.statusbar{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:16px}.job-meta{gap:8px}.project-picker{margin-bottom:12px}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin-bottom:16px;background:#111b29;border:1px solid #253348;border-radius:12px}.mobile-tabs button{background:transparent;color:#b7c9e2}.mobile-tabs .chosen{background:#8ae7ca;color:#102a23}.mobile-hidden{display:none}.mobile-new{display:inline-block}.job-actions{flex-direction:column}.result-heading{position:sticky;top:0;background:#111b29;padding-block:8px;z-index:1}.result-heading h2{margin:8px 0}.results{scroll-margin-top:8px}pre{max-height:55dvh}}@media(max-width:360px){.filters{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}