:root{font-family:Inter,Segoe UI,sans-serif;color:#10233f;background:radial-gradient(circle at top left,rgba(17,138,178,.16),transparent 28%),linear-gradient(180deg,#eff6ff,#f8fbff 52%,#eef4f8);color-scheme:light;--bg-card: rgba(255, 255, 255, .84);--border: rgba(16, 35, 63, .12);--shadow: 0 18px 50px rgba(16, 35, 63, .12);--primary: #0d7db8;--primary-dark: #0a4f76;--accent: #0e9bb3;--danger: #b42318}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea,select,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.topbar,.panel,.workspace{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow)}.topbar{border-radius:24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-block,.client-block{display:flex;align-items:center;gap:14px}.brand-logo-shell{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:22px;background:#fffffffa;border:1px solid rgba(16,35,63,.08);box-shadow:0 10px 30px #10233f14,inset 0 1px #ffffffeb}.identity-pill{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px;border:1px solid rgba(13,125,184,.18);background:linear-gradient(180deg,#ffffffdb,#e4f4ffd6);min-width:220px}.identity-copy{display:grid;gap:2px}.identity-copy span{font-size:.84rem;color:#10233fb3}.brand-logo,.client-logo,.agent-avatar{border-radius:18px}.brand-logo{object-fit:contain}.brand-logo-wide{width:clamp(240px,28vw,420px);height:auto;max-height:82px;display:block}.brand-copy{display:grid;gap:4px}.client-logo{width:100%;height:100%;object-fit:contain}.client-block{margin-left:auto;padding:10px 12px;border-radius:20px;border:1px solid rgba(13,125,184,.12);background:#ffffff9e}.client-block-avatar{min-width:240px}.client-copy{min-width:94px}.template-warning{margin:6px 0 0;max-width:220px;font-size:.78rem;line-height:1.35;color:#9a3412}.client-logo-slot{width:132px;height:74px;border-radius:18px;border:1.5px dashed rgba(16,35,63,.18);background:linear-gradient(180deg,#ffffffeb,#eff6ffd1);display:flex;align-items:center;justify-content:center;padding:10px}.client-avatar-slot{width:94px;height:94px;border-radius:28px;border:1px solid rgba(13,125,184,.14);background:linear-gradient(180deg,#ffffffeb,#e4f4ffdb);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:inset 0 1px #ffffffb3}.client-avatar-slot span{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#10233f8a}.client-logo-slot.has-logo{border-style:solid}.client-logo-slot span{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#10233f8a}.eyebrow{margin:0 0 4px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark)}.topbar h1,.panel h2,.workspace h2,.agent-card h3{margin:0}.status-pill{flex:0 0 auto;border-radius:999px;padding:8px 14px;background:#0d7db81f;color:var(--primary-dark);font-weight:700}.app-body{margin-top:18px}.panel,.workspace{border-radius:28px;padding:26px}.panel-intro{max-width:720px}.panel-intro p:last-child,.workspace-head p:last-child{color:#10233fbf}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:20px}.agent-card{border-radius:24px;padding:18px;border:1px solid var(--border);background:#ffffffbd;display:flex;flex-direction:column;gap:16px}.agent-avatar{width:64px;height:64px;object-fit:cover;object-position:center top;background:linear-gradient(180deg,#d8e8f8,#a8d8f4);border:1px solid rgba(16,35,63,.08)}.agent-avatar.header{width:72px;height:72px;border-radius:22px}.agent-avatar.client-hero{width:100%;height:100%;border-radius:20px}.agent-copy{display:grid;gap:10px}.agent-copy p{margin:0;color:#10233fc7}.skill-list,.attachment-bar,.message-attachments{display:flex;flex-wrap:wrap;gap:8px}.skill-list span,.attachment-bar span,.message-attachments span,.attachment-chip{border-radius:999px;padding:6px 10px;background:#0e9bb31a;color:var(--primary-dark);font-size:.9rem}.attachment-chip{border:0}.attachment-chip.clickable{cursor:pointer}.workspace{display:grid;gap:18px}.workspace-mobile-switcher{display:none;gap:10px}.workspace-switch.active,.workspace-info-button{background:#0d7db824}.workspace-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px;align-items:start}.workspace-sidebar,.workspace-main{display:grid;gap:18px}.workspace-sidebar-card{border:1px solid var(--border);border-radius:22px;padding:18px;background:#ffffffad;display:grid;gap:14px}.workspace-sidebar-agent{display:flex;align-items:center;gap:14px}.workspace-agent-role{margin:4px 0 0;color:#10233fb8;font-weight:600}.workspace-project-summary{display:grid;gap:4px;border-radius:18px;padding:12px 14px;background:#0d7db80f;border:1px solid rgba(13,125,184,.12)}.workspace-project-summary span{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#10233fad}.workspace-tools.stack{align-items:stretch;flex-direction:column}.avatar-strip{display:grid;gap:14px;border:1px solid var(--border);border-radius:22px;padding:18px;background:#ffffffad}.avatar-strip-copy{display:grid;gap:4px}.avatar-strip-list{display:flex;flex-wrap:wrap;gap:12px}.avatar-strip-list.stacked{display:grid}.avatar-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:1px solid var(--border);background:#0d7db80f;text-align:left}.avatar-chip.active{background:#0d7db824;border-color:#0d7db84d}.avatar-chip.clickable{cursor:pointer}.avatar-chip.static{cursor:default}.avatar-chip p{margin:2px 0 0;font-size:.88rem;color:#10233fb8}.agent-avatar.small{width:46px;height:46px}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.workspace-tools{display:flex;align-items:center;gap:12px}.project-picker{display:grid;gap:6px;font-weight:600}.project-picker select,.composer textarea{border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px 14px}.messages{min-height:420px;max-height:54vh;overflow-y:auto;display:grid;gap:12px;padding-right:4px}.message-bubble{max-width:min(78%,720px);border-radius:22px;padding:14px 16px;display:grid;gap:10px}.message-bubble p{margin:0;white-space:pre-wrap}.message-bubble time{font-size:.84rem;opacity:.65}.message-bubble.user{justify-self:end;background:linear-gradient(135deg,#0d7db8,#1497c4);color:#fff}.message-bubble.assistant{justify-self:start;background:#fff;border:1px solid var(--border)}.message-bubble.system{justify-self:center;background:#10233f0f}.message-bubble.error,.support-note{color:var(--danger)}.thinking-chip{justify-self:start;border-radius:999px;padding:10px 14px;background:#ffffffdb;border:1px solid var(--border)}.composer{display:grid;gap:12px}.composer-mode-row{display:flex;flex-wrap:wrap;gap:10px}.mode-button.active{background:#0d7db82e}.composer textarea{resize:vertical;min-height:88px}.voice-panel,.file-panel{display:grid;gap:12px;border:1px solid var(--border);border-radius:18px;padding:14px;background:#ffffffbd}.voice-panel-copy{margin:0;color:#10233fbf}.recording-preview,.composer-attachment-list{display:grid;gap:10px}.recording-preview audio{width:100%}.composer-attachment-card{border:1px solid var(--border);border-radius:16px;background:#0d7db80d;padding:12px 14px;display:grid;gap:4px}.composer-attachment-card span{color:#10233fad;font-size:.9rem}.composer-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.primary-button,.ghost-button{border:0;border-radius:16px;padding:12px 16px;cursor:pointer;font-weight:700}.primary-button{background:linear-gradient(135deg,#0d7db8,#13a1c1);color:#fff}.ghost-button{background:#0d7db814;color:var(--primary-dark)}.ghost-button.recording{background:#b423181f;color:var(--danger)}.file-picker{position:relative}.loading-screen{min-height:100vh;display:grid;place-items:center;font-weight:700}@media (max-width: 820px){.app-shell{padding:14px}.topbar,.workspace-head{flex-direction:column;align-items:stretch}.brand-block,.client-block,.identity-pill{width:100%}.brand-logo-wide{width:min(100%,360px)}.brand-logo-shell{width:100%}.client-block{margin-left:0;justify-content:space-between}.workspace-tools{flex-direction:column;align-items:stretch}.workspace-mobile-switcher{display:flex}.workspace-grid{grid-template-columns:1fr}.workspace-sidebar,.workspace-main{display:none}.workspace-sidebar.mobile-visible,.workspace-main.mobile-visible{display:grid}.message-bubble{max-width:100%}}@media (max-width: 560px){.brand-block,.client-block,.identity-pill{flex-direction:column;align-items:flex-start}.brand-logo-shell{width:100%;padding:12px}.client-logo-slot,.client-avatar-slot{width:100%}}