.ro-response{display:flex;gap:14px;margin:26px 0;color:#e9f5ff;animation:ro-reveal .3s ease}.ro-response-badge{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#4dc9ff,#2564f4);font-size:11px;font-weight:900;box-shadow:0 4px 24px #27b9ff35}.ro-response-body{flex:1;min-width:0}.ro-response-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px;margin:12px 0}.ro-live-status{display:flex;gap:12px;align-items:center;color:#7cd6ff;font-size:12px;min-height:24px}.ro-thinking{display:flex;gap:4px}.ro-thinking i{height:5px;width:5px;background:#71d7ff;border-radius:50%;animation:typing-dot 1s infinite}.ro-thinking i:nth-child(2){animation-delay:.15s}.ro-thinking i:nth-child(3){animation-delay:.3s}.ro-task{display:grid;grid-template-columns:24px 1fr auto;gap:10px;margin:12px 0;padding:15px;border:1px solid #254659;background:linear-gradient(120deg,#0b1f2d,#101821);border-radius:14px;animation:ro-reveal .3s ease}.ro-task-icon{color:#58cfff}.ro-task-title{font-size:13px}.ro-task-state{font-size:10px;color:#7ab9d2;padding:4px 7px;background:#173544;border-radius:6px}.ro-task-detail{grid-column:2/-1;line-height:1.5;color:#98aebd;overflow-wrap:anywhere}.ro-task[data-state=done]{border-color:#2a6556}.ro-task[data-state=done] .ro-task-icon{color:#62ecb3}.ro-task[data-state=stopped]{border-color:#794947}.ro-toolbox-card{padding:20px;margin:18px 0;border:1px solid #3d95c2;background:#0c2535;border-radius:18px}.ro-toolbox-card p{font-size:13px;color:#b6cedc}.ro-toolbox-actions{display:flex;gap:10px;flex-wrap:wrap}.ro-toolbox-actions button,.studio-primary,.studio-secondary{padding:11px 16px;border-radius:10px;border:0;font-weight:700;cursor:pointer}.toolbox-yes,.studio-primary{background:#388bff;color:white}.toolbox-no,.studio-secondary{background:#233645;color:#dfedf5}.ro-toolbox-card small{display:block;margin-top:12px}.ro-agent-error{color:#ffc6bd;background:#3b211e;padding:12px;border-radius:10px;font-size:13px}.project-connect{border:1px solid #285770;border-radius:10px;background:#102936;color:#89d5ff;padding:9px 12px;cursor:pointer;font-size:12px}.project-connect.connected{color:#76edbb;border-color:#37654f}.studio-dialog{max-width:480px;width:calc(100% - 40px);padding:30px;border:1px solid #3d7a99;border-radius:24px;background:linear-gradient(140deg,#102c40,#070f1b);color:#edf8ff;box-shadow:0 20px 140px #007bff30}.studio-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.studio-dialog h2{font-size:28px;letter-spacing:-1px}.studio-dialog p,.studio-dialog li{font-size:14px;line-height:1.7;color:#b3c9d8}.studio-dialog li{margin:10px 0}.studio-dialog small{color:#7da1b9;font-size:11px;line-height:1.6;display:block}.studio-close{position:absolute;right:18px;top:15px;background:none;border:0;color:white;font-size:24px;cursor:pointer}.studio-eyebrow{color:#6cd7ff;font-size:10px;letter-spacing:2px;font-weight:800}.studio-secondary{margin-left:8px}#studio-state{color:#71d5ff}.ai-reply-row[hidden]{display:none!important}@keyframes ro-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){.ro-task{grid-template-columns:20px 1fr}.ro-task-state{grid-column:2}.project-connect{font-size:10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-dialog{padding:24px}}

.studio-project-label{display:block;font-size:11px;color:#a6c8dd;margin-top:20px;margin-bottom:8px}#studio-project{display:block;width:100%;padding:12px;margin-bottom:12px;background:#142b3c;color:white;border:1px solid #345870;border-radius:10px}

.composer-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(900px,calc(100% - 48px));align-self:center;margin:0 auto 10px;padding:0 3px;flex-shrink:0}.connection-caption{font-size:12px;color:#86a9bc}.home-connection{width:100%;margin:0 0 12px}.ai-input:disabled,.compose-input:disabled{cursor:not-allowed;opacity:.65}@media(max-width:600px){.composer-connection{width:calc(100% - 24px)}.home-connection{width:100%}.connection-caption{font-size:10px}}

.ro-plan{padding:18px 20px;margin:16px 0;border:1px solid #28556d;border-radius:15px;background:#0e2130}.ro-plan strong{font-size:13px;color:#8edaff}.ro-plan ol{margin:12px 0 0;padding-left:20px;color:#bfd5e1;font-size:13px;line-height:1.8}

.ro-delete-confirm{border-color:#b85454!important}.ro-delete-confirm strong{color:#ffb5b5!important}.delete-confirm-yes{background:#9f333b!important;color:#fff!important;border-color:#df6971!important}

.ro-delete-list{max-height:180px;overflow:auto;margin:10px 0 14px;padding:10px 12px 10px 30px;border:1px solid #be686855;border-radius:10px;background:#290f1729;color:#f3c3c5;font:11px/1.65 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.ro-delete-list li+li{margin-top:4px}

.ro-stop-button{display:grid;min-width:36px;height:36px;place-items:center;padding:0 10px;border:1px solid #733844;border-radius:9px;background:#382127;color:#ffb8c1;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.ro-stop-button:hover{background:#532a35;border-color:#a84d5d;transform:translateY(-1px)}.ro-stop-button[hidden]{display:none}
.composer-connection{justify-content:center;flex-wrap:wrap}.connection-actions{display:flex;align-items:center;justify-content:center;gap:8px}.connection-caption{text-align:center}.project-connect:disabled{opacity:.65;cursor:wait}.connection-disconnect{color:#c2d7e5}