/* The welcome scene is isolated from active conversations and file previews. */
:root { --paper:#fafaf8; --soft:#f1f2f3; --line:#e0e2e4; --muted:#5d636b; }
.sidebar { background:#f7f7f5; padding-inline:12px; }
.sidebar-brand-row { padding:0; min-height:40px; margin-bottom:14px; }
.sidebar-brand-row .brand-wordmark { width:126px; height:36px; }
.sidebar-search input { background:#fff; border-color:#dedfe0; }
#new-chat { background:#17191b; color:#fff; border:1px solid #17191b; box-shadow:inset 0 1px 0 #ffffff24; min-height:38px; margin-block:8px; }
#new-chat img { filter:invert(1); }
#new-chat:hover { background:#303237; border-color:#ae7d28; }
.primary-nav .nav-link { min-height:36px; }
.primary-nav .nav-link.active { background:#eaeceb; }
.conversation-row.active { background:#eaece9; }
.conversation-row:hover { background:#eeefed; }
.conversation-row.active::before { background:#a97820; }
.topbar { border-bottom-color:transparent; }
.chat-header h1 { color:#34383d; font-size:13px; }
.chat-view.chat-home { position:relative; width:min(100%,1040px); isolation:isolate; padding:0 24px 4vh; }
.chat-home::before { content:''; position:fixed; z-index:-1; pointer-events:none; top:56px; right:0; bottom:0; left:var(--sidebar); background:#fff url('/brand/welcome.webp') right center / auto 680px no-repeat; }
.chat-home .messages { display:block; }
.chat-home .empty-chat { display:block; width:100%; justify-items:start; text-align:left; padding:0 0 30px; }
.home-greeting { font-size:12px; font-weight:450; color:#5d6268; margin:0 0 18px; }
.chat-home .empty-chat h2 { font-size:46px; line-height:1.16; font-weight:450; color:#191b1d; }
.empty-chat h2 > span { color:#8c601c; }
.home-star { display:inline-block; vertical-align:middle; margin-left:12px; object-fit:contain; }
.chat-home .composer { background:#ffffff; box-shadow:0 10px 36px #151e270d; border-color:#d8dbdd; }
.chat-home .composer textarea { min-height:64px; }
.chat-home .home-recent { background:#fff; margin-top:20px; border-top:1px solid #e2e4e5; padding-top:16px; }
.home-recent-label { color:#666d75; font-size:10px; }
.home-recent-item { min-height:48px; border-radius:5px; }
.home-recent-item:hover { background:#eef0f1; }
.home-recent-item strong { font-weight:450; font-size:12px; }
.composer { border-radius:8px; }
.composer:focus-within { border-color:#aa8951; box-shadow:0 0 0 1px #aa895124; }
.composer .send-button { background:#17191b; border-radius:6px; }
.message.user { background:#eff0ee; border-radius:8px; }
.message .role { color:#697079; font-weight:500; }
.thinking summary { color:#616972; }
.message-content h2,.message-content h3 { font-weight:550; }
.message-content a { text-decoration-color:#a2acb6; text-underline-offset:3px; }
.message-content blockquote { border-left-color:#c8a261; }
.artifact-chip-icon { background:#f0f2f4; color:#596572; }
.asset-chip { box-shadow:0 1px 3px #151c2504; }
.workspace-heading h1,.page-heading h1 { font-weight:500; }
.file-toolbar { padding-block:12px; border-block:1px solid var(--line); }
.file-search input,.workspace-search { border-color:#d3d7db; background:#fff; }
.file-row { border-bottom-color:#e6e8ea; }
.file-row:hover,.workspace-project-row:hover { background:#f1f3f3; }
.project-folder { background:#f1f2f0; border:1px solid #e0e2de; color:#796139; }
.workspace-project-row { padding-block:22px; border-color:#e1e4e5; }
.project-summary { color:#626a73; line-height:1.65; }
.workspace-project-open strong { font-size:15px; font-weight:500; }
.workspace-project-open small { color:#6b737c; }
.artifact-panel,.asset-preview-dialog { box-shadow:-8px 0 36px #17212a0a; }
.artifact-header,.file-viewer-toolbar { background:#f7f8f8; }
.context-menu { border-color:#dfe2e5; box-shadow:0 8px 28px #18202b14; }
.context-menu > button:hover { background:#f0f2f3; }
@media(min-width:1600px) { .chat-home::before { background-size:auto 760px; } }
@media(max-width:1100px) { .chat-view.chat-home { padding-inline:12px; }.chat-home::before { background:#fff; }.chat-home .empty-chat h2 { font-size:38px; } }
@media(max-width:700px) { .chat-view.chat-home { padding-inline:0; }.chat-home::before { background:none; }.chat-home .empty-chat { padding-bottom:24px; }.chat-home .empty-chat h2 { font-size:34px; }.home-star { width:29px; height:29px; }.home-greeting { margin-bottom:14px; }.chat-home .composer textarea { min-height:55px; }.sidebar { padding-inline:10px; } }
@media(max-height:650px) { .chat-home::before { background-size:auto 430px; }.chat-home .empty-chat h2 { font-size:30px; }.chat-home .empty-chat { padding-bottom:18px; }.home-greeting { margin-bottom:8px; } }