:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f4f5f7;--surface-interactive: #ebecee;--sidebar-bg: #f6f6f8;--text: #1d1f23;--text-2: #656d76;--text-muted: #8c959f;--border: #e2e5e9;--border-light: #eceef1;--accent: #008f6e;--accent-text: #ffffff;--accent-soft: rgba(0, 143, 110, .12);--accent-mac: #007aff;--warn: #b26a00;--warn-bg: #fff4e0;--danger: #cf222e;--danger-bg: #ffebe9;--success: #1a7f37;--success-bg: #dafbe1;--user-bubble: #e8f5f0;--code-bg: #f6f8fa;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-interface: 13px;--fs-conversation: 15px;--fs-code: 13px;--radius-row: 6px;--radius-card: 8px;--radius-modal: 10px;--radius-bubble: 12px;--radius-composer: 14px;--radius-full: 9999px;--sidebar-w: 240px;--sidebar-min: 200px;--sidebar-max: 280px;--transcript-max: 760px;--user-msg-max: 560px;--settings-list-w: 230px;--settings-detail-max: 720px;--ws-default-w: 460px;--ws-min-w: 320px;--ws-max-w: 700px;--ws-narrow-breakpoint: 420px;--ws-side-by-side-min: 708px;--ws-files-tree-w: 190px;--header-h: 44px;--sp-xxs: 4px;--sp-xs: 6px;--sp-sm: 8px;--sp-md: 12px;--sp-std: 16px;--sp-lg: 20px;--sp-xl: 24px}@media(prefers-color-scheme:dark){:root{--bg: #202225;--surface: #272a2e;--surface-2: #2b2e33;--surface-interactive: #34383e;--sidebar-bg: #191b1d;--text: #eaedf0;--text-2: #9da7b2;--text-muted: #6e7681;--border: #32363b;--border-light: #2c3035;--accent: #1fc79a;--accent-text: #08130f;--accent-soft: rgba(31, 199, 154, .16);--accent-mac: #0a84ff;--warn: #d29922;--warn-bg: #342813;--danger: #f85149;--danger-bg: #3c1e1e;--success: #3fb950;--success-bg: #193220;--user-bubble: #1c362e;--code-bg: #1b1d20}}html[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--surface-2: #f4f5f7;--surface-interactive: #ebecee;--sidebar-bg: #f6f6f8;--text: #1d1f23;--text-2: #656d76;--text-muted: #8c959f;--border: #e2e5e9;--border-light: #eceef1;--accent: #008f6e;--accent-text: #ffffff;--accent-soft: rgba(0, 143, 110, .12);--user-bubble: #e8f5f0;--code-bg: #f6f8fa}html[data-theme=dark]{--bg: #202225;--surface: #272a2e;--surface-2: #2b2e33;--surface-interactive: #34383e;--sidebar-bg: #191b1d;--text: #eaedf0;--text-2: #9da7b2;--text-muted: #6e7681;--border: #32363b;--border-light: #2c3035;--accent: #1fc79a;--accent-text: #08130f;--accent-soft: rgba(31, 199, 154, .16);--user-bubble: #1c362e;--code-bg: #1b1d20}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--bg)}#root{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}body{font-family:var(--font);font-size:var(--fs-interface);color:var(--text)}.window-frame{width:100vw;height:100vh;max-width:100vw;max-height:100vh;background-color:var(--bg);border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;position:relative}.titlebar{height:44px;min-height:44px;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;-webkit-user-select:none;user-select:none;z-index:20}.titlebar-left{display:flex;align-items:center;gap:8px}.titlebar-center{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-icon-img{width:18px;height:18px;border-radius:4px}.app-title{font-size:13px;font-weight:600;color:var(--text)}.titlebar-right{display:flex;align-items:center;gap:10px}.demo-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background-color:var(--surface-interactive);color:var(--text-2);border:1px solid var(--border)}.header-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.header-btn:hover{background-color:var(--surface-interactive)}.header-btn.active{background-color:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.app-body{flex:1;min-height:0;display:flex;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-min);max-width:var(--sidebar-max);background-color:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:transform .2s ease}.sidebar-header{padding:12px;display:flex;flex-direction:column;gap:8px}.new-conv-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border-radius:6px;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.new-conv-btn:hover{background-color:var(--surface-interactive)}.sidebar-search{display:flex;align-items:center;background-color:var(--surface-2);border:1px solid var(--border-light);border-radius:6px;padding:4px 8px;gap:6px}.sidebar-search input{flex:1;border:none;background:transparent;color:var(--text);font-size:12px;outline:none}.sidebar-content{flex:1;overflow-y:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:12px}.sidebar-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 6px;display:flex;align-items:center;justify-content:space-between}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s;position:relative}.sidebar-item:hover{background-color:var(--surface-interactive)}.sidebar-item.active{background-color:var(--surface-interactive);font-weight:600}.sidebar-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar-item-actions{display:none;color:var(--text-2);cursor:pointer;padding:2px 4px}.sidebar-item:hover .sidebar-item-actions{display:block}.action-menu{position:absolute;top:100%;right:6px;width:120px;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003,0 0 0 1px var(--border-light);padding:4px;z-index:100;display:flex;flex-direction:column}.action-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background-color .12s}.action-menu-item:hover{background-color:var(--surface-interactive)}.sidebar-footer{border-top:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:2px}.main-stage{flex:1;min-height:0;display:flex;overflow:hidden;position:relative;background-color:var(--bg)}.chat-container{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--bg)}.chat-header{height:44px;min-height:44px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:14px;font-weight:600;flex-shrink:0}.transcript-area{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 24px;display:flex;flex-direction:column;align-items:center;position:relative}.transcript-inner{width:100%;max-width:var(--transcript-max);display:flex;flex-direction:column;gap:20px}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;text-align:center;color:var(--text-2);gap:12px;margin:auto 0}.chat-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.chat-empty-app-icon{width:64px;height:64px;border-radius:50%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:0 0 0 .5px var(--border);transition:transform .2s ease}.chat-empty-app-icon:hover{transform:scale(1.04)}.chat-empty-title{font-size:16px;font-weight:600;color:var(--text)}.chat-empty-subtitle{font-size:13px;color:var(--text-2);max-width:380px;line-height:1.4}.message-row{display:flex;flex-direction:column;width:100%}.message-row.user{align-items:flex-end}.message-row.assistant{align-items:flex-start}.user-bubble{max-width:var(--user-msg-max);background-color:var(--user-bubble);color:var(--text);padding:10px 14px;border-radius:var(--radius-bubble) var(--radius-bubble) 4px var(--radius-bubble);font-size:var(--fs-conversation);line-height:1.45;word-break:break-word;box-shadow:0 1px 2px #0000000d}.assistant-body{width:100%;font-size:var(--fs-conversation);line-height:1.6;color:var(--text)}.status-line{margin-top:8px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted)}.status-dot.active{background-color:var(--accent);box-shadow:0 0 6px var(--accent)}.composer-dock{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:8px 20px 14px;background-color:var(--bg);position:relative;z-index:10}.composer-box{width:100%;max-width:var(--transcript-max);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-composer);box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;position:relative;transition:border-color .15s,box-shadow .15s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 4px 20px #0000001a,0 0 0 1px var(--accent)}.composer-input{width:100%;border:none;background:transparent;padding:12px 14px;font-family:inherit;font-size:var(--fs-conversation);color:var(--text);outline:none;resize:none;min-height:48px;max-height:140px}.composer-input::placeholder{color:var(--text-muted)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 10px}.model-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background-color:var(--surface);border:1px solid var(--border-light);font-size:12px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.model-chip:hover{background-color:var(--surface-interactive)}.send-btn{width:28px;height:28px;border-radius:50%;border:none;background-color:var(--text-muted);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.send-btn.ready{background-color:var(--accent)}.send-btn.stop{background-color:var(--danger)}.composer-disclaimer{font-size:11px;color:var(--text-muted);margin-top:6px;text-align:center;line-height:1.5}.demo-license-note{font-size:11px;color:var(--text-muted);margin-top:2px;opacity:.85}.demo-license-note a{color:var(--accent);text-decoration:none}.demo-license-note a:hover{text-decoration:underline}.candidate-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000029;padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px}.candidate-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer}.candidate-item.highlighted,.candidate-item:hover{background-color:var(--surface-interactive)}.candidate-footer{border-top:1px solid var(--border-light);padding:6px 10px 4px;font-size:11px;color:var(--text-muted)}.scroll-bottom-btn{position:absolute;top:-42px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:20px;background-color:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px #00000029;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;z-index:15;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s ease}.scroll-bottom-btn:hover{background-color:var(--surface-interactive);box-shadow:0 6px 20px #00000038}.work-surface{width:var(--ws-default-w);border-left:1px solid var(--border);background-color:var(--surface);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.work-surface.fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:30}.ws-tab-strip{height:44px;border-bottom:1px solid var(--border);background-color:var(--surface-2);display:flex;align-items:center;padding:0 8px;gap:4px;overflow-x:auto}.ws-tab{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:6px;font-size:12px;color:var(--text-2);cursor:pointer;border:1px solid transparent;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-tab:hover{background-color:var(--surface-interactive)}.ws-tab.active{background-color:var(--surface);color:var(--text);border-color:var(--border);font-weight:600}.ws-tab-close{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:11px}.ws-tab-close:hover{background-color:var(--surface-interactive)}.ws-tab-add{padding:4px 8px;border:none;background:transparent;color:var(--text-2);cursor:pointer;border-radius:4px;font-size:14px}.ws-tab-add:hover{background-color:var(--surface-interactive)}.ws-content{flex:1;overflow:hidden;display:flex}.ws-launcher{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.ws-launcher-card{width:100%;max-width:320px;padding:14px;border-radius:8px;border:1px solid var(--border);background-color:var(--surface-2);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s}.ws-launcher-card:hover{background-color:var(--surface-interactive);border-color:var(--accent)}.ws-card-left{display:flex;align-items:center;gap:12px}.ws-card-title{font-size:14px;font-weight:600;color:var(--text)}.ws-card-desc{font-size:12px;color:var(--text-muted)}@media(max-width:720px){.sidebar{position:absolute;left:0;top:44px;bottom:0;z-index:40;transform:translate(-100%);box-shadow:4px 0 16px #0003}.sidebar.open{transform:translate(0)}}.ws-file-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s;margin-bottom:2px}.ws-file-item:hover{background-color:var(--surface-interactive)}.ws-file-item.active{background-color:var(--surface-interactive);font-weight:600}.ws-file-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.3px;font-family:var(--mono);flex-shrink:0}.ws-file-badge.badge-md{background-color:#007aff1f;color:#007aff}.ws-file-badge.badge-json{background-color:#ff95001f;color:#ff9500}.ws-file-badge.badge-html{background-color:#34c7591f;color:#34c759}.ws-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-file-size{font-size:10px;color:var(--text-muted);flex-shrink:0;margin-left:6px}.ws-file-header{height:40px;min-height:40px;padding:0 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background-color:var(--surface);flex-shrink:0}.ws-file-body{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.ws-md-preview{padding:20px 24px;color:var(--text);line-height:1.6}.ws-html-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background-color:var(--surface-2);border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-2)}.code-editor-container{display:flex;height:100%;overflow-y:auto;background-color:var(--bg);font-family:var(--mono);font-size:12px;line-height:1.6}.code-line-numbers{padding:14px 10px 14px 14px;background-color:var(--surface-2);border-right:1px solid var(--border-light);color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;font-size:11px}.code-content-area{flex:1;padding:14px 16px;overflow-x:auto}.code-highlighted-pre,.code-raw-pre{margin:0;font-family:inherit;font-size:inherit;white-space:pre;color:var(--text)}.json-key{color:#007aff;font-weight:600}.json-str{color:#34c759}.json-num{color:#ff9500}.json-bool{color:#af52de;font-weight:600}.json-null,.html-doctype{color:var(--text-muted);font-style:italic}.html-tag{color:#ff2d55;font-weight:600}.html-attr{color:#007aff}.html-val{color:#34c759}[data-theme=dark] .json-key{color:#5ac8fa}[data-theme=dark] .json-str{color:#30d158}[data-theme=dark] .json-num{color:#ffd60a}[data-theme=dark] .json-bool{color:#bf5af2}[data-theme=dark] .html-tag{color:#ff375f}[data-theme=dark] .html-attr{color:#5ac8fa}[data-theme=dark] .html-val{color:#30d158}.ws-browser-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg);overflow:hidden}.ws-browser-bar{min-height:40px;height:auto;flex-wrap:wrap;padding:8px 12px;background-color:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.ws-nav-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--border-light);background-color:var(--surface);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .15s}.ws-nav-btn:hover{background-color:var(--surface-interactive);color:var(--text)}.ws-nav-btn.spin{animation:spin .3s linear}@keyframes spin{to{transform:rotate(360deg)}}.ws-browser-address-box{flex:1;min-width:120px;height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;background-color:var(--surface);border:1px solid var(--border-light);border-radius:6px;font-size:11px;overflow:hidden}.ws-lock-icon{font-size:11px;opacity:.7}.ws-url-text{color:var(--text);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-pill-btn{padding:3px 8px;border-radius:12px;border:1px solid var(--border-light);background-color:var(--surface);font-size:11px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .12s}.ws-pill-btn:hover{background-color:var(--surface-interactive)}.ws-pill-btn.active{background-color:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.ws-browser-canvas{flex:1;overflow-y:auto;padding:24px 20px;background-color:var(--bg)}.webpage-root{max-width:580px;margin:0 auto;line-height:1.55;color:var(--text)}.webpage-hero{text-align:center;padding:16px 0 24px}.webpage-tag{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;border-radius:12px;background-color:var(--accent-soft);color:var(--accent);margin-bottom:10px}.webpage-title{font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.webpage-sub{font-size:13px;color:var(--text-2);max-width:440px;margin:0 auto}.webpage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.webpage-card{padding:14px;border-radius:10px;border:1px solid var(--border-light);background-color:var(--surface);box-shadow:0 2px 8px #0000000a}.webpage-card .card-icon{font-size:20px;margin-bottom:6px}.webpage-card h3{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text)}.webpage-card p{font-size:11px;color:var(--text-2);line-height:1.4;margin:0}.webpage-footer-box{margin-top:24px;padding:14px 18px;border-radius:10px;border:1px solid var(--border);background-color:var(--surface-2);display:flex;align-items:center;justify-content:space-between}.webpage-header-row{border-bottom:1px solid var(--border-light);padding-bottom:16px;margin-bottom:16px}.webpage-callout{padding:12px 14px;background-color:#34c75914;border-left:3px solid #34c759;border-radius:4px;font-size:12px;color:var(--text);margin-bottom:18px;line-height:1.5}.webpage-section{margin-bottom:18px}.webpage-section h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.webpage-section p{font-size:12px;color:var(--text-2);line-height:1.55;margin:0}.markdown-body{font-family:inherit;font-size:var(--fs-conversation);color:var(--text);line-height:1.6;word-break:break-word}.markdown-body h1{font-size:20px;font-weight:700;margin:16px 0 10px;color:var(--text);border-bottom:1px solid var(--border-light);padding-bottom:6px}.markdown-body h2{font-size:16px;font-weight:600;margin:14px 0 8px;color:var(--text)}.markdown-body h3{font-size:14px;font-weight:600;margin:12px 0 6px;color:var(--text)}.markdown-body p{margin-bottom:12px}.markdown-body ul,.markdown-body ol{margin:0 0 12px 20px;padding:0}.markdown-body li{margin-bottom:4px}.assistant-body .markdown-body li>ul,.assistant-body .markdown-body li>ol{margin-top:6px;margin-bottom:8px}.assistant-body .markdown-body hr{border:0;border-top:1px solid var(--border-light);margin:22px 0}.assistant-body .markdown-body th{white-space:nowrap}.markdown-body blockquote{border-left:3px solid var(--accent);padding:6px 14px;margin:12px 0;background-color:var(--surface-2);border-radius:0 6px 6px 0;color:var(--text-2);font-style:normal}.markdown-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.markdown-body th{background-color:var(--surface-2);font-weight:600}.markdown-body code{font-family:var(--mono);font-size:var(--fs-code);background-color:var(--code-bg);padding:2px 5px;border-radius:4px;border:1px solid var(--border-light)}.code-container{margin:12px 0;border-radius:8px;border:1px solid var(--border);background-color:var(--code-bg);overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:var(--surface-2);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted)}.code-pre{margin:0;padding:12px;overflow-x:auto;font-family:var(--mono);font-size:var(--fs-code);line-height:1.45}.code-pre code{background:transparent;padding:0;border:none}.copy-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer}.copy-btn:hover{background:var(--surface-interactive)}.markdown-body a{color:var(--accent);text-decoration:none;font-weight:500}.markdown-body a:hover{text-decoration:underline}.download-link-emphasis{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:6px;background-color:var(--accent);color:var(--accent-text)!important;font-weight:700;font-size:14px;border-radius:8px;text-decoration:none!important;box-shadow:0 4px 12px #008f6e40;transition:transform .1s ease,filter .15s ease}.download-link-emphasis:hover{filter:brightness(1.08);transform:translateY(-1px)}.plain-typing{font-size:var(--fs-conversation);color:var(--text);line-height:1.6;white-space:pre-wrap}.typing-cursor{display:inline-block;width:7px;height:14px;background-color:var(--accent);margin-left:4px;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none}}.settings-view{flex:1;display:flex;overflow:hidden;background-color:var(--bg)}.settings-sidebar{width:var(--settings-list-w);border-right:1px solid var(--border);background-color:var(--sidebar-bg);display:flex;flex-direction:column;overflow-y:auto;padding:12px 8px;flex-shrink:0}.settings-back-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:12px;border:none;background:transparent;text-align:left}.settings-back-btn:hover{background-color:var(--surface-interactive)}.settings-nav-group-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:8px 8px 4px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.settings-nav-item:hover{background-color:var(--surface-interactive)}.settings-nav-item.active{background-color:var(--surface-interactive);font-weight:600}.settings-detail{flex:1;overflow-y:auto;padding:24px 32px 64px;display:flex;flex-direction:column}.settings-page-inner{width:100%;max-width:var(--settings-detail-max);display:flex;flex-direction:column;gap:24px}.settings-page-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section-header{display:flex;flex-direction:column;gap:2px}.settings-section-title{font-size:15px;font-weight:600;color:var(--text)}.settings-section-desc{font-size:13px;color:var(--text-2)}.settings-card{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px 16px;display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:13px;font-weight:500;color:var(--text)}.settings-row-sub{font-size:12px;color:var(--text-2)}.switch{position:relative;display:inline-block;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.2s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(16px)}.segmented-control{display:inline-flex;background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px;gap:2px}.segmented-btn{padding:3px 10px;border-radius:4px;border:none;background:transparent;font-size:12px;color:var(--text-2);cursor:pointer;font-weight:500;transition:all .12s}.segmented-btn.active{background-color:var(--accent-mac);color:#fff;font-weight:600}.select-control{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:12px;outline:none;cursor:pointer}.input-control{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:13px;outline:none;width:100%}.input-control:focus{border-color:var(--accent)}.inline-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;background-color:var(--success-bg);border:1px solid rgba(26,127,55,.25);color:var(--success)}.btn-secondary{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:12px;font-weight:500;cursor:pointer}.btn-secondary:hover{background-color:var(--surface-interactive)}