.web-ai-page { margin:0; min-width:320px; min-height:100vh; color:#ededf0; background:#08080a; overflow:hidden; }
.web-ai-page * { box-sizing:border-box; }
.web-ai-page button,.web-ai-page input,.web-ai-page select,.web-ai-page textarea { font:inherit; }
.web-ai-app { height:100dvh; min-height:0; display:grid; grid-template-rows:60px minmax(0,1fr); padding:max(0px,env(safe-area-inset-top)) 0 max(0px,env(safe-area-inset-bottom)); background:radial-gradient(circle at 48% -20%,rgba(66,111,199,.12),transparent 34%),#08080a; overflow:hidden; }
.web-ai-appbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 12px; border-bottom:1px solid rgba(255,255,255,.07); }
.web-ai-appbar-left,.web-ai-appbar-right { display:flex; align-items:center; gap:12px; min-width:0; }
.web-ai-brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }
.web-ai-brand img { width:34px; height:34px; border-radius:10px; }
.web-ai-brand strong { font-size:15px; letter-spacing:-.02em; }.web-ai-brand small { color:#6d87b8; font-size:11px; font-weight:750; letter-spacing:.11em; }
.web-ai-beta { margin-left:-4px; padding:3px 6px; border:1px solid rgba(116,160,241,.24); border-radius:999px; color:#9cbcf5; background:rgba(76,126,218,.1); font-size:9px; font-weight:800; letter-spacing:.08em; line-height:1; }
.web-ai-balance { display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(255,255,255,.07); border-radius:10px; color:#777985; text-decoration:none; font-size:12px; }.web-ai-balance strong { color:#9ebcf3; font:650 13px "SFMono-Regular",Consolas,monospace; }
.web-ai-account { display:flex; align-items:center; gap:8px; color:#c9c9cf; text-decoration:none; }.web-ai-account strong { max-width:120px; overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.web-ai-logout { padding:7px 3px; border:0; color:#7b7c86; background:transparent; font-size:13px; }
.web-ai-app .web-ai-shell { height:100%; min-height:0; border:0; border-radius:0; box-shadow:none; }
.web-ai-app .web-ai-history { min-height:0; padding:16px 12px 14px; overflow:hidden; }
.web-ai-app .web-ai-new { min-height:42px; font-size:14px; }
.web-ai-app .web-ai-search input { height:40px; font-size:14px; }
.web-ai-app .web-ai-conversation-open { height:46px; }.web-ai-app .web-ai-conversation-open b { font-size:14px; }.web-ai-app .web-ai-conversation-open small { font-size:12px; }
.web-ai-conversation.renaming .web-ai-conversation-open b,.web-ai-conversation.renaming .web-ai-conversation-open small { opacity:0; }
.web-ai-conversation-title-input { position:absolute; z-index:3; top:6px; right:57px; bottom:6px; left:31px; min-width:0; padding:0 9px; border:1px solid rgba(105,154,241,.4); border-radius:8px; outline:0; color:#e8ebf2; background:#171a21; box-shadow:0 0 0 3px rgba(75,126,217,.1); font-size:13px; }
.web-ai-settings-button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid rgba(255,255,255,.07); border-radius:10px; color:#898d97; background:transparent; }.web-ai-settings-button:hover { color:#abc8fb; background:rgba(75,126,217,.08); }.web-ai-settings-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.web-ai-app .web-ai-chat { height:100%; min-height:0; overflow:hidden; }
.web-ai-app .web-ai-toolbar { min-height:56px; }.web-ai-app .web-ai-model > span { flex:none; font-size:12px; white-space:nowrap; }.web-ai-app .web-ai-effort > span { flex:none; white-space:nowrap; }.web-ai-app .web-ai-model select,.web-ai-app .web-ai-effort select,.web-ai-app .web-ai-media-options select { height:36px; font-size:13px; }
.web-ai-search-enabled { display:flex; align-items:center; gap:6px; height:30px; padding:0 10px; border:1px solid rgba(89,151,230,.16); border-radius:999px; color:#80acdF; background:rgba(67,123,208,.07); font-size:11px; font-weight:650; white-space:nowrap; }.web-ai-search-enabled svg { width:14px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.web-ai-temporary-badge { flex:none; padding:5px 9px; border:1px solid rgba(89,151,230,.18); border-radius:999px; color:#7294c9; background:rgba(67,123,208,.07); font-size:11px; white-space:nowrap; }
.web-ai-app .web-ai-creation-tools button { height:36px; padding-inline:12px; font-size:13px; }
.web-ai-app .web-ai-creation-tools button[data-web-ai-mode="analysis"] svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.web-ai-app .web-ai-welcome > p,.web-ai-app .web-ai-prompts span { font-size:14px; }.web-ai-app .web-ai-prompts b { font-size:15px; }
.web-ai-app .web-ai-message-content { font-size:16px; line-height:1.72; }.web-ai-app .web-ai-message-label strong { font-size:14px; }.web-ai-app .web-ai-message-label span { font-size:12px; }
.web-ai-app .web-ai-message-actions button { font-size:12px; }.web-ai-app .web-ai-message-actions { gap:16px; }
.web-ai-user-actions { height:0; display:flex; justify-content:flex-end; transform:translateY(-2px); opacity:0; transition:opacity .16s; }.web-ai-message.user:hover .web-ai-user-actions,.web-ai-message.user:focus-within .web-ai-user-actions { opacity:1; }
.web-ai-message-meter { margin-top:9px; color:#666c78; font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.web-ai-user-actions button { border:0; padding:4px 7px; border-radius:7px; color:#777b85; background:transparent; font-size:12px; }.web-ai-user-actions button:hover { color:#a9c5f7; background:rgba(76,124,214,.08); }
.web-ai-inline-editor { width:min(760px,100%); padding:12px; border:1px solid rgba(110,158,244,.28); border-radius:16px; background:#151519; box-shadow:0 12px 32px rgba(0,0,0,.18); }
.web-ai-inline-editor textarea { display:block; width:100%; min-height:84px; max-height:260px; resize:vertical; border:0; outline:0; color:#e4e4e8; background:transparent; font:400 16px/1.65 inherit; }
.web-ai-inline-editor > div { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }.web-ai-inline-editor button { min-height:34px; padding:0 13px; border:1px solid rgba(255,255,255,.08); border-radius:9px; color:#aaaeb8; background:transparent; font-size:12px; font-weight:650; }.web-ai-inline-editor button.primary { color:#09111f; border-color:#86aff6; background:#86aff6; }.web-ai-inline-editor button:disabled { opacity:.55; }
.web-ai-app .web-ai-messages { height:100%; min-height:0; padding:40px clamp(28px,4vw,64px) 36px; overscroll-behavior:contain; scroll-behavior:auto; }
.web-ai-app .web-ai-message,.web-ai-app .web-ai-welcome { width:100%; max-width:1120px; }
.web-ai-app .web-ai-message { display:flex; grid-template-columns:none; gap:0; margin:0 auto 30px 0; }
.web-ai-app .web-ai-message.user { justify-content:flex-end; margin-bottom:22px; }
.web-ai-app .web-ai-message.assistant { justify-content:flex-start; }
.web-ai-app .web-ai-message-body { width:min(900px,100%); }
.web-ai-app .web-ai-message.user .web-ai-message-body { width:auto; max-width:min(760px,78%); display:flex; flex-direction:column; align-items:flex-end; }
.web-ai-app .web-ai-message-avatar,.web-ai-app .web-ai-message-label { display:none; }
.web-ai-app .web-ai-message.user .web-ai-message-content { max-width:100%; padding:11px 16px; border:1px solid rgba(255,255,255,.065); border-radius:18px; background:#1b1b20; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content { width:100%; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content { color:#d7d7dc; font-size:16px; line-height:1.76; letter-spacing:.002em; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content > :first-child { margin-top:0; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content > :last-child { margin-bottom:0; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content p { margin:0 0 1.05em; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content h1,.web-ai-app .web-ai-message.assistant .web-ai-message-content h2,.web-ai-app .web-ai-message.assistant .web-ai-message-content h3,.web-ai-app .web-ai-message.assistant .web-ai-message-content h4 { margin:1.55em 0 .62em; color:#f0f0f3; font-weight:720; line-height:1.25; letter-spacing:-.025em; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content h1 { font-size:28px; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content h2 { padding-bottom:.34em; border-bottom:1px solid rgba(255,255,255,.075); font-size:22px; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content h3 { font-size:18px; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content h4 { font-size:16px; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content strong { color:#eeeeF1; font-weight:700; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content em { color:#c7c8cf; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content del { color:#777983; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content ul,.web-ai-app .web-ai-message.assistant .web-ai-message-content ol { margin:.8em 0 1.1em; padding-left:1.55em; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content li { margin:.34em 0; padding-left:.2em; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content li::marker { color:#8aaef0; font-weight:650; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content li.task { display:flex; align-items:flex-start; gap:.62em; margin-left:-1.35em; list-style:none; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content li.task input { width:15px; height:15px; margin:.4em 0 0; accent-color:#79a6f2; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content blockquote { margin:1.1em 0; padding:.15em 0 .15em 1em; border-left:3px solid #547fcf; color:#aeb1ba; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content hr { height:1px; margin:1.7em 0; border:0; background:rgba(255,255,255,.09); }
.web-ai-app .web-ai-message.assistant .web-ai-message-content a { color:#88b4ff; text-decoration:underline; text-decoration-color:rgba(136,180,255,.38); text-underline-offset:3px; transition:color .15s,text-decoration-color .15s; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content a:hover { color:#b4d0ff; text-decoration-color:currentColor; }
.web-ai-app .web-ai-message.assistant .web-ai-message-content code { padding:.14em .38em; border:1px solid rgba(128,166,235,.11); border-radius:6px; color:#bed3f8; background:rgba(82,124,198,.1); font:500 .86em/1.55 "SFMono-Regular",Consolas,monospace; }
.web-ai-table-wrap { width:100%; margin:1.25em 0; overflow:auto; border:1px solid rgba(255,255,255,.085); border-radius:12px; background:rgba(255,255,255,.012); }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap table { width:100%; min-width:520px; border-collapse:separate; border-spacing:0; font-size:14px; line-height:1.55; }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap th,.web-ai-app .web-ai-message.assistant .web-ai-table-wrap td { padding:11px 14px; border-right:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); vertical-align:top; }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap th { color:#eeeeF1; background:rgba(255,255,255,.045); font-weight:680; white-space:nowrap; }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap tr:last-child td { border-bottom:0; }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap th:last-child,.web-ai-app .web-ai-message.assistant .web-ai-table-wrap td:last-child { border-right:0; }
.web-ai-app .web-ai-message.assistant .web-ai-table-wrap tbody tr:hover { background:rgba(93,139,221,.035); }
.web-ai-app .web-ai-message.assistant .web-ai-code { margin:1.25em 0; border-color:rgba(255,255,255,.09); border-radius:13px; background:#0b0b0e; box-shadow:0 10px 30px rgba(0,0,0,.14); }
.web-ai-app .web-ai-message.assistant .web-ai-code > div { height:39px; padding:0 14px; color:#858995; background:#121217; font-size:11px; }
.web-ai-app .web-ai-message.assistant .web-ai-code > div span { font:600 11px "SFMono-Regular",Consolas,monospace; text-transform:lowercase; }
.web-ai-app .web-ai-message.assistant .web-ai-code button { min-height:28px; padding:0 8px; border-radius:7px; color:#9abcf6; font-size:11px; }
.web-ai-app .web-ai-message.assistant .web-ai-code button:hover { background:rgba(104,153,239,.1); }
.web-ai-app .web-ai-message.assistant .web-ai-code pre { padding:17px 18px; }
.web-ai-app .web-ai-message.assistant .web-ai-code code { padding:0; border:0; color:#c9d1df; background:transparent; font-size:13px; line-height:1.68; tab-size:2; }
.web-ai-input-images { justify-content:flex-end; }.web-ai-input-images img { width:132px; height:98px; border-radius:14px; }
.web-ai-input-files { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; margin:4px 0 8px; }.web-ai-input-files > span { min-width:170px; max-width:280px; display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; column-gap:9px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:#17171c; text-align:left; }.web-ai-input-files i { grid-row:1/3; display:grid; place-items:center; width:36px; height:36px; border-radius:9px; color:#9ebff8; background:rgba(73,126,219,.12); font-size:9px; font-style:normal; font-weight:800; }.web-ai-input-files b { overflow:hidden; color:#c7c9d0; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.web-ai-input-files em { color:#676b75; font-size:10px; font-style:normal; }
.web-ai-sources { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:14px; }.web-ai-sources strong { width:100%; color:#777c88; font-size:11px; }.web-ai-sources a { max-width:260px; overflow:hidden; padding:6px 9px; border:1px solid rgba(93,147,236,.15); border-radius:9px; color:#88adef; background:rgba(72,124,214,.06); font-size:11px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }.web-ai-sources a:hover { border-color:rgba(93,147,236,.32); background:rgba(72,124,214,.11); }
.web-ai-app .web-ai-welcome { margin:0 auto 0 0; }
.web-ai-app .web-ai-composer-wrap { position:relative; z-index:2; display:flex; flex:none; flex-direction:column; width:100%; padding:14px clamp(28px,4vw,64px) 24px; }
.web-ai-app .web-ai-attachments,.web-ai-app .web-ai-composer { width:100%; max-width:1120px; }
.web-ai-app .web-ai-attachments { margin:0 auto 7px 0; }
.web-ai-attachments > div.file { grid-template-columns:32px auto 20px; }.web-ai-attachments > div.file > i { display:grid; place-items:center; width:32px; height:32px; border-radius:6px; color:#9ebff8; background:rgba(73,126,219,.12); font-size:8px; font-style:normal; font-weight:800; }
.web-ai-app .web-ai-composer { margin:0 auto 0 0; }
.web-ai-app .web-ai-composer { min-height:116px; padding:16px 17px 12px; border-radius:24px; }
.web-ai-app .web-ai-composer textarea { min-height:54px; font-size:16px; line-height:1.55; }
.web-ai-chat::after { content:""; position:absolute; z-index:8; inset:72px 28px 24px; border:2px dashed rgba(112,164,247,.55); border-radius:24px; background:rgba(10,18,32,.8); backdrop-filter:blur(9px); opacity:0; pointer-events:none; transition:opacity .15s; }.web-ai-chat.is-file-dragging::after { content:attr(data-drop-label); display:grid; place-items:center; color:#b8d1ff; opacity:1; font-size:18px; font-weight:700; }.web-ai-chat { position:relative; }
.web-ai-app .web-ai-compose-actions { margin-top:8px; }
.web-ai-app .web-ai-error { display:grid; width:min(460px,100%); gap:5px; padding:15px 16px; border-color:rgba(236,91,91,.2); border-radius:12px; font-size:14px; line-height:1.5; }
.web-ai-app .web-ai-error strong { color:#efaaaa; font-size:15px; }.web-ai-app .web-ai-error span { color:#aa8588; }.web-ai-app .web-ai-error a { width:max-content; margin-top:6px; padding:7px 11px; border:1px solid rgba(110,157,243,.24); border-radius:8px; color:#a9c4f7; background:rgba(78,126,217,.1); text-decoration:none; font-weight:650; }
.web-ai-reasoning { width:min(720px,100%); margin:4px 0 14px; color:#8b8d97; }
.web-ai-reasoning summary { min-height:34px; display:flex; align-items:center; gap:9px; width:max-content; max-width:100%; cursor:pointer; list-style:none; user-select:none; }.web-ai-reasoning summary::-webkit-details-marker { display:none; }
.web-ai-reasoning summary::after { content:""; width:6px; height:6px; margin-left:2px; border-right:1.5px solid #777a85; border-bottom:1.5px solid #777a85; transform:rotate(45deg) translateY(-2px); transition:transform .18s; }.web-ai-reasoning[open] summary::after { transform:rotate(225deg) translate(-1px,-1px); }
.web-ai-reasoning summary strong { color:#aeb0b8; font-size:14px; font-weight:580; }.web-ai-reasoning summary em { color:#656873; font-size:12px; font-style:normal; }
.web-ai-process-dot { display:grid; place-items:center; width:18px; height:18px; }.web-ai-process-dot i { width:7px; height:7px; border-radius:50%; background:#81aef9; box-shadow:0 0 0 4px rgba(91,143,236,.1); }
.web-ai-reasoning.live .web-ai-process-dot i { animation:webAiProcessPulse 1.25s ease-in-out infinite; }.web-ai-reasoning.completed .web-ai-process-dot i { background:#68c58b; box-shadow:0 0 0 4px rgba(81,184,119,.1); }.web-ai-reasoning.failed .web-ai-process-dot i { background:#d97979; box-shadow:0 0 0 4px rgba(217,105,105,.1); }
.web-ai-reasoning-body { position:relative; margin:3px 0 2px 27px; padding:5px 0 5px 14px; border-left:1px solid rgba(122,159,226,.2); }
.web-ai-reasoning-scroll { max-height:138px; overflow-y:auto; padding:5px 18px 5px 0; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:rgba(127,168,241,.28) transparent; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%); }
.web-ai-reasoning-scroll::-webkit-scrollbar { width:4px; }.web-ai-reasoning-scroll::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(127,168,241,.28); }
.web-ai-reasoning-body p { margin:0; color:#858893; font-size:14px; line-height:1.72; white-space:pre-wrap; }
.web-ai-reasoning.live .web-ai-reasoning-body p { animation:webAiReasoningReveal .2s ease-out; }
@keyframes webAiProcessPulse { 0%,100%{opacity:.45;transform:scale(.82)} 50%{opacity:1;transform:scale(1)} }
@keyframes webAiReasoningReveal { from{opacity:.55;transform:translateY(2px)} to{opacity:1;transform:none} }
.web-ai-app .web-ai-composer textarea { font-size:16px; }.web-ai-app .web-ai-disclaimer { font-size:12px; }.web-ai-app .web-ai-effort span { font-size:12px; }
.web-ai-auth { min-height:100dvh; padding:18px clamp(18px,5vw,70px); background:radial-gradient(circle at 50% 0,rgba(68,116,207,.16),transparent 36%),#08080a; }
.web-ai-auth > header { display:flex; align-items:center; justify-content:space-between; }.web-ai-auth-controls { display:flex; gap:10px; }
.web-ai-auth-card { width:min(430px,100%); margin:clamp(70px,12vh,135px) auto 0; padding:34px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(16,16,20,.9); box-shadow:0 30px 90px rgba(0,0,0,.32); }
.web-ai-auth-mark { display:grid; place-items:center; width:46px; height:46px; margin-bottom:20px; border:1px solid rgba(110,157,243,.24); border-radius:14px; color:#9cbbf5; background:rgba(78,126,217,.1); }
.web-ai-auth-card h1 { margin:8px 0 25px; font-size:28px; letter-spacing:-.04em; }.web-ai-auth-card form { display:grid; gap:14px; }.web-ai-auth-card label { display:grid; gap:7px; color:#9698a1; font-size:14px; }.web-ai-auth-card input { height:46px; padding:0 13px; border:1px solid rgba(255,255,255,.09); border-radius:10px; outline:0; color:#ededf0; background:#111115; font-size:16px; }.web-ai-auth-card input:focus { border-color:rgba(103,151,239,.48); box-shadow:0 0 0 3px rgba(74,124,217,.08); }
.web-ai-auth-links { display:flex; justify-content:space-between; margin-top:18px; }.web-ai-auth-links a { color:#83aaf0; font-size:14px; text-decoration:none; }.web-ai-auth-card > p { margin:24px 0 0; color:#6d6f78; font-size:13px; line-height:1.65; }
.web-ai-page .toast { position:fixed; z-index:50; top:auto; right:auto; bottom:22px; left:50%; width:max-content; max-width:min(420px,calc(100vw - 32px)); min-height:0; padding:10px 14px; border-radius:9px; transform:translate(-50%,18px); white-space:normal; }
.web-ai-page .toast.show { transform:translate(-50%,0); }
.web-ai-export-dialog { width:min(470px,calc(100vw - 32px)); padding:0; border:1px solid rgba(255,255,255,.1); border-radius:22px; color:#eceef3; background:#111216; box-shadow:0 28px 90px rgba(0,0,0,.52); overflow:hidden; }
.web-ai-export-dialog[open] { animation:webAiExportEnter .18s ease-out; }
.web-ai-export-dialog::backdrop { background:rgba(0,0,0,.62); backdrop-filter:blur(6px); animation:webAiExportBackdrop .18s ease-out; }
.web-ai-export-card { padding:24px; }
.web-ai-export-card > header { display:grid; grid-template-columns:44px minmax(0,1fr) 34px; gap:13px; align-items:center; }
.web-ai-export-card h2 { margin:0; color:#f1f2f6; font-size:19px; letter-spacing:-.02em; }
.web-ai-export-card p { margin:4px 0 0; color:#777c88; font-size:12px; }
.web-ai-export-mark { display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(106,154,240,.22); border-radius:13px; color:#9cbcf6; background:rgba(72,124,214,.1); }
.web-ai-export-mark svg { width:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.web-ai-export-close { width:34px; height:34px; padding:0; border:0; border-radius:9px; color:#777c87; background:transparent; font-size:22px; line-height:1; }
.web-ai-export-close:hover { color:#d9dbe2; background:rgba(255,255,255,.06); }
.web-ai-export-options { display:grid; gap:9px; margin-top:22px; }
.web-ai-export-options > button { display:grid; grid-template-columns:46px minmax(0,1fr) 22px; gap:13px; align-items:center; width:100%; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:14px; color:#d9dbe2; background:#17181d; text-align:left; transition:border-color .16s,background .16s,transform .16s; }
.web-ai-export-options > button:hover,.web-ai-export-options > button:focus-visible { border-color:rgba(107,156,243,.35); outline:0; background:rgba(69,119,209,.1); transform:translateY(-1px); }
.web-ai-export-file { display:grid; place-items:center; width:46px; height:46px; border-radius:11px; color:#a8c5fa; background:rgba(72,124,214,.12); font:750 11px "SFMono-Regular",Consolas,monospace; letter-spacing:.04em; }
.web-ai-export-options strong,.web-ai-export-options small { display:block; }.web-ai-export-options strong { font-size:14px; }.web-ai-export-options small { margin-top:4px; color:#777c87; font-size:11px; font-weight:400; }
.web-ai-export-options i { color:#636a76; font-size:17px; font-style:normal; transition:transform .16s,color .16s; }.web-ai-export-options > button:hover i { color:#9dbdf7; transform:translateX(2px); }
@keyframes webAiExportEnter { from{opacity:0;transform:translateY(10px) scale(.985)} to{opacity:1;transform:none} }
@keyframes webAiExportBackdrop { from{opacity:0} to{opacity:1} }
[data-theme="light"] .web-ai-page,[data-theme="light"] .web-ai-app,[data-theme="light"] .web-ai-auth { color:#1d222a; background:#f4f6f9; }
[data-theme="light"] .web-ai-app { background:radial-gradient(circle at 48% -20%,rgba(52,107,207,.1),transparent 34%),#f4f6f9; }
[data-theme="light"] .web-ai-appbar { border-color:rgba(25,42,70,.09); }.web-ai-brand strong { color:inherit; }
[data-theme="light"] .web-ai-balance { border-color:rgba(25,42,70,.1); color:#747b87; background:#fff; }.web-ai-account { color:inherit; }
[data-theme="light"] .web-ai-beta { color:#3268c6; border-color:rgba(48,103,201,.2); background:rgba(48,103,201,.06); }
[data-theme="light"] .web-ai-settings-button { color:#626a76; border-color:rgba(25,42,70,.09); background:#fff; }
[data-theme="light"] .web-ai-auth-card { border-color:rgba(25,42,70,.1); background:#fff; box-shadow:0 30px 90px rgba(31,53,90,.12); }.web-ai-auth-card h1 { color:inherit; }
[data-theme="light"] .web-ai-auth-card input { color:#20252d; border-color:rgba(25,42,70,.12); background:#f8f9fb; }
[data-theme="light"] .web-ai-app .web-ai-error strong { color:#a54444; }[data-theme="light"] .web-ai-app .web-ai-error span { color:#855d60; }
[data-theme="light"] .web-ai-reasoning summary strong { color:#515762; }[data-theme="light"] .web-ai-reasoning-body { border-color:rgba(49,104,202,.18); }[data-theme="light"] .web-ai-reasoning-body p { color:#626976; }
[data-theme="light"] .web-ai-inline-editor { border-color:rgba(46,104,207,.2); background:#fff; box-shadow:0 12px 32px rgba(32,51,83,.1); }[data-theme="light"] .web-ai-inline-editor textarea { color:#252a32; }[data-theme="light"] .web-ai-user-actions button:hover { color:#245fb8; background:rgba(54,112,216,.06); }
[data-theme="light"] .web-ai-export-dialog { color:#232830; border-color:rgba(25,42,70,.11); background:#fff; box-shadow:0 28px 90px rgba(31,53,90,.2); }[data-theme="light"] .web-ai-export-card h2 { color:#20252d; }[data-theme="light"] .web-ai-export-options > button { color:#303640; border-color:rgba(25,42,70,.09); background:#f7f8fa; }[data-theme="light"] .web-ai-export-options > button:hover,[data-theme="light"] .web-ai-export-options > button:focus-visible { border-color:rgba(46,104,207,.24); background:#f1f5fc; }[data-theme="light"] .web-ai-export-close:hover { color:#303640; background:#f0f2f5; }
[data-theme="light"] .web-ai-search-enabled { color:#2d68c3; border-color:rgba(45,104,199,.14); background:rgba(48,105,204,.05); }[data-theme="light"] .web-ai-app .web-ai-message.user .web-ai-message-content { color:#252a32; border-color:rgba(25,42,70,.07); background:#eef1f5; }[data-theme="light"] .web-ai-input-files > span { border-color:rgba(25,42,70,.09); background:#f7f8fa; }[data-theme="light"] .web-ai-input-files b { color:#373d47; }[data-theme="light"] .web-ai-sources a { color:#2863bb; border-color:rgba(45,104,199,.14); background:rgba(48,105,204,.04); }[data-theme="light"] .web-ai-chat::after { background:rgba(239,245,255,.88); color:#2d68c3; }
[data-theme="light"] .web-ai-conversation-title-input { color:#252a32; border-color:rgba(46,104,207,.3); background:#fff; box-shadow:0 0 0 3px rgba(48,105,204,.07); }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content { color:#30343b; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content h1,[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content h2,[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content h3,[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content h4,[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content strong { color:#171a20; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content h2 { border-color:rgba(25,42,70,.1); }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content em { color:#4e5560; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content blockquote { color:#5f6671; border-color:#4c7ed5; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content hr { background:rgba(25,42,70,.11); }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-message-content code { color:#24559f; border-color:rgba(45,98,190,.1); background:rgba(48,103,201,.065); }
[data-theme="light"] .web-ai-table-wrap { border-color:rgba(25,42,70,.11); background:#fff; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-table-wrap th,[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-table-wrap td { border-color:rgba(25,42,70,.085); }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-table-wrap th { color:#20242b; background:#f4f6f9; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-table-wrap tbody tr:hover { background:#f8faff; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-code { border-color:rgba(25,42,70,.12); background:#10131a; box-shadow:0 10px 30px rgba(30,49,82,.1); }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-code > div { color:#697282; border-color:rgba(25,42,70,.08); background:#f1f3f6; }
[data-theme="light"] .web-ai-app .web-ai-message.assistant .web-ai-code code { color:#d5deed; background:transparent; }
.web-ai-project-row { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:7px; margin:10px 0 7px; }.web-ai-project-row select,.web-ai-project-row button,.web-ai-temp-chat,.web-ai-history-tabs button { border:1px solid rgba(255,255,255,.08); border-radius:10px; color:#b9bbc4; background:#111216; }.web-ai-project-row select { min-width:0; height:38px; padding:0 10px; }.web-ai-project-row button { font-size:19px; }.web-ai-temp-chat { width:100%; min-height:35px; margin-bottom:8px; }.web-ai-history-tabs { display:flex; gap:5px; margin:7px 0 8px; }.web-ai-history-tabs button { flex:1; min-height:30px; font-size:11px; }.web-ai-history-tabs button.active { color:#a9c6fa; border-color:rgba(104,154,240,.25); background:rgba(69,121,213,.1); }.web-ai-conversation-list h3 { margin:14px 8px 5px; color:#656974; font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }.web-ai-conversation { align-items:center; }.web-ai-conversation > input { margin-left:7px; }.web-ai-conversation-pin { width:28px; border:0; color:#6e7480; background:transparent; }.web-ai-bulk-confirm { position:sticky; bottom:0; width:100%; min-height:38px; border:1px solid rgba(102,151,239,.3); border-radius:10px; color:#d5e3ff; background:#365fa9; }
.web-ai-settings { gap:18px!important; }.web-ai-settings-group { display:grid; gap:9px; padding:15px; border:1px solid rgba(255,255,255,.07); border-radius:14px; background:rgba(255,255,255,.018); }.web-ai-settings-group h3 { margin:0 0 2px; color:#c9cbd2; font-size:13px; }.web-ai-settings-group .web-ai-project-row,.web-ai-settings-group .web-ai-history-tabs { margin:0; }.web-ai-settings-group .web-ai-temp-chat { margin:0; }.web-ai-settings-search-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.web-ai-settings-search-row .web-ai-search { margin:0; }.web-ai-settings-search-row > button { min-width:64px; }.web-ai-settings-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.web-ai-settings-tools > button { display:flex; align-items:center; justify-content:space-between; min-width:0; padding:0 11px; border-color:rgba(255,255,255,.07); color:#b4b8c2; background:#131419; text-align:left; }.web-ai-settings-tools > button:hover { color:#d7e4fc; border-color:rgba(102,151,239,.23); background:rgba(68,120,214,.09); }.web-ai-settings-tools span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.web-ai-settings-tools i { color:#686e7a; font-size:18px; font-style:normal; }.web-ai-settings-links { display:grid; gap:2px; }.web-ai-settings-links a { min-height:43px; display:flex; align-items:center; padding:0 13px; border-radius:10px; color:#aeb2bc; text-decoration:none; }.web-ai-settings-links a:hover { color:#cfe0ff; background:rgba(75,126,217,.08); }.web-ai-settings-links a[href*="t.me"] { color:#78aef5; }
.web-ai-project-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }.web-ai-temp-chat { width:100%; }.web-ai-shell.generating .web-ai-conversation { opacity:.72; }
.web-ai-load-more { width:100%; min-height:36px; margin-top:8px; border:1px solid rgba(102,151,239,.18); border-radius:9px; color:#9eb8e8; background:transparent; }
.web-ai-search-mode { display:flex; align-items:center; gap:5px; min-width:120px; height:34px; padding:0 8px; border:1px solid rgba(89,151,230,.16); border-radius:999px; color:#82acf4; background:rgba(67,123,208,.07); }.web-ai-search-mode svg { width:14px; fill:none; stroke:currentColor; stroke-width:1.7; }.web-ai-search-mode select { min-width:0; border:0; outline:0; color:inherit; background:transparent; font-size:11px; }.web-ai-toolbar-actions { display:flex; gap:4px; margin-left:auto; }.web-ai-toolbar-actions button { height:31px; padding:0 9px; border:1px solid rgba(255,255,255,.07); border-radius:8px; color:#858995; background:transparent; font-size:11px; white-space:nowrap; }.web-ai-toolbar-actions button:hover { color:#aac7fb; background:rgba(75,126,217,.08); }
.web-ai-mic { width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#9297a3;background:transparent}.web-ai-mic.active { color:#fff;background:#d94f5a;box-shadow:0 0 0 5px rgba(217,79,90,.12);animation:webAiProcessPulse 1.1s infinite}.web-ai-live-caption { position:fixed;z-index:80;left:50%;bottom:170px;max-width:min(640px,90vw);padding:10px 16px;border:1px solid rgba(109,157,242,.25);border-radius:999px;color:#e8efff;background:rgba(16,18,24,.92);box-shadow:0 12px 38px rgba(0,0,0,.3);transform:translateX(-50%)}
.web-ai-panel { position:fixed;z-index:40;top:60px;right:0;bottom:0;width:min(460px,100vw);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08);background:#0e0f13;box-shadow:-24px 0 70px rgba(0,0,0,.32)}.web-ai-panel.hidden { display:none }.web-ai-panel>header { display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.web-ai-panel h2 { margin:0;font-size:18px}.web-ai-panel>header button { border:0;color:#9499a3;background:transparent;font-size:24px}.web-ai-panel>section { min-height:0;display:flex;flex:1;flex-direction:column;gap:13px;padding:18px;overflow:auto}.web-ai-panel>section.hidden { display:none }.web-ai-panel label { display:grid;gap:7px;color:#9398a3;font-size:12px}.web-ai-panel textarea,.web-ai-panel input,.web-ai-panel select,.web-ai-panel-search { width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;outline:0;color:#e4e6eb;background:#15161b}.web-ai-panel button,.web-ai-panel .button { min-height:36px;padding:0 12px;border:1px solid rgba(102,151,239,.25);border-radius:9px;color:#bcd2fa;background:rgba(68,120,214,.1)}.web-ai-panel-actions { display:flex;gap:8px}.web-ai-panel-actions>* { flex:1;display:grid;place-items:center}.web-ai-memory-toggle { display:flex!important;grid-template-columns:18px auto!important;align-items:center}.web-ai-memory-toggle input { width:16px;height:16px}.web-ai-canvas-editor { flex:1;min-height:420px!important;resize:none;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace!important}#webAiProjectFiles { display:grid;gap:8px}#webAiProjectFiles>article { display:grid;grid-template-columns:18px minmax(0,1fr) auto 24px;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px}#webAiProjectFiles b,#webAiProjectFiles small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#webAiProjectFiles b { font-size:13px}#webAiProjectFiles small { margin-top:3px;color:#6d727e;font-size:10px}#webAiProjectFiles a { color:#87acf0;font-size:11px;text-decoration:none}#webAiProjectFiles button { min-height:24px;padding:0;border:0;background:transparent}#webAiVersions { display:grid;gap:8px}#webAiVersions button { display:flex;justify-content:space-between;align-items:center;text-align:left}#webAiVersions small { color:#737985}
.web-ai-panel button:disabled,.web-ai-appbar button:disabled,.web-ai-history button:disabled { cursor:not-allowed; opacity:.5; }
.web-ai-canvas-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }#webAiArtifactVersionList { display:grid; gap:6px; }#webAiArtifactVersionList.hidden { display:none; }#webAiArtifactVersionList button { display:flex; justify-content:space-between; text-align:left; }
.web-ai-analysis { width:min(900px,100%);margin:18px 0;padding:16px;border:1px solid rgba(105,152,236,.16);border-radius:15px;background:rgba(56,88,148,.05)}.web-ai-analysis>header { display:flex;justify-content:space-between;margin-bottom:12px}.web-ai-analysis>header span { color:#727887;font-size:12px}.web-ai-analysis>img { display:block;width:min(100%,760px);border-radius:12px}.web-ai-analysis-table { max-height:300px;margin-top:12px;overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px}.web-ai-analysis table { border-collapse:collapse;min-width:100%;font-size:12px}.web-ai-analysis th,.web-ai-analysis td { padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;white-space:nowrap}.web-ai-analysis th { position:sticky;top:0;background:#17191f}.web-ai-analysis>a { display:inline-block;margin-top:12px;color:#91b5f4}.web-ai-sources a { display:flex;align-items:center;gap:6px}.web-ai-sources a i { display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#cfe0ff;background:rgba(77,127,216,.18);font-style:normal;font-size:9px}
.web-ai-sources button { border:0;color:#8e99ac;background:transparent;font-size:11px}.web-ai-message-content a sup { margin-left:2px;color:#7faaf5;font-size:9px}#webAiSourcePanel { display:grid;gap:9px}#webAiSourcePanel a { display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#c5d7f8;text-decoration:none}#webAiSourcePanel i { grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(72,124,214,.14);font-style:normal}#webAiSourcePanel small { color:#737986}
[data-theme="light"] .web-ai-project-row select,[data-theme="light"] .web-ai-project-row button,[data-theme="light"] .web-ai-temp-chat,[data-theme="light"] .web-ai-history-tabs button,[data-theme="light"] .web-ai-panel textarea,[data-theme="light"] .web-ai-panel input,[data-theme="light"] .web-ai-panel select { color:#333943;border-color:rgba(25,42,70,.1);background:#fff}[data-theme="light"] .web-ai-panel { color:#20252d;border-color:rgba(25,42,70,.1);background:#f7f8fa;box-shadow:-20px 0 60px rgba(30,49,82,.12)}[data-theme="light"] .web-ai-panel>header,#webAiProjectFiles>article,[data-theme="light"] .web-ai-analysis-table,[data-theme="light"] .web-ai-settings-group { border-color:rgba(25,42,70,.09)}[data-theme="light"] .web-ai-settings-group { background:#fff}[data-theme="light"] .web-ai-settings-group h3 { color:#343942}[data-theme="light"] .web-ai-settings-tools > button { color:#414955;border-color:rgba(25,42,70,.08);background:#f7f8fa}[data-theme="light"] .web-ai-settings-tools > button:hover { color:#265eaf;border-color:rgba(46,104,207,.18);background:#f1f5fc}[data-theme="light"] .web-ai-settings-links a { color:#4d5561}[data-theme="light"] .web-ai-analysis th { background:#f0f3f8}
@media (max-width:760px) {
  .web-ai-app { grid-template-rows:56px minmax(0,1fr); padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom); }
  .web-ai-appbar { padding:0 10px; }.web-ai-brand small,.web-ai-balance span,.web-ai-account strong,.web-ai-logout { display:none; }.web-ai-appbar-right { gap:6px; }.web-ai-balance { padding:6px 8px; }.web-ai-appbar .language-switch { display:none; }
  .web-ai-app .web-ai-shell { border-width:1px 0 0; border-radius:0; }.web-ai-app .web-ai-toolbar { padding-inline:10px; }
  .web-ai-history-toggle { display:block; }.web-ai-app .web-ai-welcome > p { font-size:14px; }.web-ai-app .web-ai-message-content { font-size:16px; }
  .web-ai-app .web-ai-messages { padding:28px 16px 28px; }.web-ai-app .web-ai-message.user .web-ai-message-body { max-width:88%; }.web-ai-app .web-ai-composer-wrap { padding:10px 12px max(12px,env(safe-area-inset-bottom)); }.web-ai-app .web-ai-composer { min-height:106px; padding:14px 14px 10px; border-radius:20px; }.web-ai-reasoning-scroll { max-height:120px; }.web-ai-user-actions { height:auto; margin-top:4px; opacity:1; }.web-ai-inline-editor textarea { min-height:96px; }.web-ai-search-enabled { width:30px; padding:0; justify-content:center; font-size:0; }.web-ai-search-enabled svg { width:15px; }.web-ai-chat::after { inset:62px 10px 14px; }
  .web-ai-app .web-ai-message.assistant .web-ai-message-content h1 { font-size:24px; }.web-ai-app .web-ai-message.assistant .web-ai-message-content h2 { font-size:20px; }.web-ai-app .web-ai-message.assistant .web-ai-message-content h3 { font-size:17px; }.web-ai-app .web-ai-message.assistant .web-ai-message-content ul,.web-ai-app .web-ai-message.assistant .web-ai-message-content ol { padding-left:1.35em; }.web-ai-app .web-ai-message.assistant .web-ai-code pre { padding:15px 14px; }.web-ai-table-wrap { margin-inline:-2px; width:calc(100% + 4px); }
  .web-ai-auth { padding:14px; }.web-ai-auth-card { margin-top:12vh; padding:27px 22px; }
  .web-ai-export-card { padding:20px; }.web-ai-export-dialog { border-radius:18px; }.web-ai-export-card > header { grid-template-columns:40px minmax(0,1fr) 32px; }.web-ai-export-mark { width:40px; height:40px; }
  .web-ai-app .web-ai-toolbar { overflow-x:auto;scrollbar-width:none}.web-ai-search-mode { min-width:34px;width:34px;padding:0;justify-content:center}.web-ai-search-mode select { position:absolute;width:34px;opacity:0}.web-ai-panel { top:56px}.web-ai-canvas-editor { min-height:300px!important }
  .web-ai-compose-left { flex-wrap:wrap; }
  #webAiVideoOptions:not(.hidden) { order:10; display:grid; grid-template-columns:minmax(112px,1.4fr) repeat(3,minmax(62px,.8fr)); flex:1 0 100%; width:100%; gap:5px; }
  #webAiVideoOptions select,#webAiVideoOptions select:nth-child(2) { display:block; width:100%; max-width:none; min-width:0; }
}
@media (max-width:440px) { .web-ai-app .web-ai-creation-tools button { width:36px; padding:0; justify-content:center; }.web-ai-app .web-ai-model select { max-width:128px; } #webAiVideoOptions:not(.hidden) { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Document Canvas keeps the conversation visible while a reply becomes an editable document. */
@media (min-width:1100px) {
  .web-ai-app.document-canvas-open .web-ai-shell { width:calc(100% - min(720px,52vw));grid-template-columns:minmax(0,1fr); }
  .web-ai-app.document-canvas-open .web-ai-history,.web-ai-app.document-canvas-open .web-ai-history-backdrop { display:none; }
  .web-ai-app.document-canvas-open .web-ai-panel { width:min(720px,52vw);box-shadow:none; }
}
.web-ai-panel > .web-ai-document-canvas { gap:12px;overflow:hidden; }
.web-ai-document-canvas-intro,.web-ai-document-canvas-picker,.web-ai-document-canvas-controls,.web-ai-document-canvas-footer { display:flex;align-items:center;gap:8px; }
.web-ai-document-canvas-intro { justify-content:space-between;color:#9bbbf2;font-size:11px;font-weight:700; }
.web-ai-document-canvas-intro small { color:#858d9b;font-size:10px;font-weight:500; }
.web-ai-document-canvas-picker select { flex:1;min-width:0; }
.web-ai-document-canvas-picker button { flex:none; }
.web-ai-document-canvas-controls { justify-content:space-between; }
.web-ai-document-canvas-controls > select { width:130px;flex:none; }
.web-ai-document-canvas-tabs { display:flex;gap:3px;padding:3px;border:1px solid rgba(109,151,222,.16);border-radius:9px;background:rgba(91,129,194,.06); }
.web-ai-document-canvas-tabs button { min-height:29px;padding:0 11px;border:0;border-radius:7px;color:#9099a8;background:transparent;font-size:11px; }
.web-ai-document-canvas-tabs button.active { color:#bcd2fa;background:rgba(101,149,235,.16); }
.web-ai-document-canvas-preview { flex:1;min-height:0;overflow:auto;padding:28px 34px;border:1px solid rgba(255,255,255,.07);border-radius:13px;color:#e5e7ed;background:#15161b;font-size:14px;line-height:1.7;user-select:text; }
.web-ai-document-canvas-preview > :first-child { margin-top:0; }
.web-ai-document-canvas-preview h1,.web-ai-document-canvas-preview h2,.web-ai-document-canvas-preview h3 { line-height:1.3; }
.web-ai-document-canvas-preview p { margin:0 0 1em; }
.web-ai-document-canvas-preview pre { overflow:auto;padding:14px;border-radius:9px;background:#0d1017; }
.web-ai-document-canvas-preview code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.web-ai-document-canvas-preview .web-ai-code { margin:12px 0; }
.web-ai-document-canvas-preview-empty { color:#8a94a6; }
.web-ai-panel .web-ai-document-canvas .web-ai-canvas-editor { flex:1;min-height:0!important;padding:22px 25px;resize:none;font-size:14px;line-height:1.75; }
.web-ai-document-canvas-footer { flex-wrap:wrap; }
.web-ai-document-canvas-footer button { flex:1;white-space:nowrap; }
.web-ai-document-canvas-footer button.primary { color:#fff;border-color:#4975d9;background:#416ad0; }
.web-ai-document-canvas #webAiArtifactVersionList { max-height:125px;overflow:auto; }
[data-theme="light"] .web-ai-document-canvas-preview { color:#303a4c;border-color:#e3e8f0;background:#fff; }
[data-theme="light"] .web-ai-document-canvas-preview pre { color:#dce6fb;background:#172033; }
[data-theme="light"] .web-ai-document-canvas-tabs button.active { color:#2d5fca;background:#e7efff; }
@media (max-width:760px) {
  .web-ai-panel > .web-ai-document-canvas { padding:12px; }
  .web-ai-document-canvas-preview { padding:18px; }
  .web-ai-document-canvas-footer button { flex:1 1 calc(50% - 8px);font-size:11px; }
}

/* Cloud work stays visible in the conversation after the browser is closed. */
.web-ai-work-task,.web-ai-work-files { margin:14px 0;padding:16px;border:1px solid rgba(93,143,229,.25);border-radius:14px;background:rgba(69,112,188,.08); }
.web-ai-work-task strong { display:block;margin-bottom:8px;color:inherit; }
.web-ai-work-task ol { margin:0;padding-left:20px;color:#929daf;font-size:12px;line-height:1.7; }
.web-ai-work-task small { color:#929daf; }
.web-ai-work-task.failed { border-color:rgba(220,83,83,.4); }
.web-ai-work-files { display:flex;flex-wrap:wrap;align-items:center;gap:10px; }
.web-ai-work-files strong { width:100%;font-size:12px; }
.web-ai-work-files a,.web-ai-work-files button,.web-ai-work-editor footer a,.web-ai-work-editor footer button { padding:8px 12px;border:1px solid rgba(93,143,229,.3);border-radius:9px;background:rgba(69,112,188,.12);color:inherit;font-size:12px;text-decoration:none;cursor:pointer; }
.web-ai-work-editor { width:min(760px,calc(100vw - 24px));max-height:90vh;padding:0;border:1px solid rgba(93,143,229,.35);border-radius:16px;background:#171b24;color:#eef3fb; }
.web-ai-work-editor::backdrop { background:rgba(5,10,18,.7); }
.web-ai-work-editor form { display:flex;flex-direction:column;gap:12px;padding:20px; }
.web-ai-work-editor header,.web-ai-work-editor footer { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.web-ai-work-editor header h2 { margin:0;font-size:18px; }
.web-ai-work-editor header button { border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer; }
.web-ai-work-editor p { margin:0;color:#9fa9ba;font-size:12px; }
.web-ai-work-editor textarea { width:100%;min-height:45vh;padding:14px;border:1px solid rgba(93,143,229,.3);border-radius:9px;background:#10141c;color:inherit;font:13px/1.6 ui-monospace,Consolas,monospace;resize:vertical; }
.web-ai-work-editor footer { justify-content:flex-end; }
[data-theme="light"] .web-ai-work-editor { background:#fff;color:#263244; }
[data-theme="light"] .web-ai-work-editor textarea { background:#f7f9fd;color:#263244; }