*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--color-canvas);color:var(--color-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.auth-stage{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:32px;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-panel)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font-weight:800}.brand-mark-small{width:34px;height:34px;border-radius:var(--radius-control);font-size:.875rem}.login-copy{margin:32px 0 24px}.login-copy h1{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.025em}.login-copy p,.privacy-note{color:var(--color-text-muted);line-height:1.5}.privacy-note{text-align:center;font-size:.8125rem;margin:18px 0 0}.form-error{min-height:1.25rem;color:var(--color-danger);font-size:.8125rem;line-height:1.45}
.button,.icon-button,.text-button,.text-action{border:0;cursor:pointer}.button{min-height:48px;border-radius:var(--radius-control);padding:0 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.button-primary:hover{background:var(--color-accent-strong)}.button-secondary{background:var(--color-panel-raised);border:1px solid var(--color-line)}.button-danger{background:transparent;border:1px solid color-mix(in srgb,var(--color-danger),transparent 55%);color:var(--color-danger)}.button-stop{min-height:40px;background:transparent;border:1px solid var(--color-line-strong);color:var(--color-text-muted)}.compact{min-height:44px;width:auto}.icon-button{width:44px;height:44px;border-radius:var(--radius-control);display:grid;place-items:center;background:var(--color-panel-raised);border:1px solid var(--color-line)}.icon-button:hover{background:var(--color-panel-hover)}.text-button,.text-action{min-height:44px;padding:0 4px;background:transparent;color:var(--color-text-muted)}.text-button:hover,.text-action:hover{color:var(--color-text)}
.app-shell{height:100dvh;display:grid;grid-template-columns:288px minmax(0,1fr) 320px;gap:1px;background:var(--color-line);overflow:hidden}.sidebar,.workspace,.inspector{min-width:0;background:var(--color-panel)}.sidebar,.inspector{display:flex;flex-direction:column;min-height:0}.sidebar-header,.inspector-header,.conversation-header{height:72px;min-height:72px;padding:0 16px;border-bottom:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-lockup{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:750}.inspector-header h2,.conversation-header h1{margin:0;font-size:.9375rem}.conversation-header{justify-content:flex-start;padding:0 24px}.conversation-header>div{min-width:0}.conversation-header h1,.conversation-header p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header p{margin:3px 0 0;color:var(--color-text-dim);font-size:.75rem}.mobile-only{display:none}.create-wrap{position:relative}.create-menu{position:absolute;z-index:var(--layer-overlay);top:50px;right:0;width:250px;padding:6px;background:var(--color-panel-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius-control)}.create-menu button{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:var(--radius-control);background:transparent;padding:8px;color:var(--color-text)}.create-menu button:not(:disabled):hover{background:var(--color-panel-hover)}.create-menu strong,.create-menu small{display:block}.create-menu small{margin-top:2px;color:var(--color-text-dim)}
.search-field{height:44px;margin:16px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-text-dim)}.search-field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--color-text);font-size:.875rem}.conversation-section{display:flex;flex-direction:column;min-height:0;flex:1}.section-heading{padding:0 16px 8px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.count{min-width:24px;padding:2px 8px;border-radius:999px;background:var(--color-panel-raised);color:var(--color-text-muted);font-size:.75rem;text-align:center}.conversation-list{overflow-y:auto;padding:0 8px}.conversation-row{width:100%;min-height:68px;padding:8px;border:0;border-radius:var(--radius-control);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;background:transparent;text-align:left}.conversation-row:hover{background:var(--color-panel-hover)}.conversation-row.is-active{background:var(--color-panel-raised);box-shadow:inset 2px 0 var(--color-accent)}.conversation-copy{min-width:0}.conversation-copy strong,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy strong{font-size:.875rem}.conversation-copy small,.conversation-row time{color:var(--color-text-dim);font-size:.75rem}.sidebar-empty,.inspector-empty{flex:1;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;color:var(--color-text-dim)}.sidebar-empty p,.inspector-empty p{max-width:220px;line-height:1.5}.empty-glyph{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--color-panel-raised)}.hidden-bots{min-height:54px;margin-top:auto;padding:0 16px;border:0;border-top:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;background:transparent}.hidden-list{max-height:220px;overflow:auto;padding:8px 12px;border-top:1px solid var(--color-line)}.hidden-row{min-height:48px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;font-size:.8125rem}
.avatar{width:44px;height:44px;display:grid;place-items:center;background:var(--avatar,#63d3c5);color:#071310;font-weight:800;border-radius:10px}.avatar-small{width:32px;height:32px;border-radius:var(--radius-control);font-size:.75rem}.avatar-circle{border-radius:50%}.avatar-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:var(--radius-control)}.avatar-hexagon{clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.avatar-cyan,.swatch-cyan{--avatar:#63d3c5}.avatar-blue,.swatch-blue{--avatar:var(--color-avatar-blue)}.avatar-amber,.swatch-amber{--avatar:var(--color-avatar-amber)}.avatar-coral,.swatch-coral{--avatar:var(--color-avatar-coral)}.avatar-violet,.swatch-violet{--avatar:var(--color-avatar-violet)}.avatar-slate,.swatch-slate{--avatar:var(--color-avatar-slate)}
.workspace{display:grid;grid-template-rows:72px minmax(0,1fr) auto;position:relative;overflow:hidden}.workspace-empty{place-self:center;max-width:470px;padding:32px;text-align:center}.workspace-empty h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18;letter-spacing:-.025em;margin:24px 0 12px}.workspace-empty p{color:var(--color-text-muted);line-height:1.65;margin:0 auto 24px}.orbit-mark{width:86px;height:86px;margin:auto;position:relative;border:1px solid var(--color-line-strong);border-radius:50%}.orbit-mark span{position:absolute;border:1px solid var(--color-line);border-radius:50%;inset:12px}.orbit-mark span:nth-child(2){inset:27px;background:var(--color-accent);border:0}.orbit-mark span:nth-child(3){inset:39px;background:var(--color-accent-ink);border:0}.transcript{min-height:0;overflow-y:auto;padding:32px clamp(20px,5vw,72px);scrollbar-color:var(--color-line-strong) transparent}.transcript-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--color-text-dim);gap:6px}.transcript-empty strong{color:var(--color-text-muted)}.message{max-width:760px;margin:0 auto 28px}.message header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.message header span strong,.message header span small{display:block}.message header span strong{font-size:.875rem}.message header span small{font-size:.75rem;color:var(--color-text-dim)}.message-owner header{justify-content:flex-end;text-align:right}.message-bubble{width:fit-content;max-width:min(680px,90%);padding:12px 14px;border-radius:var(--radius-control);background:var(--color-panel-raised);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message-owner .message-bubble{margin-left:auto;background:color-mix(in srgb,var(--color-accent),var(--color-panel) 82%);border-radius:var(--radius-control)}.message-sentinel .message-bubble{border:1px solid color-mix(in srgb,var(--color-danger),transparent 65%);color:var(--color-text-muted)}.system-line{max-width:680px;margin:18px auto;text-align:center;color:var(--color-text-dim);font-size:.8125rem}.stopped-mark{display:block;margin-top:7px;color:var(--color-text-dim)}
.composer{margin:0 clamp(16px,4vw,56px) 20px;padding:10px 10px 8px 14px;border:1px solid var(--color-line-strong);border-radius:var(--radius-panel);background:var(--color-canvas)}.composer:focus-within{border-color:var(--color-focus)}.composer textarea{display:block;width:100%;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:var(--color-text);font-size:1rem;line-height:1.5}.composer-actions{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.composer-actions>span{margin-right:auto;color:var(--color-text-dim);font-size:.75rem}.send-button{background:var(--color-accent);color:var(--color-accent-ink);border:0}.app-status{position:absolute;right:20px;bottom:100px;max-width:360px;margin:0;padding:10px 12px;border-radius:var(--radius-control);background:var(--color-panel-raised);color:var(--color-text-muted);font-size:.8125rem}.app-status:empty{display:none}
.bot-form{overflow-y:auto;padding:20px 16px 28px}.bot-form>label,.bot-dialog label{display:grid;gap:7px;margin-bottom:16px;color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.bot-form input,.bot-form textarea,.bot-form select,.bot-dialog input,.bot-dialog textarea,.bot-dialog select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-text);font-size:1rem;font-weight:400}.bot-form textarea,.bot-dialog textarea{resize:vertical;line-height:1.5}.model-label{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.field-note{margin:7px 0 18px;color:var(--color-text-dim);font-size:.75rem}.bot-form fieldset{margin:0 0 18px;padding:14px;border:1px solid var(--color-line);border-radius:var(--radius-control)}.bot-form legend{color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.swatch-row{display:flex;gap:8px;margin-bottom:12px}.color-swatch{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--avatar)}.color-swatch input{appearance:none;width:100%;height:100%;min-height:0;margin:0;border:2px solid transparent;background:transparent;cursor:pointer}.color-swatch input:checked{border-color:var(--color-text);box-shadow:inset 0 0 0 3px var(--color-panel)}.toggle-row{grid-template-columns:1fr auto!important;align-items:center}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row span small{margin-top:3px;color:var(--color-text-dim);font-weight:400}.toggle-row input{width:20px;min-height:20px;accent-color:var(--color-accent)}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.bot-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-panel);background:var(--color-panel);color:var(--color-text)}.bot-dialog::backdrop{background:color-mix(in srgb,var(--color-canvas),transparent 28%)}.bot-dialog form{padding:24px}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dialog-header p{margin:0 0 5px;color:var(--color-accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dialog-header h2{margin:0;font-size:1rem}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions .button{min-width:120px}
.message-bubble>:first-child{margin-top:0}.message-bubble>:last-child{margin-bottom:0}.message-bubble p{margin:.7em 0}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble h5,.message-bubble h6{margin:1em 0 .45em;font-size:1rem;line-height:1.4}.message-bubble ul,.message-bubble ol{margin:.7em 0;padding-inline-start:1.5em}.message-bubble li+li{margin-top:.3em}.message-bubble code{padding:.12em .35em;border-radius:var(--radius-control);background:var(--color-canvas);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.875em}.message-bubble pre{max-width:100%;margin:.8em 0;padding:12px;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-canvas);white-space:pre}.message-bubble pre code{padding:0;background:transparent;font-size:.8125rem}.message-bubble [dir="auto"]{text-align:start}
@media(max-width:1100px){.app-shell{grid-template-columns:260px minmax(0,1fr) 264px}.inspector-actions{grid-template-columns:1fr}.composer-actions>span{display:none}}
@media(max-width:767px){.app-shell{grid-template-columns:1fr}.workspace{grid-column:1;grid-row:1}.sidebar,.inspector{position:fixed;inset:0 auto 0 0;z-index:var(--layer-overlay);width:min(88vw,320px);transform:translateX(-105%);transition:transform var(--duration-medium) var(--ease-out);border-right:1px solid var(--color-line-strong)}.inspector{left:auto;right:0;transform:translateX(105%);border-right:0;border-left:1px solid var(--color-line-strong)}.show-sidebar .sidebar,.show-inspector .inspector{transform:translateX(0)}.mobile-only{display:grid}.conversation-header{padding:0 12px;justify-content:space-between}.conversation-header>div{text-align:center}.transcript{padding:24px 16px}.composer{margin:0 10px 10px}.app-status{right:10px;bottom:88px;left:10px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.workspace-empty{padding:24px}.message-bubble{max-width:94%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}