:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;background:#f3f6fb;color:#172033}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8faff 0,#eef3f9 100%);min-height:100vh;color:#172033}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 24px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #d9e1ee;color:#172033}
main{max-width:1380px;margin:0 auto;padding:28px}.hero{max-width:760px;margin:44px auto 30px;text-align:center}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0 0 18px}.hero p{font-size:19px;color:#66738b}
.card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:20px;box-shadow:0 10px 34px rgba(36,50,78,.08)}
.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebarLayout{grid-template-columns:310px minmax(0,1fr)}
label{display:block;color:#44516a;font-size:13px;font-weight:700;margin:12px 0 4px}input,textarea,select,button{width:100%;font:inherit}
input,textarea,select{border:1px solid #cbd5e4;background:#f9fbfe;color:#172033;border-radius:11px;padding:11px 12px;outline:none}
input:focus,textarea:focus,select:focus{border-color:#6669f0;box-shadow:0 0 0 3px rgba(102,105,240,.13)}
button{border:0;border-radius:11px;padding:11px 14px;background:#6669f0;color:#fff;font-weight:750;cursor:pointer;transition:.15s transform,.15s opacity,.15s box-shadow}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(102,105,240,.2)}
button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.secondary{background:#53698f}.ghost{background:#e9eef7;color:#27344c}.danger{background:#b94b63}.small{width:auto;padding:8px 11px}
.hidden{display:none!important}.muted{color:#75829a}.tiny{font-size:12px}.pill,.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.pill{background:#ececff;color:#4f53c9;margin-left:8px}
.status.idle{background:#e8edf5;color:#526078}.status.thinking,.status.inspecting,.status.editing,.status.testing{background:#fff0c9;color:#765500}.status.completed{background:#dff5e9;color:#176341}.status.failed{background:#fde3e8;color:#992e48}
.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.sidebar{height:max-content;position:sticky;top:82px}.sidebar h2,.statusCard h2{margin:0}.divider{height:1px;background:#e1e7f0;margin:18px 0}details{margin-top:14px;border-top:1px solid #e1e7f0;padding-top:14px}summary{cursor:pointer;color:#33415b;font-weight:700}
.workspace{min-width:0}.statusCard{margin-bottom:18px}.conversation{min-height:260px;max-height:48vh;overflow:auto;margin-bottom:18px;background:#fbfcff}.message{padding:13px 15px;border-radius:14px;margin:10px 0;white-space:pre-wrap;word-break:break-word}.message.user{background:#e9eaff;color:#25295c;margin-left:8%}.message.system{background:#eef3f8;margin-right:8%;color:#25344f;border:1px solid #dde5ef}.message.error{background:#fde8ec;color:#8a2940}
.composer{margin-bottom:18px}.composer textarea{resize:vertical;min-height:120px}.compact{align-items:end}.actions{display:flex;align-items:end;height:100%;padding-top:27px}pre{white-space:pre-wrap;word-break:break-word;margin:10px 0 0;max-height:360px;overflow:auto;color:#26334a;background:#f4f7fb;border:1px solid #e1e7f0;border-radius:11px;padding:12px;font-size:12px}
#toast{position:fixed;right:20px;bottom:20px;max-width:420px;padding:12px 16px;border-radius:12px;background:#26334a;color:#fff;box-shadow:0 16px 50px rgba(26,37,59,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{background:#8f344d}
@media(max-width:900px){.sidebarLayout{grid-template-columns:1fr}.sidebar{position:static}.grid.two{grid-template-columns:1fr}.hero{margin-top:20px}.topbar{padding:12px 16px}main{padding:18px}.conversation{max-height:none}}