@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&display=swap");:root{--bg-0:#f6f8fc;--bg-1:#ffffff;--bg-2:#eef2f8;--bg-3:#dce3ee;--bg-inset:#e8eef6;--bg-warm:#f0f4fa;--bg-card:#ffffff;--bg-subtle:#f8fafc;--line-subtle:rgba(32,24,18,0.06);--line:rgba(32,24,18,0.1);--line-strong:rgba(32,24,18,0.18);--fg-0:#111827;--fg-1:#475569;--fg-2:#5b6475;--fg-3:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-dim:rgba(37,99,235,0.1);--accent-line:#2563eb;--accent-ink:#ffffff;--ok:#15803d;--ok-dim:rgba(31,138,76,0.12);--warn:#b45309;--warn-dim:rgba(197,106,8,0.12);--danger:#b42318;--danger-dim:rgba(192,57,43,0.12);--info:#2563eb;--info-dim:var(--accent-dim);--neutral:#5b6475;--neutral-dim:rgba(120,113,108,0.12);--sidebar:#0b1220;--sidebar-deep:#111c2e;--sidebar-text:rgba(255,255,255,0.78);--sidebar-active:#93c5fd;--sidebar-selected:#1a2942;--focus-ring:#2563eb;--accent-secondary:#0ea5a4;--font-sans:"DM Sans",ui-sans-serif,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-logo:"Newsreader",Georgia,serif;--t-display:600 28px/1.2 var(--font-logo);--t-title:600 15px/1.35 var(--font-sans);--t-body:400 13.5px/1.55 var(--font-sans);--t-body-md:500 13.5px/1.55 var(--font-sans);--t-meta:400 11px/1.4 var(--font-sans);--t-label:600 10px/1.2 var(--font-sans);--t-mono:400 12px/1.6 var(--font-mono);--t-mono-sm:400 11px/1.5 var(--font-mono);--t-eyebrow:600 11px/1.3 var(--font-sans);--track-label:0.08em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-1:6px;--r-2:10px;--r-3:14px;--r-full:999px;--sh-1:0 1px 2px rgba(28,25,23,0.06);--sh-2:0 16px 40px rgba(28,25,23,0.12);--e-out:cubic-bezier(0.2,0,0,1);--d-fast:120ms;--d-base:180ms;--w-sidebar:248px;--w-chat:380px;--w-content-max:1080px;--h-topbar:56px;--z-dock:40;--z-drawer:50;--z-modal:60;--z-toast:70;--bg:var(--bg-0);--bg-elevated:var(--bg-1);--bg-chat:var(--bg-1);--bg-bubble:var(--bg-2);--bg-bubble-user:var(--accent-dim);--border:var(--line);--border-soft:var(--line-subtle);--ink:var(--fg-0);--ink-secondary:var(--fg-1);--muted:var(--fg-2);--accent-soft:var(--accent-dim);--recommend:var(--ok);--radius:var(--r-3);--radius-sm:var(--r-2);--font:var(--font-sans);--mono:var(--font-mono);--shadow:var(--sh-2)}@media (prefers-reduced-motion:reduce){:root{--d-fast:0ms;--d-base:0ms}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg-0);color:var(--fg-0);font:var(--t-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}button{cursor:pointer;border:1px solid var(--line);background:var(--bg-card);color:var(--fg-0);padding:var(--s-2) var(--s-3);border-radius:var(--r-full);font:var(--t-body-md);transition:background var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}button:hover:not(:disabled){background:var(--bg-2);border-color:var(--line-strong)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}button.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.18)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.ghost{background:transparent;border-color:transparent;color:var(--fg-1)}button.ghost:hover:not(:disabled){background:var(--bg-2);color:var(--fg-0)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-dim)}button.sm{height:28px;padding:0 var(--s-3);font:500 11px/1.4 var(--font-sans)}input,select,textarea{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-3) var(--s-3);outline:none;font:var(--t-body)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:light;min-height:40px;min-width:0;max-width:100%;box-sizing:border-box;padding:9px 38px 9px 12px;color:var(--fg-0);background-color:var(--bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23475569' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;text-overflow:ellipsis}select:hover:not(:disabled){border-color:var(--line-strong)}select:disabled{cursor:not-allowed;color:var(--fg-2);background-color:var(--bg-2)}@media (forced-colors:active){select:not([multiple]):not([size]){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-image:none}}textarea{resize:vertical;min-height:52px}.app-shell{display:grid;grid-template-columns:var(--w-sidebar) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:100vh;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-0)}.sidebar{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 8px 12px;background:var(--sidebar);color:var(--sidebar-text);overflow:hidden}.sidebar-brand{display:flex;align-items:flex-start;gap:6px;flex-shrink:0;padding:2px 2px 8px}.sidebar-main{display:flex;flex-direction:column;flex:1 1 auto;gap:4px;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}.sidebar a:focus-visible,.sidebar button:focus-visible,.sidebar select:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px}.sidebar-gear{color:rgba(255,255,255,.7)!important}.sidebar-gear:hover:not(:disabled){background:rgba(255,255,255,.1)!important;color:#fff!important}.sidebar-spacer{flex:1 1;min-height:8px}.sidebar-foot{border-top:1px solid rgba(255,255,255,.12);padding:var(--s-3) var(--s-2) var(--s-1);display:grid;grid-gap:var(--s-2);gap:var(--s-2);color:rgba(255,255,255,.78);flex-shrink:0;min-width:0;max-height:55vh;overflow-y:auto;overflow-wrap:anywhere}.sidebar-foot>a{color:var(--sidebar-active)}.sidebar-foot>button.ghost{color:var(--sidebar-text)}.desktop-account-card{min-width:0;max-width:100%;box-sizing:border-box;margin-top:16px;color:var(--fg-0);overflow-wrap:anywhere}.desktop-account-card .muted{color:var(--fg-1)}.desktop-account-actions{display:flex;flex-wrap:wrap;gap:8px}.desktop-account-actions button{min-width:0;max-width:100%;white-space:normal}.desktop-account-identity{margin:12px 0}.desktop-account-identity summary{cursor:pointer}.desktop-account-card input{width:100%;min-width:0;box-sizing:border-box}.desktop-account-card.desktop-account-card-compact{margin-top:4px;padding:12px;background:var(--sidebar-deep);border-color:rgba(255,255,255,.14);color:#f1f5f9;box-shadow:none}.desktop-account-card.desktop-account-card-compact .muted,.desktop-account-card.desktop-account-card-compact label{color:#cbd5e1}.desktop-account-card.desktop-account-card-compact h3{font-size:13px}.desktop-account-card.desktop-account-card-compact p{font-size:12px;line-height:1.5}.desktop-account-card.desktop-account-card-compact .desktop-account-actions{display:grid}.desktop-account-card.desktop-account-card-compact button{min-height:36px;border-radius:var(--r-1);font-size:12px}.sidebar-foot .muted,.sidebar-foot label{color:rgba(255,255,255,.7)}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;background:var(--bg-0);overflow:hidden}.workspace-header{display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-topbar);padding:8px var(--s-5);border-bottom:1px solid var(--line-subtle);background:var(--bg-card)}.channel-heading,.page-heading{min-width:0}.channel-heading h1,.page-heading h1{margin:0;font:650 16px/1.25 var(--font-sans);letter-spacing:-.02em;color:var(--fg-0)}.channel-heading p,.page-heading p{margin:2px 0 0;overflow:hidden;color:var(--fg-2);font:var(--t-meta);text-overflow:ellipsis;white-space:nowrap}.stage-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:3px 10px;border-radius:var(--r-full);background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);font:var(--t-meta)}.stage-pill-paused{border-color:rgba(197,106,8,.35);background:var(--warn-dim);color:var(--warn)}.stage-pill-live{border-color:rgba(31,138,76,.3);background:var(--ok-dim);color:var(--ok)}.stage-pill-needs{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}.stage-pill:before{content:"";width:6px;height:6px;border-radius:var(--r-full);background:var(--accent)}.stage-pill-live:before{background:var(--ok)}.stage-pill-paused:before{background:var(--warn)}.stage-pill-needs:before{background:var(--accent)}.workspace-header .spacer{flex:1 1}.workspace-body{min-width:0;min-height:0;overflow:auto}.workspace-body.fill{overflow:hidden;display:flex;flex-direction:column}.workspace-bottom{min-width:0;background:var(--bg-card);border-top:1px solid var(--line-subtle)}.content-wrap{max-width:var(--w-content-max);margin:0 auto;padding:var(--s-5)}.chat-scroll{flex:1 1;overflow:auto;padding:var(--s-5) var(--s-5) var(--s-4)}.chat-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-4)}.msg{display:grid;grid-gap:var(--s-1);gap:var(--s-1);max-width:92%}.msg.assistant{align-self:start}.msg.user{align-self:end}.msg-role{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2);padding:0 var(--s-1)}.msg.user .msg-role{text-align:right}.bubble{padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:var(--bg-1);border:1px solid var(--line-subtle);white-space:pre-wrap}.msg.user .bubble{background:var(--accent-dim);border-color:var(--accent-line)}.bubble p{margin:0 0 var(--s-2)}.bubble p:last-child{margin-bottom:0}.bubble .muted{color:var(--fg-1)}.options{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-top:var(--s-3)}.option{width:100%;text-align:left;border-radius:var(--r-2);padding:var(--s-3);background:var(--bg-card);border:1px solid var(--line)}.option:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-dim)}.option.recommended{border-color:rgba(31,138,76,.35);background:var(--ok-dim)}.option .label{font:var(--t-body-md);display:block}.option .hint{display:block;margin-top:var(--s-1);color:var(--fg-2);font:var(--t-meta)}.badge-rec{display:inline-block;margin-right:var(--s-2);padding:1px var(--s-2);border-radius:var(--r-1);background:var(--ok-dim);color:var(--ok);font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase}.composer{padding:var(--s-3) var(--s-5) var(--s-4);border-top:1px solid var(--line-subtle);flex-shrink:0}.composer,.panel-card{background:var(--bg-card)}.panel-card{border:1px solid var(--line-subtle);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--sh-1)}.panel-card h3{margin:0 0 var(--s-1);font:var(--t-title)}.kv{grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-3)}.kv,.kv-row{display:grid}.kv-row{grid-gap:2px;gap:2px;padding-bottom:var(--s-3);border-bottom:1px solid var(--line-subtle)}.kv-row:last-child{border-bottom:none;padding-bottom:0}.kv-label{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2)}.agent-grid{display:grid;grid-gap:var(--s-3);gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:var(--s-3)}.agent-card{background:var(--bg-warm);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-3)}.agent-card strong{display:block}.agent-card .role{color:var(--fg-1);font:var(--t-meta)}.status-dot{display:inline-flex;align-items:center;gap:var(--s-1);margin-top:var(--s-2);font:var(--t-meta);color:var(--ok)}.status-dot:before{content:"";width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.login-gate{min-height:100vh;display:grid;place-items:center;padding:var(--s-5);background:var(--bg-0)}.login-card{width:min(440px,100%);background:var(--bg-card);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--sh-2)}.login-kicker{margin:0 0 8px;color:var(--accent);font:600 12px/1.3 var(--font-logo)}.login-card h1{margin:0 0 var(--s-2);font:var(--t-display);letter-spacing:-.03em}.login-card p{margin:0 0 var(--s-4);color:var(--fg-1)}.login-card form{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.login-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.login-tabs .ghost.active{border-color:var(--accent);color:var(--fg-0);background:var(--accent-dim)}.muted{color:var(--fg-2)}.error{color:var(--danger);font:var(--t-meta)}.empty-hero{max-width:640px;margin:12vh auto 0;text-align:center;padding-bottom:var(--s-4)}.empty-hero .eyebrow{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2);margin-bottom:var(--s-3)}.empty-hero h2{margin:0 0 var(--s-2);font:var(--t-display);letter-spacing:-.02em}.empty-hero p{margin:0 auto var(--s-5);max-width:38rem;color:var(--fg-1);font:var(--t-body)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin-bottom:var(--s-4)}.chip{border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg-card);color:var(--fg-1);padding:var(--s-2) var(--s-3);font:var(--t-meta)}.chip:hover{color:var(--fg-0);border-color:var(--line-strong)}.chip-active{color:var(--fg-0);border-color:var(--accent-line);background:var(--accent-dim)}@media (max-width:1023px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100dvh}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-dock);flex-direction:row;align-items:center;gap:8px;max-height:none;min-height:56px;width:100%;padding:8px 10px;overflow-x:auto;overflow-y:hidden}.sidebar-brand{flex:0 0 auto;max-width:180px;padding:0}.sidebar-main{flex:1 1 auto;flex-direction:row;align-items:center;min-width:0;overflow-x:auto;overflow-y:hidden}.sidebar-foot,.sidebar-spacer{display:none}.sidebar-foot{display:grid;position:fixed;top:64px;left:8px;width:min(320px,calc(100vw - 16px));box-sizing:border-box;max-height:calc(100dvh - 80px);padding:12px;background:var(--sidebar);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-2);box-shadow:var(--sh-2);z-index:80}.workspace-header{flex-wrap:wrap;min-height:48px;padding:8px var(--s-4)}}@media (max-width:480px){.sidebar-brand{max-width:132px}.workspace-header{gap:var(--s-2);padding:8px var(--s-3)}.login-card{padding:var(--s-5)}.login-card h1{font-size:22px}}