@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--background:#f4f6f8;--foreground:#121820;--muted:#667385;--line:#d8dee7;--panel:#fff;--panel-soft:#f8fafc;--accent:#176bff;--accent-strong:#0d54d6;--green:#12805c;--amber:#b86b00;--red:#c7372f;--shadow:0 18px 48px #18263a21}*{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}pre,code{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.loading-shell{min-height:100vh;color:var(--muted);place-items:center;font-size:14px;display:grid}.browser-ai-shell{background:linear-gradient(180deg, #ffffffb8, #fff0), var(--background);flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:0 14px;display:flex}.brand-row,.top-actions{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark,.empty-mark{width:30px;height:30px;color:var(--accent);background:#eaf2ff;border:1px solid #b9cef7;border-radius:8px;flex:none;place-items:center;font-size:16px;font-weight:750;display:grid}.brand-row h1{letter-spacing:0;margin:0;font-size:15px;font-weight:760}.brand-row span,.panel-head span,.small,.api-desc,.chat-item small,.bubble-meta,.media-note,.speech-status,.kv-key{color:var(--muted)}.brand-row span,.panel-head span,.chat-item small,.bubble-meta,.kv-row,.field,.toggle-row,.small{font-size:12px}.icon-btn,.chat-delete,.send-btn,.attach-btn,.speech-btn,.voice-btn,.new-chat-btn,.btn{border:1px solid var(--line);color:var(--foreground);background:#fff;border-radius:8px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.icon-btn:hover,.chat-delete:hover,.attach-btn:hover,.speech-btn:hover,.voice-btn:hover,.new-chat-btn:hover,.btn:hover{background:#f8fafc;border-color:#b8c4d3}.icon-btn{flex:none;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.icon-btn.small{border-radius:7px;width:26px;height:26px;font-size:12px}.pill,.badge{border:1px solid var(--line);color:#344053;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.status-dot.available,.badge.available{color:var(--green);border-color:#a6dbc6}.status-dot.available{background:var(--green)}.status-dot.downloadable,.badge.downloadable,.badge.downloading{color:var(--amber);border-color:#f0c27f}.status-dot.downloadable{background:var(--amber)}.status-dot.missing,.badge.missing,.badge.unavailable,.badge.error{color:var(--red);border-color:#efaaa5}.status-dot.missing{background:var(--red)}.download-progress-wrap{max-width:800px;margin:0 auto;padding:16px 24px}.download-progress-header{color:var(--foreground,#111827);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.download-progress-bar{background:var(--line,#e5e7eb);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.download-progress-fill{background:linear-gradient(90deg,#2563eb,#db2777);border-radius:3px;width:0%;height:100%;transition:width .4s}.download-progress-text{color:var(--muted,#6b7280);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.download-progress-pct{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 5ch;min-width:5ch}.app-grid{--left-width:286px;--right-width:374px;grid-template-columns:var(--left-width) minmax(0, 1fr) var(--right-width);flex:1;gap:0;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:var(--panel);min-height:0}.side-panel,.inspector{flex-direction:column;min-width:0;display:flex}.inspector{border-right:0;border-left:1px solid var(--line)}.history-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow:auto}.chat-item{border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) 30px;align-items:stretch;display:grid}.chat-item.active{background:#edf4ff;border-color:#bad1ff}.chat-item-content{text-align:left;background:0 0;border:0;min-width:0;padding:10px}.chat-item-content span,.chat-item-content small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-item-content span{color:#1d2733;font-size:13px;font-weight:690}.chat-delete{width:24px;height:24px;color:var(--muted);place-self:center;padding:0;line-height:1}.chat-panel{background:#f7f9fc;flex-direction:column;min-width:0;display:flex}.transcript{flex:1;min-height:0;overflow:auto}.transcript-inner{flex-direction:column;gap:18px;width:min(100%,920px);min-height:100%;margin:0 auto;padding:26px 18px 20px;display:flex}.empty-state{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:100%;padding:30px 12px 120px;display:grid}.empty-state h2{color:#1a2635;letter-spacing:0;margin:0;font-size:clamp(22px,3vw,34px);font-weight:780}.empty-state p{max-width:560px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.message{gap:5px;max-width:82%;display:grid}.message.user{align-self:flex-end}.message.assistant,.message.system{align-self:flex-start}.bubble-meta{gap:10px;padding:0 4px;display:flex}.message.user .bubble-meta{justify-content:flex-end}.bubble{border:1px solid var(--line);color:#1b2533;background:#fff;border-radius:8px;padding:12px 13px;font-size:14px;line-height:1.52;overflow:hidden;box-shadow:0 4px 18px #1b27380f}.message.user .bubble{border-color:var(--primary);background:var(--primary);color:#fff;white-space:pre-wrap;border-bottom-right-radius:4px}.message.user .bubble code{background:#fff3}.message.system .bubble{color:#4c596a;background:#f0f3f7;border-color:#d1d7df}.message.is-error .bubble{background:#fff0ef;border-color:#f0aaa4}.bubble p,.bubble pre,.bubble ul{margin:0 0 10px}.bubble p:last-child,.bubble pre:last-child,.bubble ul:last-child{margin-bottom:0}.bubble h1,.bubble h2,.bubble h3{margin:0 0 8px;font-size:15px;font-weight:760}.bubble pre{border:1px solid var(--line);color:#e8eef7;background:#101820;border-radius:8px;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.bubble code{background:#edf1f6;border-radius:5px;padding:1px 4px;font-size:.92em}.bubble pre code{background:0 0;padding:0}.error-text{color:var(--red)}.success-text{color:var(--green)}.message-actions{gap:5px;padding:0 2px;display:flex}.message.user .message-actions{justify-content:flex-end}.media-note,.voice-message{background:var(--panel-soft);color:var(--text);border:1px solid #d4dde9;border-radius:8px;margin-bottom:8px;padding:9px;font-size:12px}.voice-message{gap:8px;display:grid}.voice-message>div{justify-content:space-between;gap:12px;display:flex}.voice-message audio{width:100%}.proof-grid{gap:8px;display:grid}.correction{border-left:3px solid var(--accent);padding-left:8px}.composer-wrap{border-top:1px solid var(--line);background:#ffffffe8;padding:12px}.composer-container{width:min(100%,920px);margin:0 auto}.composer-toolbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.composer-toolbar select,.field select,.field input,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--foreground);background:#fff;border-radius:8px;outline:0}.composer-toolbar select{width:auto;min-width:170px;padding:7px 9px;font-size:13px;font-weight:680}.api-desc{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.new-chat-btn,.btn{white-space:nowrap;padding:7px 10px;font-size:12px;font-weight:690}.image-preview{gap:8px;padding:0 0 8px;display:flex;overflow-x:auto}.image-preview-item{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:82px;height:82px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-item button{color:#fff;background:#121820b8;border:1px solid #fffc;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:4px;right:4px}.speech-status{background:#eef5ff;border:1px solid #b8c9e7;border-radius:8px;margin-bottom:8px;padding:8px 10px}.speech-status.muted{border-color:var(--line);background:var(--panel-soft)}.composer{background:#fff;border:1px solid #c9d5e4;border-radius:8px;grid-template-columns:38px 38px minmax(0,1fr) auto 42px;align-items:end;gap:8px;padding:8px;display:grid;box-shadow:0 9px 36px #17273b1a}.composer.text-only{grid-template-columns:minmax(0,1fr) 42px}.attach-btn,.speech-btn,.voice-btn,.send-btn{place-items:center;min-height:38px;font-size:16px;font-weight:760;display:grid}.voice-btn{color:var(--accent);padding:0 12px;font-size:12px}.speech-btn.recording,.voice-btn.recording{color:var(--red);background:#fff0ef;border-color:#efaaa5}.send-btn{border-color:var(--accent);background:var(--accent);color:#fff;font-size:20px}.send-btn:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.send-btn.stop{border-color:var(--red);background:var(--red)}.composer textarea{resize:vertical;width:100%;min-height:38px;max-height:160px;color:var(--foreground);border:0;outline:0;padding:8px 4px;line-height:1.45}.composer textarea::placeholder{color:#8a96a6}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;display:flex}.inspector-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow:auto}.section{gap:9px;display:grid}.section h3{color:#314055;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.section .section{border-top:1px solid var(--line);padding-top:10px}.field{color:#465568;gap:5px;font-weight:650;display:grid}.field select,.field input,.field textarea{color:#1d2733;padding:8px 9px;font-size:13px}.toggle-row{color:#344053;align-items:center;gap:8px;font-weight:640;display:flex}.toggle-row input{width:16px;height:16px;accent-color:var(--accent)}.kv-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:8px;display:grid}.kv-row:last-child{border-bottom:0}.kv-val{overflow-wrap:anywhere;color:#1d2733;min-width:0;font-weight:650}.action-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.toast{z-index:50;gap:8px;max-width:min(360px,100vw - 28px);display:grid;position:fixed;bottom:14px;right:14px}.toast-item{border:1px solid var(--line);box-shadow:var(--shadow);color:#1d2733;background:#fff;border-radius:8px;padding:10px 12px;font-size:13px}.toast-item.error{color:var(--red);border-color:#efaaa5}.toast-item.success{color:var(--green);border-color:#a6dbc6}@media (min-width:901px){.app-grid.hide-left{--left-width:0px}.app-grid.hide-right{--right-width:0px}.app-grid.hide-left .side-panel,.app-grid.hide-right .inspector{display:none}}@media (max-width:900px){.topbar{min-height:56px}.brand-row span,.api-desc{display:none}.app-grid{grid-template-columns:minmax(0,1fr)}.side-panel,.inspector{z-index:30;width:min(86vw,340px);box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:56px;bottom:0}.side-panel{left:0;transform:translate(-105%)}.inspector{right:0;transform:translate(105%)}.app-grid.show-left .side-panel,.app-grid.show-right .inspector{transform:translate(0)}.chat-panel{grid-column:1}.message{max-width:92%}.composer-toolbar{align-items:stretch}.composer-toolbar select{flex:1;min-width:0}.new-chat-btn{padding-inline:8px}}@media (max-width:560px){.topbar{padding:0 9px}.pill{display:none}.transcript-inner{padding:18px 10px 16px}.composer-wrap{padding:9px}.composer{grid-template-columns:34px 34px minmax(0,1fr) 42px}.composer.text-only{grid-template-columns:minmax(0,1fr) 42px}.voice-btn{display:none}.two{grid-template-columns:1fr}.kv-row{grid-template-columns:96px minmax(0,1fr)}}:root{--bg:#f3f4f6;--surface:#fff;--surface-hover:#f9fafb;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--border-focus:#d1d5db;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:12px;--radius-sm:8px;--radius-lg:16px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{background:0 0;border:0}.browser-ai-shell{background:var(--bg);height:100vh;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);min-height:auto;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 24px}.top-left,.brand,.top-actions,.top-meta{align-items:center;display:flex}.top-left,.brand{gap:12px}.mark{place-items:center;width:28px;height:28px;display:grid}.brand h1{color:var(--text);letter-spacing:0;margin:0;font-size:18px;font-weight:600}.icon-btn,.btn-icon{width:auto;height:auto;color:var(--text-muted);box-shadow:none;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:grid}.icon-btn:hover,.btn-icon:hover{background:var(--surface-2);color:var(--text)}.top-actions{gap:8px}.top-actions .icon-btn:last-child{margin-left:8px}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:400;display:inline-flex}.pill strong{color:var(--text);font-weight:600}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.dot-available,.status-dot.available{background:var(--success)}.dot-downloadable,.dot-downloading{background:var(--warning)}.dot-missing,.dot-error,.dot-unavailable{background:var(--danger)}.app-grid{flex:1;grid-template-columns:240px minmax(0,1fr) 320px;min-height:0;display:grid;overflow:hidden}.app-grid.hide-left{grid-template-columns:0 minmax(0,1fr) 320px}.app-grid.hide-right{grid-template-columns:240px minmax(0,1fr) 0}.app-grid.hide-left.hide-right{grid-template-columns:0 minmax(0,1fr) 0}.panel{background:var(--surface);border-right:0;flex-direction:column;min-width:0;display:flex;overflow:hidden}.side-panel{border-right:1px solid var(--border);background:var(--surface-hover)}.inspector{border-left:1px solid var(--border);background:var(--surface-hover)}@media (min-width:901px){.app-grid.hide-left .side-panel,.app-grid.hide-right .inspector{display:flex}}.history-list{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.side-panel-actions{border-bottom:1px solid var(--border);background:var(--surface-hover);padding:12px 12px 8px}.chat-item{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:flex-start;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.chat-item:hover{background:var(--surface-3)}.chat-item.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.chat-item-content{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.chat-item-content span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;display:block;overflow:hidden}.chat-item.active .chat-item-content span{color:var(--primary);font-weight:600}.chat-item-content small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.chat-delete{width:24px;height:24px;color:var(--text-muted);opacity:0;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:16px;line-height:1;transition:opacity .15s,color .15s;display:flex}.chat-item:hover .chat-delete{opacity:1}.chat-delete:hover{color:#ef4444;background:#ef44441a}.chat-panel{background:var(--surface);flex-direction:column;display:flex;position:relative}.transcript{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.transcript-inner{flex-direction:column;flex:1;gap:20px;width:100%;max-width:800px;margin-left:auto;margin-right:auto;padding:0;display:flex}.empty{max-width:600px;color:var(--text-muted);text-align:center;margin:auto}.empty-mark-wrap{justify-content:center;margin-bottom:16px;display:flex}.empty h2{color:var(--text);letter-spacing:0;margin:0 0 12px;font-size:24px;font-weight:700}.empty p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.message{flex-direction:column;gap:4px;max-width:85%;display:flex;position:relative}.message.assistant{max-width:90%}.message.system{text-align:center;align-self:center;max-width:100%}.bubble-meta{color:var(--text-muted);gap:6px;padding:0 4px;font-size:11px;display:flex}.bubble{box-shadow:var(--shadow-sm);overflow-wrap:break-word;border:0;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5}.user .bubble{background:var(--primary);color:#fff;white-space:pre-wrap;border-bottom-right-radius:4px}.user.voice-user-message .bubble{box-shadow:none;color:var(--text);background:0 0;border:0;border-radius:0;padding:0}.assistant .bubble{box-shadow:none;background:0 0;border:none;border-bottom-left-radius:4px}.system .bubble{background:var(--surface-2);color:var(--text-muted);box-shadow:none;border-radius:8px;padding:8px 12px;font-size:12px}.message-actions{opacity:0;gap:4px;padding:0;transition:opacity .2s;display:flex}.message:hover .message-actions,.message.is-speaking .message-actions{opacity:1}.message-actions .btn-icon{width:22px;height:22px;color:var(--text-muted);padding:4px}.message-actions .btn-icon svg{width:14px;height:14px}.speak-response-btn.is-speaking{color:var(--primary)}.composer-wrap{background:var(--surface);border-top:0;flex-shrink:0;padding:16px 24px 24px}.composer-container{flex-direction:column;gap:8px;width:100%;max-width:800px;margin:0 auto;display:flex}.composer-toolbar{align-items:center;gap:8px;margin-bottom:0;display:flex;position:relative}.api-selector{appearance:none;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;border-radius:var(--radius-sm);border:1px solid var(--border);width:auto;min-width:145px;color:var(--text);cursor:pointer;padding:6px 32px 6px 12px;font-size:13px;font-weight:500}.api-selector:hover{background-color:var(--surface-3)}.api-tooltip-container{align-items:center;display:flex;position:relative}.api-info-btn{width:24px;height:24px;padding:4px}.api-tooltip{z-index:100;background:var(--text);width:max-content;max-width:300px;box-shadow:var(--shadow-lg);color:var(--surface);opacity:0;pointer-events:none;visibility:hidden;white-space:normal;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.api-tooltip-container:hover .api-tooltip{opacity:1;visibility:visible}.api-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--text) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.toolbar-spacer{flex:1}.new-chat-btn,.side-new-chat-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.new-chat-btn:hover,.side-new-chat-btn:hover{background:var(--surface-3)}.new-chat-btn svg,.side-new-chat-btn svg{width:14px;height:14px;color:var(--primary)}.side-new-chat-btn{background:var(--surface);justify-content:flex-start;width:100%}.image-preview{flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:0;display:flex}.image-preview-item{border:1px solid var(--border);border-radius:6px;width:48px;height:48px;position:relative;overflow:hidden}.image-preview-remove{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;font-size:10px;display:grid;position:absolute;top:2px;right:2px}.speech-status{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.composer{background:var(--surface-2);border:1px solid var(--border);min-width:0;min-height:50px;box-shadow:none;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:var(--surface)}.composer.is-text-only{display:flex}.composer textarea{resize:none;min-width:0;min-height:28px;max-height:168px;color:var(--text);scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;padding:4px 6px;font-size:14px;line-height:1.5;overflow-y:auto}.composer textarea::-webkit-scrollbar{display:none}.composer.is-text-only textarea{align-self:center;padding-left:12px}.composer .attach-btn{border:1.5px solid var(--border);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-muted);background:0 0;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;margin:0;padding:0;transition:border-color .15s,color .15s;display:flex}.composer .attach-btn:hover{border-color:var(--text);color:var(--text)}.speech-btn,.voice-btn{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;height:36px;min-height:36px;transition:background .15s,color .15s,opacity .15s,transform .15s;display:inline-flex}.speech-btn{width:36px;min-width:36px;color:var(--text-muted);background:0 0;flex:0 0 36px;padding:0}.speech-btn:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.voice-btn{min-width:76px;color:var(--text);background:var(--surface-3);gap:5px;padding:0 12px;font-size:13px;font-weight:600}.voice-btn:hover:not(:disabled){background:var(--border-focus);transform:translateY(-1px)}.speech-btn.is-recording,.voice-btn.is-recording{color:#fff;background:var(--danger)}.speech-btn.is-processing,.voice-btn.is-processing{color:#fff;background:var(--primary);cursor:wait}.send-btn{background:var(--surface-3);color:#fff;cursor:default;border:none;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:13px;transition:background .15s,transform .15s;display:flex}.send-btn.has-content{background:var(--primary);cursor:pointer}.send-btn.has-content:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:default}.send-btn.is-stop{cursor:pointer;background:#ef4444}.send-btn.is-stop:hover{background:#dc2626}.panel-head{border-bottom:1px solid var(--border);background:var(--surface);padding:16px;display:block}.inspector-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.inspector-title-left{align-items:center;gap:8px;min-width:0;display:flex}.panel-head h2{margin:0;font-size:14px;font-weight:600}.panel-head .small{color:var(--text-muted);font-size:12px}.inspector-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:12px;display:block}.section h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:600}.section .section{box-shadow:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:12px 0}.section .section:first-child{border-top:0;padding-top:0}.section .section h3{color:var(--text-muted);letter-spacing:.04em;margin:0 0 10px;font-size:11px;font-weight:700}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:var(--text);flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.field:last-child{margin-bottom:0}.field select,.field input,.field textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}.field textarea{resize:vertical;min-height:80px}.field-hint{color:var(--text-muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.35;display:block}.toggle-row .field-hint{margin-top:2px}.toggle-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.35;display:flex}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.toggle-row{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.toggle-row input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.small{color:var(--text-muted);font-size:12px;line-height:1.45}.json-status{min-height:16px;color:var(--text-muted);font-size:12px}.speech-options{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;display:flex}.voice-output-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.voice-output-actions .btn{width:100%}.badge{text-transform:uppercase;border:0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.available{background:var(--success-light);color:var(--success)}.badge.downloading,.badge.downloadable,.badge.pending{background:var(--warning-light);color:var(--warning)}.badge.missing,.badge.error,.badge.unavailable{background:var(--danger-light);color:var(--danger)}.kv{border:0;border-radius:0;display:block;overflow:visible}.kv-row{background:0 0;border:0;grid-template-columns:100px 1fr;gap:8px;margin-bottom:8px;padding:0;font-size:12px;display:grid}.kv-row:last-child{margin-bottom:0}.kv-key{color:var(--text-muted)}.kv-val{color:var(--text);font-family:var(--mono);word-break:break-all;font-weight:400}.action-row{gap:8px;margin-top:12px;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);flex:1;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.toast{bottom:24px;right:24px}.toast-item{background:var(--text);color:var(--surface);box-shadow:var(--shadow-lg);border:0;border-radius:8px;padding:12px 16px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:900px){.browser-ai-shell{height:100dvh}.topbar{min-height:56px;padding:10px 12px}.brand h1{font-size:16px}.app-grid{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr)!important}.app-grid:before{content:"";z-index:20;opacity:0;pointer-events:none;background:#11182747;transition:opacity .18s;position:absolute;inset:0}.app-grid.show-left:before,.app-grid.show-right:before{opacity:1}.side-panel,.inspector{z-index:30;width:min(88vw,360px);max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);visibility:hidden;pointer-events:none;transition:transform .18s,visibility .18s;position:absolute;top:0;bottom:0}.side-panel{left:0;transform:translate(-105%)}.inspector{right:0;transform:translate(105%)}.app-grid.show-left .side-panel,.app-grid.show-right .inspector{visibility:visible;pointer-events:auto;transform:translate(0)}.chat-panel{grid-column:1;min-width:0}.transcript{padding:16px 12px}.message{max-width:94%}.composer-wrap{padding:10px 12px 14px}.top-actions .pill:first-child{display:none}}@media (max-width:520px){.composer-toolbar{flex-wrap:nowrap}.composer-toolbar .api-selector{flex:0 auto;width:min(44vw,170px);min-width:128px;max-width:170px;height:32px}.toolbar-spacer{flex:auto;min-width:8px;display:block}.composer-toolbar .new-chat-btn{flex:none;justify-content:center;width:auto;height:32px;padding:0 10px}.composer-toolbar .new-chat-btn span{display:inline}.composer-toolbar .new-chat-btn svg{width:14px;height:14px}.voice-btn{width:36px;min-width:36px;padding:0}.voice-btn span{display:none}}