:root{--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:11px;--fs-sm:12.5px;--fs-md:13.5px;--fs-base:15px;--fs-prose:15.5px;--fs-lg:17px;--fs-xl:22px;--fs-2xl:28px;--lh-tight:1.25;--lh-ui:1.45;--lh-prose:1.65;--lh-mono:1.55;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:18px;--r-full:999px;--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2,.7,.2,1);--content-w:720px;--sidebar-w:272px;--topbar-h:48px;--row-h:32px;--tap:44px;--canvas-w:46%;--canvas-min:440px;--tl-rail:22px;--z-backdrop:9;--z-sidebar:10;--z-float:15;--z-canvas:20;--bg:#fff;--bg-2:#f7f7f5;--surface:#f1f1ef;--surface-2:#e8e8e5;--border:#e6e4e1;--border-strong:#cfccc7;--text:#1b1917;--text-2:#55514c;--text-3:#7a756f;--accent:#d9480f;--accent-soft:#fdebe1;--accent-text:#fff;--ok:#15803d;--ok-soft:#e6f4ea;--warn:#b45309;--warn-soft:#fdf1de;--danger:#b91c1c;--danger-soft:#fce8e6;--info:#2563eb;--info-soft:#e8effd;--code:#f6f6f4;--code-text:#1b1917;--diff-add:#15803d1f;--diff-del:#b91c1c1f;--backdrop:#14121066;--shadow-sm:0 1px 2px #0000000d, 0 0 0 1px #00000005;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 20px 60px #00000038;--focus:var(--accent);--sidebar:var(--bg-2);--muted:var(--text-2);--user-bubble:var(--surface);--tool:var(--surface);--shadow:var(--shadow-md);--radius:var(--r-lg);--m-chevron:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>");--m-check:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L19 7'/></svg>");--m-x:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 6l12 12M18 6L6 18'/></svg>");--m-alert:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l10 18H2zM12 10v4M12 17.5v.01'/></svg>");--m-info:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 11v5M12 8v.01'/></svg>");--m-doc:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3v5h5M6 3h8l5 5v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM9 13h6M9 17h6'/></svg>");--m-globe:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/></svg>");--m-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><circle cx='9' cy='9' r='2'/><path d='M21 15l-5-5L5 21'/></svg>");--m-code:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 18l6-6-6-6M8 6l-6 6 6 6'/></svg>");--m-lock:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>");--m-copy:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='12' height='12' rx='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>");--m-refresh:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 1 1-2.6-6.4M21 3v6h-6'/></svg>");--m-folder:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/></svg>");--m-folder-open:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/></svg>");--m-file:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3v5h5M6 3h8l5 5v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/></svg>");--m-plus:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5v14M5 12h14'/></svg>");--m-pen:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/></svg>");--m-trash:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6'/></svg>");--m-shield:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6zM9 12l2 2 4-4'/></svg>");--m-list:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/></svg>");--m-cpu:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='5' width='14' height='14' rx='2'/><rect x='9' y='9' width='6' height='6'/><path d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/></svg>");--m-bolt:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 2L3 14h8l-1 8 10-12h-8z'/></svg>")}.dark-tokens,:root[data-theme=dark]{--bg:#151515;--bg-2:#101010;--surface:#1e1e1e;--surface-2:#282828;--border:#2a2a2a;--border-strong:#3b3b3b;--text:#ececea;--text-2:#a6a6a2;--text-3:#85847f;--accent:#ff8a4c;--accent-soft:#3a2114;--accent-text:#1a0d06;--ok:#4ade80;--ok-soft:#12301c;--warn:#fbbf24;--warn-soft:#33270d;--danger:#f87171;--danger-soft:#3a1a1a;--info:#7aa7ff;--info-soft:#172440;--code:#0f0f0f;--code-text:#e6e6e4;--diff-add:#4ade8024;--diff-del:#f8717124;--backdrop:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 20px 60px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#151515;--bg-2:#101010;--surface:#1e1e1e;--surface-2:#282828;--border:#2a2a2a;--border-strong:#3b3b3b;--text:#ececea;--text-2:#a6a6a2;--text-3:#85847f;--accent:#ff8a4c;--accent-soft:#3a2114;--accent-text:#1a0d06;--ok:#4ade80;--ok-soft:#12301c;--warn:#fbbf24;--warn-soft:#33270d;--danger:#f87171;--danger-soft:#3a1a1a;--info:#7aa7ff;--info-soft:#172440;--code:#0f0f0f;--code-text:#e6e6e4;--diff-add:#4ade8024;--diff-del:#f8717124;--backdrop:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 20px 60px #0009}:root:not([data-theme=light]) #theme-btn .sun{display:inline-block}:root:not([data-theme=light]) #theme-btn .moon{display:none}}:root[data-theme=dark] #theme-btn .sun{display:inline-block}:root[data-theme=dark] #theme-btn .moon,:root[data-theme=light] #theme-btn .sun{display:none}:root[data-theme=light] #theme-btn .moon{display:inline-block}*{box-sizing:border-box}[hidden]{display:none!important}html{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;overflow:hidden}a{color:inherit}select,textarea,button,input{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:32px;color:var(--text);font-size:var(--fs-md);padding:0 10px}textarea{height:auto;padding:8px 10px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);outline:none}select option:disabled{color:var(--text-3);opacity:.6}button{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--r-md);font:500 var(--fs-md)/1 var(--font-ui);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 12px;display:inline-flex}button:hover{background:var(--surface)}button:active{background:var(--surface-2)}button:disabled{opacity:.45;cursor:not-allowed}button.danger{color:var(--danger)}.pill{background:var(--accent);color:var(--accent-text);border-radius:var(--r-md);border-color:#0000;padding:6px 14px;text-decoration:none}.pill:hover{background:var(--accent);filter:brightness(.94)}.pill:active{background:var(--accent);filter:brightness(.9)}.icon-btn{width:32px;height:32px;min-height:0;color:var(--text-2);border-radius:var(--r-md);background:0 0;border:0;padding:0}.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn.small{border-radius:var(--r-sm);width:24px;height:24px}.icon-btn .i{width:16px;height:16px}.ghost{color:var(--text-2);font-size:var(--fs-sm);border-radius:var(--r-sm);background:0 0;border:0;min-height:0;padding:4px 8px}.ghost:hover{background:var(--surface);color:var(--text)}.spacer{flex:1}.hint{color:var(--text-3);margin:6px 0 0;font-size:12px;line-height:1.45}.error{color:var(--danger)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.i{vertical-align:-3px;flex:none;width:16px;height:16px;display:inline-block}.i.sm{width:14px;height:14px}.i.lg{width:20px;height:20px}.i.xl{width:24px;height:24px}.tag{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-2);vertical-align:1px;white-space:nowrap;border-radius:4px;padding:2px 6px;display:inline-block}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.tag.info{background:var(--info-soft);color:var(--info)}.tag.accent{background:var(--accent-soft);color:var(--accent)}.num,.status,.meta,.stat-add,.stat-del,.pct,.count,.plan-progress{font-variant-numeric:tabular-nums}.row.switch input[type=checkbox],.tools label input,#auto-notify,#web{accent-color:var(--accent);-webkit-appearance:none;appearance:none;border-radius:var(--r-full);background:var(--border-strong);cursor:pointer;width:36px;height:20px;transition:background var(--dur-fast);border:0;flex:none;margin:0;padding:0;position:relative}.row.switch input[type=checkbox]:before,.tools label input:before,#auto-notify:before,#web:before{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.row.switch input[type=checkbox]:checked,.tools label input:checked,#auto-notify:checked,#web:checked{background:var(--accent)}.row.switch input[type=checkbox]:checked:before,#auto-notify:checked:before,#web:checked:before{transform:translate(16px)}.tools label input{width:30px;height:18px}.tools label input:before{width:14px;height:14px}.tools label input:checked:before{transform:translate(12px)}.row.switch input[type=checkbox]:disabled,.tools label input:disabled{opacity:.45;cursor:not-allowed}.glyph,.tree .node:before,.changes .entry:before,.artifact-card .icon:before,.artifact-card .chev,.canvas-tab .type,.canvas-tab i[data-c=closetab],.msg-actions button:before,#privacy-status:before,.storage-notice:before,.adv summary:before,.thinking-panel>summary:before,.cmp-step:before,.thinking-steps>.step.check:before,.thinking-steps>.step.error:before,.thinking-steps>.plan:before,.plan .mark:after,#status:before{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.45}}@keyframes breathe{0%,to{transform:scale(.85)}50%{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}#app{height:100dvh;display:flex}#chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#messages{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:12px;padding:24px 24px 12px;display:flex;overflow:hidden auto}#messages>*{width:100%;max-width:var(--content-w);flex:none;margin:0 auto}#messages>.msg.user:not(:first-child){margin-top:12px}#messages>.msg-actions{margin-top:-8px}#sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);transition:margin-left var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}#app.sidebar-collapsed #sidebar{margin-left:calc(-1 * var(--sidebar-w))}#sidebar-backdrop{background:var(--backdrop);z-index:var(--z-backdrop);position:fixed;inset:0}.sidebar-top{flex:none;justify-content:space-between;align-items:center;height:48px;padding:8px 8px 4px 14px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand .logo{font-size:16px;line-height:1}#sidebar-close{display:none}.side-btn{height:var(--row-h);text-align:left;border-radius:var(--r-md);width:calc(100% - 16px);min-height:0;font-size:var(--fs-md);color:var(--text-2);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;margin:0 8px;padding:0 10px;font-weight:400;text-decoration:none;display:flex}.side-btn:hover{background:var(--surface);color:var(--text)}.side-btn .i{color:var(--text-3)}.side-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#new-chat{border:1px solid var(--border);background:var(--bg);border-radius:var(--r-md);width:calc(100% - 24px);height:36px;color:var(--text);flex:none;margin:4px 12px 8px;font-weight:500}#new-chat:hover{background:var(--surface)}#new-chat .i{color:var(--text-2)}.side-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.side-label{font:600 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);justify-content:space-between;align-items:center;padding:16px 16px 6px;display:flex}.side-label .icon-btn{margin:-6px -6px -6px 0}.chat-search-wrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:30px;color:var(--text-3);align-items:center;gap:6px;margin:0 10px 6px;padding:0 8px;display:flex}.chat-search-wrap:focus-within{border-color:var(--accent);color:var(--text-2)}.chat-search-wrap input{min-width:0;color:var(--text);font:inherit;font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1;padding:0}.chat-search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}.chat-empty{font-size:var(--fs-md);color:var(--text-3);padding:8px 12px}.send.stop{background:var(--danger,#d33);color:#fff}.sidebar-bottom{border-top:0;flex:none;padding:8px 0}#ws-open .i{color:var(--text-3)}.ws-info{height:36px;font-size:var(--fs-md);color:var(--text);align-items:center;gap:6px;padding:0 8px 0 16px;display:flex}.ws-info>.i{color:var(--text-3)}.ws-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.ws-info .icon-btn{opacity:0;transition:opacity var(--dur-fast)}.ws-info:hover .icon-btn,.ws-info:focus-within .icon-btn{opacity:1}.tree{max-height:32vh;padding:0 8px 4px 12px;font-size:13px;overflow-y:auto}.tree .node{border-radius:var(--r-sm);cursor:pointer;height:26px;color:var(--text-2);align-items:center;gap:6px;padding:0 6px;display:flex}.tree .node>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree .node:before{content:"";background:var(--text-3);width:14px;height:14px;mask-image:var(--m-file);-webkit-mask-image:var(--m-file);flex:none}.tree .node[data-kind=dir]:before{mask-image:var(--m-folder);-webkit-mask-image:var(--m-folder)}.tree .node[data-kind=dir].open:before{mask-image:var(--m-folder-open);-webkit-mask-image:var(--m-folder-open)}.tree .node:hover{background:var(--surface);color:var(--text)}.tree .children{border-left:1px solid var(--border);margin-left:12px;padding-left:14px}#ws-hint{color:var(--text-3);padding:4px 16px;font-size:12px}#ws-hint.warn{color:var(--warn)}#ws-info:not([hidden])~#ws-hint:not(.warn){display:none}.changes{max-height:22vh;padding:0 8px 6px 12px;overflow-y:auto}.changes .entry{border-radius:var(--r-sm);height:28px;font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:6px;padding:0 6px;display:flex}.changes .entry:before{content:"";background:var(--text-2);width:12px;height:12px;mask-image:var(--m-pen);-webkit-mask-image:var(--m-pen);flex:none}.changes .entry[data-action=create]:before{background:var(--ok);mask-image:var(--m-plus);-webkit-mask-image:var(--m-plus)}.changes .entry[data-action=delete]:before{background:var(--danger);mask-image:var(--m-trash);-webkit-mask-image:var(--m-trash)}.changes .entry span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;font-size:12px;overflow:hidden}.changes .entry.reverted span{color:var(--text-3);text-decoration:line-through}.changes .entry .revert{border:1px solid var(--border);padding:2px 7px;font-size:11.5px}.auto-list{font-size:var(--fs-md)}.auto-list .empty{margin:0;padding:0 16px}.auto-item{height:var(--row-h);border-radius:var(--r-md);color:var(--text-2);align-items:center;gap:6px;margin:0 8px;padding:0 8px;display:flex}.auto-item:hover{background:var(--surface);color:var(--text)}.auto-item .name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:0;overflow:hidden}.auto-item .next{color:var(--text-3);white-space:nowrap;font-size:11.5px}.auto-item.paused .name{color:var(--text-3);text-decoration:none}.auto-item .icon-btn{opacity:0;transition:opacity var(--dur-fast)}.auto-item:hover .icon-btn,.auto-item:focus-within .icon-btn{opacity:1}.chat-list{padding:0 8px}.chat-item{height:var(--row-h);border-radius:var(--r-md);font-size:var(--fs-md);cursor:pointer;color:var(--text-2);align-items:center;gap:6px;padding:0 6px 0 10px;display:flex}.chat-item:hover{background:var(--surface);color:var(--text)}.chat-item.active{background:var(--surface);color:var(--text);box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.chat-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;flex:1;justify-content:flex-start;min-height:0;padding:0;display:block;overflow:hidden}.chat-title:hover{background:0 0}.chat-item .icon-btn{opacity:0;transition:opacity var(--dur-fast)}.chat-item:hover .icon-btn,.chat-item:focus-within .icon-btn{opacity:1}#topbar{height:var(--topbar-h);padding:0 12px;padding-top:env(safe-area-inset-top);transition:border-color var(--dur-fast);border-bottom:1px solid #0000;flex:none;align-items:center;gap:8px;display:flex}#topbar.scrolled{border-bottom-color:var(--border)}#app:not(.sidebar-collapsed) #sidebar-toggle{visibility:hidden}.model-picker{border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-2);align-items:center;gap:8px;min-width:0;max-width:46vw;height:32px;padding:0 4px 0 10px;display:flex}#model-select{-webkit-appearance:none;appearance:none;height:30px;font:500 var(--fs-md) var(--font-ui);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;max-width:100%;color:var(--text);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A756F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") right 4px center/12px no-repeat;border:0;padding:0 20px 0 2px;overflow:hidden}#model-select:focus{outline:none}.status-dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.status-dot.busy{background:var(--accent);animation:1.6s ease-in-out infinite breathe}#load-btn.pill{height:26px;min-height:0;font-size:var(--fs-sm);padding:0 12px}.model-info{font-size:var(--fs-sm);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:34vw;overflow:hidden}.model-info.removable{cursor:pointer;text-underline-offset:3px;text-decoration:underline dotted}#theme-btn .sun{display:none}.sys-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);animation:rise var(--dur) var(--ease);grid-template-columns:36px 1fr auto;align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.sys-card .icon{background:var(--surface);width:36px;height:36px;color:var(--text-2);border-radius:50%;grid-row:span 3;place-items:center;display:grid}.sys-card .icon[data-icon=check-circle]{color:var(--ok)}.sys-card .icon[data-icon=alert]{color:var(--warn)}.sys-card .icon[data-icon=spark]{color:var(--accent)}.sys-card b{grid-column:2/4;font-size:14px;font-weight:600}.sys-card p{color:var(--text-2);grid-column:2/4;margin:0;font-size:13px;line-height:1.5}.sys-card .bar{grid-column:2;margin-top:4px}.sys-card .pct{font:500 12px var(--font-mono);color:var(--text-2);grid-column:3}.sys-card.done{border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.sys-card.leaving{opacity:0;transition:opacity var(--dur-slow)}.bar{background:var(--surface-2);border-radius:var(--r-full);height:4px;overflow:hidden}.bar>div{background:var(--accent);width:0;height:100%;transition:width var(--dur);border-radius:var(--r-full)}.progress{margin-top:8px}.progress p{color:var(--text-2);margin:5px 0 0;font-size:12px}.welcome{text-align:center;animation:rise var(--dur) var(--ease);margin-top:clamp(24px,10vh,96px)}.welcome-logo{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.welcome h2{font:600 var(--fs-2xl)/1.2 var(--font-ui);letter-spacing:-.01em;margin:0 0 8px}.welcome .lead{color:var(--text-2);max-width:46ch;margin:0 auto 24px;font-size:15px;line-height:1.55}.suggestions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:600px;margin:0 auto;display:grid}.chip{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);height:40px;font:500 var(--fs-md) var(--font-ui);text-align:left;color:var(--text);justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.chip:hover{border-color:var(--border-strong);background:var(--surface)}.chip .i{color:var(--text-3)}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.welcome-foot{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:12px;display:flex}.welcome-foot .dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.welcome.model-on .dot{background:var(--ok)}.welcome-foot a{color:var(--text-3);text-underline-offset:2px;text-decoration:underline}.welcome-foot a:hover{color:var(--text)}.msg{line-height:var(--lh-prose);font-size:var(--fs-prose);animation:rise var(--dur) var(--ease);gap:0;display:flex;position:relative}.msg.user{justify-content:flex-end}.msg.user .body{background:var(--surface);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 18px 4px;max-width:78%;padding:10px 14px;font-size:15px;line-height:1.55}.msg.user .attach-wrap{flex-direction:column;align-items:flex-end;gap:6px;max-width:78%;display:flex}.msg img.attached{border:1px solid var(--border);border-radius:12px;max-width:220px;max-height:240px;display:block}.msg.assistant{flex-direction:column;gap:4px}.who{font:500 12px/1 var(--font-ui);color:var(--text-3);align-items:center;gap:6px;margin:0 0 2px;display:flex}.who .i{color:var(--accent);width:12px;height:12px}.msg.assistant .body{overflow-wrap:anywhere;width:100%;min-width:0;padding:0}.msg.assistant .body>:first-child{margin-top:0}.msg.assistant .body>:last-child{margin-bottom:0}.msg .body p{white-space:pre-line;margin:0 0 12px}.msg .body h1,.msg .body h2,.msg .body h3,.canvas-doc h1,.canvas-doc h2,.canvas-doc h3{margin:20px 0 8px;font-weight:600;line-height:1.3}.msg .body h1,.canvas-doc h2{font-size:20px}.msg .body h2,.canvas-doc h3{font-size:17px}.msg .body h3,.msg .body h4{font-size:15.5px}.msg .body ul,.msg .body ol,.canvas-doc ul,.canvas-doc ol{margin:0 0 12px;padding-left:22px}.msg .body li,.canvas-doc li{margin:4px 0}.msg .body table,.canvas-doc table{border-collapse:collapse;max-width:100%;margin:10px 0;font-size:14px;display:block;overflow-x:auto}.msg .body table th,.msg .body table td,.canvas-doc table th,.canvas-doc table td{white-space:nowrap}.msg .body table td:last-child,.canvas-doc table td:last-child{white-space:normal;min-width:18ch}.msg .body th,.canvas-doc th{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);text-align:left}.msg .body th,.msg .body td,.canvas-doc th,.canvas-doc td{border:0;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.msg .body blockquote,.canvas-doc blockquote{border-left:2px solid var(--border-strong);color:var(--text-2);margin:8px 0;padding:2px 14px}.msg .body hr,.canvas-doc hr{border:0;border-top:1px solid var(--border);margin:16px 0}.msg code,.canvas-doc code{font-family:var(--font-mono);font-size:13px}.msg :not(pre)>code,.canvas-doc :not(pre)>code{background:var(--surface);border-radius:var(--r-sm);padding:1px 5px}.msg pre,.canvas-doc pre{background:var(--code);color:var(--code-text);border-radius:var(--r-lg);border:1px solid var(--border);margin:8px 0;padding:12px 14px;font-size:13px;line-height:1.55;overflow-x:auto}.msg .body a,.canvas-doc a{color:var(--text);text-decoration:underline;text-decoration-color:var(--text-3);text-underline-offset:2px}.msg .body a:hover,.canvas-doc a:hover{text-decoration-color:var(--accent)}.msg .body p.unverified-note{background:var(--warn-soft);border-left:3px solid var(--warn);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-md);padding:6px 10px}.msg .body p.unverified-note em{color:var(--text-2);font-style:normal}.cursor .body:after{content:"";vertical-align:-2px;background:var(--accent);border-radius:2px;width:7px;height:14px;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}.msg-actions{opacity:0;transition:opacity var(--dur-fast);gap:2px;margin:-2px 0 0;display:flex}.msg:hover+.msg-actions,.msg-actions:hover,.msg-actions:focus-within{opacity:1}.msg-actions button{align-items:center;gap:5px;font-size:12px;display:inline-flex}.msg-actions button:before{content:"";background:var(--text-3);width:12px;height:12px}.msg-actions [data-act=copy-msg]:before{mask-image:var(--m-copy);-webkit-mask-image:var(--m-copy)}.msg-actions [data-act=regen]:before,.msg-actions [data-act=retry-bigger]:before{mask-image:var(--m-refresh);-webkit-mask-image:var(--m-refresh)}.msg-actions [data-act=copy-md]:before{mask-image:var(--m-code);-webkit-mask-image:var(--m-code)}.msg-actions [data-act=copy-user]:before{mask-image:var(--m-copy);-webkit-mask-image:var(--m-copy)}.msg-actions [data-act=edit-user]:before{mask-image:var(--m-pen);-webkit-mask-image:var(--m-pen)}.msg-actions [data-act=thumb-up],.msg-actions [data-act=thumb-down]{font-size:12px}.msg-actions [data-act=thumb-up]:before,.msg-actions [data-act=thumb-down]:before{display:none}.msg-actions [data-act=thumb-up].picked{color:var(--ok,#2f9e44)}.msg-actions [data-act=thumb-down].picked{color:var(--danger,#e03131)}.feedback-note{width:100%;max-width:var(--content-w,720px);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font:13px var(--font-ui);resize:vertical;margin:4px 0 8px;padding:6px 8px;display:block}.msg-actions.user-actions{justify-content:flex-end}.repaired-badge{background:var(--ok-soft,color-mix(in srgb, var(--ok,#2f9e44) 18%, transparent));width:18px;height:18px;color:var(--ok,#2f9e44);font:700 11px var(--font-ui);vertical-align:middle;cursor:help;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.msg.assistant.msg-low-confidence .body{border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:8px 10px}.msg.assistant.msg-low-confidence .body:before{content:"! Not fully sure";font:700 11px var(--font-ui);color:var(--warn);letter-spacing:.02em;cursor:help;margin:0 0 4px;display:inline-block}.msg.assistant.msg-medium-confidence .body{border-left:2px solid color-mix(in srgb, var(--warn) 50%, transparent);padding-left:10px}.thinking-panel .route-footer{border-top:1px dashed var(--border);color:var(--text-3);padding:6px 12px;font-size:12px}.thinking-panel .route-footer>summary{cursor:pointer;user-select:none;list-style:none}.thinking-panel .route-footer>summary::-webkit-details-marker{display:none}.thinking-panel .route-footer>summary:before{content:"▸";width:12px;display:inline-block}.thinking-panel .route-footer[open]>summary:before{content:"▾"}.thinking-panel .route-footer ul{margin:4px 0 4px 20px;padding:0}.thinking-panel .route-footer li{margin:1px 0;list-style:outside}.sources-panel{color:var(--text-2);margin:4px 0 8px;font-size:12px}.sources-panel>summary{cursor:pointer;color:var(--text-3);user-select:none;padding:2px 0;list-style:none}.sources-panel>summary::-webkit-details-marker{display:none}.sources-panel>summary:before{content:"▸";width:12px;color:var(--text-3);transition:transform var(--dur-fast);display:inline-block}.sources-panel[open]>summary:before{content:"▾"}.sources-panel .sources-list{margin:4px 0 0 20px;padding:0}.sources-panel .sources-list>li{margin:3px 0;line-height:1.5}.sources-panel .src-tool{font:500 12px var(--font-mono);color:var(--text-2);margin-right:8px}.sources-panel .src-note{color:var(--text-3)}.sources-panel .src-urls{margin:2px 0 4px 4px;padding:0;list-style:none}.sources-panel .src-urls>li{align-items:baseline;gap:8px;margin:2px 0;display:flex}.sources-panel .src-urls a{color:var(--accent,#4a90e2);text-overflow:ellipsis;white-space:nowrap;max-width:60ch;text-decoration:none;overflow:hidden}.sources-panel .src-urls a:hover{text-decoration:underline}.sources-panel .src-host{color:var(--text-3);font-size:11px}figure.msg.image{margin:0 auto;padding:0;display:block}figure.image img{border-radius:var(--r-lg);max-width:min(384px,100%);box-shadow:var(--shadow-sm);border:1px solid var(--border);display:block}figure.image figcaption{color:var(--text-3);margin-top:6px;font-size:12px}.cite{vertical-align:super;margin-left:1px;font-size:11px;line-height:1}.cite a{text-align:center;background:var(--info-soft);min-width:16px;color:var(--info);font:500 10.5px/16px var(--font-mono);border-radius:4px;padding:0 4px;text-decoration:none;display:inline-block}.cite a:hover{background:var(--info);color:#fff}.sources{border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.sources-h{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);align-items:center;gap:6px;margin-bottom:6px;display:flex}.sources-h .n{font:500 11px/1 var(--font-mono);background:var(--surface-2);color:var(--text-2);border-radius:4px;padding:2px 6px}.sources ol,.search-sources ol{margin:0;padding:0;list-style:none}.sources li,.search-sources li{min-height:28px;font-size:var(--fs-md);border-radius:var(--r-sm);grid-template-columns:22px minmax(0,1fr);align-items:baseline;gap:8px;padding:2px 0;display:grid}.sources li .n,.search-sources li .n{font:500 11px/18px var(--font-mono);text-align:center;background:var(--surface-2);color:var(--text-2);border-radius:4px}.sources a,.search-sources a{color:var(--text);align-items:baseline;gap:8px;min-width:0;text-decoration:none;display:flex}.sources a .t,.search-sources a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sources a:hover .t,.search-sources a:hover{text-decoration:underline}.sources .host,.search-sources .host{font:11.5px var(--font-mono);color:var(--text-3);flex:none}.sources li.flash{background:var(--info-soft);transition:background var(--dur-slow)}.sources .more{margin-top:4px}.search-sources{margin:6px 10px 4px;overflow-x:auto}.search-sources li{grid-template-columns:22px minmax(0,1fr) auto auto}.search-sources a{display:block}.thinking-panel{width:100%;max-width:var(--content-w);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);animation:rise var(--dur) var(--ease);padding:0;overflow:hidden}.thinking-panel[aria-busy=true]{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.thinking-panel.has-issues{border-color:color-mix(in srgb, var(--warn) 55%, var(--border))}.thinking-panel[data-outcome=failed]{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.thinking-panel>summary{height:36px;font:500 13px var(--font-ui);color:var(--text-2);cursor:pointer;user-select:none;white-space:nowrap;align-items:center;gap:8px;padding:0 12px 0 10px;list-style:none;display:flex}.thinking-panel>summary::-webkit-details-marker{display:none}.thinking-panel>summary:hover{background:var(--surface-2)}.thinking-panel[aria-busy=true]>summary{color:var(--text)}.thinking-panel>summary:before{content:"";background:var(--text-3);width:14px;height:14px;mask-image:var(--m-chevron);-webkit-mask-image:var(--m-chevron);transition:transform var(--dur-fast);flex:none}.thinking-panel[open]>summary:before{transform:rotate(90deg)}.thinking-panel[aria-busy=true]>summary:before{background:var(--accent);border-radius:50%;width:8px;height:8px;margin:0 3px;animation:1.6s ease-in-out infinite breathe;transform:none;-webkit-mask-image:none;mask-image:none}.thinking-panel>summary:after{content:attr(data-meta);font:12px var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:60%;margin-left:auto;overflow:hidden}.thinking-panel[aria-busy=true]>summary:after{content:attr(data-live);font:13px var(--font-ui);color:var(--text-3);text-align:left;flex:1;max-width:none;margin-left:4px}.thinking-panel[data-outcome=stopped]>summary:after{color:var(--warn)}.thinking-panel[data-outcome=failed]>summary:after,.thinking-panel.has-issues>summary:after{color:var(--danger)}.thinking-steps{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin:0;padding:6px 12px 10px;display:flex;position:relative}.thinking-steps:before{content:"";background:var(--border);width:1px;position:absolute;top:12px;bottom:14px;left:19px}.thinking-steps>*{padding:4px 44px 4px var(--tl-rail);width:100%;max-width:100%;font-size:var(--fs-md);line-height:var(--lh-ui);color:var(--text-2);overflow-wrap:anywhere;animation:rise var(--dur-fast) var(--ease);margin:0;position:relative}.thinking-steps>:before{content:"";background:var(--surface);border:1.5px solid var(--text-3);box-sizing:border-box;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:3px}.thinking-steps>[data-t]:after{content:attr(data-t);font:11px var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums;position:absolute;top:4px;right:0}.thinking-steps>.step.pending{color:var(--text)}.thinking-steps>.step.pending:before{background:var(--accent);border-color:var(--accent);animation:1.4s ease-in-out infinite pulse}.thinking-steps>.step.notice{color:var(--text)}.thinking-steps>.step.notice:before{background:var(--info);border-color:var(--info)}.thinking-steps>.step.check:before{background:var(--ok);width:14px;height:14px;mask-image:var(--m-shield);-webkit-mask-image:var(--m-shield);border:0;border-radius:0;top:6px;left:0}.thinking-steps>.step.check.failed:before{background:var(--warn);mask-image:var(--m-alert);-webkit-mask-image:var(--m-alert)}.thinking-steps>.step.error{color:var(--text);background:var(--danger-soft);border-radius:var(--r-sm)}.thinking-steps>.step.error:before{background:var(--danger);width:14px;height:14px;mask-image:var(--m-alert);-webkit-mask-image:var(--m-alert);border:0;border-radius:0;top:6px;left:3px}.thinking-steps>.step.error .ghost{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);margin-left:8px;padding:2px 8px;font-size:12px}.thinking-steps>.step.warn:before{background:var(--warn);border-color:var(--warn)}.step .tag{margin-right:4px}.step summary{cursor:pointer;list-style:none;display:block}.step summary::-webkit-details-marker{display:none}.thinking-steps>details.step:not(.group)>summary:after{content:"Details";color:var(--text-3);margin-left:8px;font-size:12px}.thinking-steps>details.step:not(.group)[open]>summary:after{content:"Hide details"}.step pre{font:12.5px/1.5 var(--font-mono);background:var(--code);color:var(--code-text);border-radius:var(--r-sm);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);max-height:200px;margin:6px 0 0;padding:8px 10px;overflow:auto}.step.group>summary{align-items:center;gap:6px;display:flex}.step.group .count{font:500 11px/1 var(--font-mono);background:var(--surface-2);color:var(--text-2);border-radius:4px;margin-left:6px;padding:2px 6px}.step.group .step{font-size:var(--fs-md);color:var(--text-2);overflow-wrap:anywhere;margin:0;padding:3px 0 3px 12px;position:relative}.step.group .step:before{display:none}.step.group[open]>summary{margin-bottom:4px}.thinking-steps>.plan{padding:6px 8px 8px var(--tl-rail)}.thinking-steps>.plan:before{background:var(--text-3);width:14px;height:14px;mask-image:var(--m-list);-webkit-mask-image:var(--m-list);border:0;border-radius:0;top:8px;left:0}.plan-head{font:600 13px var(--font-ui);color:var(--text);align-items:center;gap:8px;display:flex}.plan-head .i{color:var(--text-3)}.plan-progress{font:12px var(--font-mono);color:var(--text-3);margin-left:auto}.plan .bar{background:var(--surface-2);height:3px;margin:6px 0 8px}.plan.all-done .bar>div{background:var(--ok)}.plan.has-failed .bar>div{background:var(--danger)}.plan ol{margin:0;padding:0;list-style:none}.plan li{color:var(--text-3);grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:8px;padding:3px 0;display:grid}.plan .mark{border:1.5px solid var(--border-strong);box-sizing:border-box;border-radius:50%;width:14px;height:14px;margin-top:2px;position:relative}.plan .active .mark{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-soft);animation:1.4s ease-in-out infinite pulse}.plan .done .mark,.plan .repaired .mark{background:var(--ok);border:0}.plan .failed .mark{background:var(--danger);border:0}.plan .mark:after{content:"";background:#fff;display:none;position:absolute;inset:2px}.plan .done .mark:after,.plan .repaired .mark:after{mask-image:var(--m-check);-webkit-mask-image:var(--m-check);display:block}.plan .failed .mark:after{mask-image:var(--m-x);-webkit-mask-image:var(--m-x);display:block}.plan .active .label{color:var(--text);font-weight:500}.plan .done .label,.plan .repaired .label{color:var(--text-2)}.plan .failed .label{color:var(--danger)}.tool-call{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-md);margin:2px 0;padding:0}.thinking-steps>.tool-call{width:calc(100% + 4px);color:var(--text);margin:2px 0 2px -4px;padding:0}.thinking-steps>.tool-call:before{display:none}.tool-call>summary{cursor:pointer;align-items:center;gap:8px;min-height:32px;padding:4px 10px 4px 0;list-style:none;display:flex}.tool-call>summary::-webkit-details-marker{display:none}.tool-call>summary:hover{background:var(--bg-2);border-radius:var(--r-md)}.tool-ic{background:var(--surface-2);width:20px;height:20px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;margin-left:0;display:grid}.tool-ic .i{width:12px;height:12px}.tool-ic.cat-web{background:var(--info-soft);color:var(--info)}.tool-call.failed .tool-ic{background:var(--danger-soft);color:var(--danger)}.tool-call .verb{font:500 var(--fs-md) var(--font-ui);color:var(--text);flex:none}.tool-call .obj{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.tool-call .obj.mono{font:12.5px var(--font-mono)}.tool-call .status{font:12px var(--font-mono);color:var(--text-3);white-space:nowrap;flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.tool-call[data-state=running] .status:before,.tool-call[data-state=progress] .status:before{content:"";border:1.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.tool-call.failed .status{color:var(--danger)}.tool-call.failed{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.tool-body{border-top:1px solid var(--border);padding-bottom:2px}.tool-call .io{margin:6px 10px 10px}.io-label{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);align-items:center;gap:8px;margin:6px 0 4px;display:flex}.io-label .meta{font:11px var(--font-mono);text-transform:none;letter-spacing:0;margin-left:auto}.tool-call pre.args,.tool-call pre.result{font:12.5px/1.5 var(--font-mono);background:var(--surface);color:var(--text-2);border-radius:var(--r-sm);white-space:pre-wrap;overflow-wrap:anywhere;border:0;margin:0;padding:8px 10px;overflow:auto}.tool-call pre.args{max-height:160px}.tool-call pre.result{max-height:220px}.tool-call pre.result.peek{max-height:none;color:var(--text-3);opacity:.85;font-style:italic}.tool-call pre.full{max-height:none}.tool-call .io .ghost{margin-top:4px}.tool-call .tool-progress{margin:4px 10px 10px}.tool-call .tool-progress .bar{height:3px}.tool-call .tool-progress p{color:var(--text-2);margin:5px 0 0;font-size:12px}.tool-call img.generated{border-radius:var(--r-md);border:1px solid var(--border);max-width:96px;margin:6px 10px 0;display:block}.change-card{width:100%;max-width:var(--content-w);background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--r-lg);font-size:var(--fs-md);animation:rise var(--dur) var(--ease);padding:10px 12px}.change-card.waiting{border-left-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.change-card .head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.change-card .head>.i{color:var(--text-3)}.change-card .path{font:500 13px var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.change-card .stat-add{color:var(--ok);font:12px var(--font-mono)}.change-card .stat-del{color:var(--danger);font:12px var(--font-mono)}.change-card .status{color:var(--text-3);margin-left:auto;font-size:12px}.change-card[data-status=applied] .status{color:var(--ok)}.change-card[data-status=rejected] .status{color:var(--text-3)}.change-card pre.diff{font:12.5px/1.55 var(--font-mono);background:var(--code);color:var(--code-text);border:1px solid var(--border);border-radius:var(--r-md);white-space:pre;max-height:320px;margin:8px 0;padding:8px 0;overflow:auto}.change-card pre.diff.collapsed{max-height:200px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.change-card .diff .add,.change-card .diff .del,.change-card .diff .ctx{padding:0 12px;display:block}.change-card .diff .add{background:var(--diff-add)}.change-card .diff .del{background:var(--diff-del)}.change-card .diff .ctx{color:var(--text-2)}.change-card .actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.change-card .actions button{min-height:32px}.code-block{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--code);margin:12px 0;overflow:hidden}.code-head{border-bottom:1px solid var(--border);height:32px;color:var(--text-3);font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;background:0 0;align-items:center;gap:4px;padding:0 6px 0 14px;display:flex}.code-head button{color:var(--text-2);font:500 12px var(--font-ui);text-transform:none;letter-spacing:0;border-radius:var(--r-sm);background:0 0;border:0;min-height:0;padding:3px 8px}.code-head button:hover{background:var(--surface-2);color:var(--text)}.code-block pre{font:13px/1.55 var(--font-mono);color:var(--code-text);tab-size:2;background:0 0;border:0;border-radius:0;margin:0;padding:12px 14px;overflow-x:auto}.code-out{border-top:1px solid var(--border);background:var(--bg)}.code-out pre.run-out{background:var(--bg);color:var(--text);white-space:pre-wrap;border:0;border-radius:0;margin:0;font-size:12.5px}.code-out iframe.preview{background:#fff;border:none;width:100%;height:380px;display:block}.code-out img.run-img{border-radius:var(--r-sm);background:#fff;max-width:100%;margin:8px auto;display:block}.artifact-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;white-space:normal;width:100%;max-width:420px;min-height:0;font:inherit;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;display:flex}.artifact-card:hover{border-color:var(--border-strong);background:var(--bg-2)}.artifact-card .icon{border-radius:var(--r-md);background:var(--accent-soft);flex:none;width:32px;height:32px;position:relative}.artifact-card .icon:before{content:"";background:var(--accent);mask-image:var(--m-code);-webkit-mask-image:var(--m-code);position:absolute;inset:8px}.artifact-card[data-lang=markdown] .icon:before{mask-image:var(--m-doc);-webkit-mask-image:var(--m-doc)}.artifact-card[data-lang=html] .icon:before{mask-image:var(--m-globe);-webkit-mask-image:var(--m-globe)}.artifact-card[data-lang=svg] .icon:before{mask-image:var(--m-image);-webkit-mask-image:var(--m-image)}.artifact-card .meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.artifact-card b{font:500 14px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.artifact-card small{color:var(--text-3);font-size:12px}.artifact-card .chev{background:var(--text-3);width:14px;height:14px;mask-image:var(--m-chevron);-webkit-mask-image:var(--m-chevron);flex:none}#composer{padding:8px 24px calc(12px + env(safe-area-inset-bottom));flex:none}.composer-box{max-width:var(--content-w);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:22px;margin:0 auto;padding:10px 10px 8px 16px}.composer-box:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.composer-box:has(#input[disabled]){background:var(--bg-2)}#input{resize:none;width:100%;max-height:220px;caret-color:var(--accent);height:auto;color:var(--text);background:0 0;border:none;outline:none;padding:4px;font-size:15px;line-height:1.5;display:block}#input::placeholder{color:var(--text-3)}.composer-actions{align-items:center;gap:6px;margin-top:6px;display:flex}.composer-status{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#composer-status:not(:empty):before{content:"";border:1.5px solid var(--border-strong);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}.send{background:var(--text);width:32px;height:32px;min-height:0;color:var(--bg);border:none;border-radius:50%;flex:none;padding:0;position:relative}.send .i{width:18px;height:18px}.send:hover{background:var(--text);opacity:.85}.send:disabled{background:var(--surface-2);color:var(--text-3);opacity:1}.send.stop{background:var(--text)}.send.stop:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:1.4s ease-in-out infinite pulse;position:absolute;inset:-4px}.attachment{margin:0 0 8px;display:inline-flex;position:relative}.attachment img{border-radius:var(--r-md);border:1px solid var(--border);height:56px;display:block}.attachment .icon-btn{background:var(--bg);border:1px solid var(--border);border-radius:50%;width:22px;height:22px;position:absolute;top:-6px;right:-6px}.attachment .icon-btn .i{width:12px;height:12px}.disclaimer{color:var(--text-3);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:8px 0 0;font-size:11px;display:flex}#privacy-status{border-radius:var(--r-full);background:var(--surface);color:var(--text-2);align-items:center;gap:5px;padding:2px 8px;display:inline-flex}#privacy-status:before{content:"";background:var(--text-2);width:12px;height:12px;mask-image:var(--m-lock);-webkit-mask-image:var(--m-lock)}.storage-notice{border:1px solid var(--warn);background:var(--warn-soft);color:var(--text);border-radius:var(--r-lg);max-width:var(--content-w);width:calc(100% - 48px);margin:8px auto;padding:10px 12px 10px 36px;font-size:13px;position:relative}.storage-notice:before{content:"";background:var(--warn);width:16px;height:16px;mask-image:var(--m-alert);-webkit-mask-image:var(--m-alert);position:absolute;top:11px;left:12px}.row.col{display:block}.row.col>span:first-child{margin-bottom:6px;display:block}#memories-input{resize:vertical;width:100%;min-height:84px;font:13px/1.5 var(--font-mono)}.agents-file{white-space:pre-wrap;max-height:260px;font:12px/1.5 var(--font-mono);background:var(--surface);color:var(--text-2);border-radius:var(--r-md);border:1px solid var(--border);margin:8px 0 0;padding:10px 12px;overflow:auto}#settings-dialog:not(.show-advanced) [data-advanced],#settings-dialog:not(.show-advanced) h3[data-advanced]+*{display:none}.adv-toggle{margin-bottom:4px}.voice-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);animation:rise var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.voice-overlay[hidden]{display:none}.orb-wrap{aspect-ratio:1;place-items:center;width:min(46vw,260px);display:grid}.orb{--lvl:0;--spin:0deg;filter:saturate(1.1);width:100%;height:100%;position:relative}.orb i{will-change:transform, opacity;border-radius:50%;display:block;position:absolute;inset:0}.orb .o1{background:radial-gradient(circle at 35% 35%, #ffd8c2 0%, var(--accent) 38%, #7c3aed 80%, transparent 100%);transform:scale(calc(.78 + var(--lvl) * .22));transition:transform 90ms linear}.orb .o2{mix-blend-mode:screen;transform:rotate(var(--spin)) scale(calc(.9 + var(--lvl) * .25));opacity:.9;background:radial-gradient(circle at 60% 40%,#ffffffa6,#fff0 60%);inset:8%}.orb .o3{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, transparent) 0%, transparent 62%);filter:blur(18px);transform:scale(calc(.8 + var(--lvl) * .5));transition:transform .12s linear;inset:-14%}.voice-overlay[data-state=listening] .orb .o1{animation:3.2s ease-in-out infinite orb-breathe}.voice-overlay[data-state=hearing] .orb .o1{animation:none}.voice-overlay[data-state=thinking] .orb .o1,.voice-overlay[data-state=transcribing] .orb .o1,.voice-overlay[data-state=loading] .orb .o1{animation:1.6s ease-in-out infinite orb-think}.voice-overlay[data-state=thinking] .orb .o2,.voice-overlay[data-state=transcribing] .orb .o2,.voice-overlay[data-state=loading] .orb .o2{animation:2.4s linear infinite orb-spin}.voice-overlay[data-state=speaking] .orb .o1{background:radial-gradient(circle at 40% 40%, #fff1e6 0%, var(--accent) 40%, #f59e0b 85%, transparent 100%)}@keyframes orb-breathe{0%,to{transform:scale(.78)}50%{transform:scale(.86)}}@keyframes orb-think{0%,to{opacity:.85;transform:scale(.74)}50%{opacity:1;transform:scale(.92)}}@keyframes orb-spin{0%{transform:rotate(0)scale(.95)}to{transform:rotate(360deg)scale(.95)}}.voice-overlay-status{font:600 var(--fs-lg)/1.3 var(--font-ui);letter-spacing:-.01em;margin:0}.voice-overlay-line{text-align:center;max-width:560px;color:var(--text-2);font-size:var(--fs-base);min-height:1.5em;margin:0;line-height:1.5}.voice-overlay-actions{gap:10px;margin-top:6px;display:flex}.voice-overlay-actions .pill{align-items:center;gap:8px;width:auto;margin:0;display:inline-flex}.pill.danger-soft{background:var(--danger-soft);color:var(--danger);border-color:#0000}.voice-overlay-hint{font-size:var(--fs-sm);color:var(--text-3);text-align:center;max-width:420px;margin:8px 0 0}@media (prefers-reduced-motion:reduce){.orb i{transition:none!important;animation:none!important}}.voice-bar{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-sm);align-items:center;gap:8px;margin:0 0 8px;padding:6px 8px 6px 10px;display:flex}.voice-bar[hidden]{display:none}.voice-status{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-bar .ghost{height:26px;min-height:0;font-size:var(--fs-sm);padding:0 10px}.voice-dot{flex:none;place-items:center;width:12px;height:12px;display:grid}.voice-dot i{background:var(--text-3);width:8px;height:8px;transform:scale(var(--level,1));transition:transform 90ms linear, background var(--dur-fast) var(--ease);border-radius:50%;display:block}.voice-bar[data-state=listening] .voice-dot i,.voice-bar[data-state=hearing] .voice-dot i{background:var(--ok)}.voice-bar[data-state=speaking] .voice-dot i{background:var(--accent);animation:pulse 1.4s var(--ease) infinite}.voice-bar[data-state=thinking] .voice-dot i,.voice-bar[data-state=transcribing] .voice-dot i,.voice-bar[data-state=loading] .voice-dot i{background:var(--warn);animation:pulse 1.1s var(--ease) infinite}#mic-btn[aria-pressed=true],#voice-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.spark-toggle{position:relative}.spark-toggle[aria-pressed=true] .i{color:var(--accent)}.spark-toggle[aria-pressed=false]{background:var(--surface-2,transparent)}.spark-toggle[aria-pressed=false] .i{color:var(--text-3);opacity:.7}.spark-toggle[aria-pressed=false]:after{content:"";background:var(--text-3);pointer-events:none;border-radius:1px;width:18px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.msg.user .spark-off-tag{font:600 11px var(--font-ui);color:var(--text-3);letter-spacing:.02em;align-items:center;gap:4px;margin:0 0 4px;display:inline-flex}#mic-btn[aria-pressed=true] .i,#voice-btn[aria-pressed=true] .i,.side-btn.support .i{color:var(--accent)}#canvas{flex:0 0 clamp(var(--canvas-min), var(--canvas-w), 60vw);width:clamp(var(--canvas-min), var(--canvas-w), 60vw);border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;display:flex}#canvas-resizer{cursor:col-resize;touch-action:none;background:0 0;flex:0 0 6px;position:relative}#canvas-resizer:after{content:"";transition:background var(--dur-fast) var(--ease);background:0 0;border-radius:2px;position:absolute;inset:0 2px}#canvas-resizer:hover:after,#canvas-resizer:focus-visible:after,#app.resizing #canvas-resizer:after{background:var(--accent)}#canvas-resizer:focus-visible{outline:none}#app.resizing{cursor:col-resize;user-select:none}#app.resizing iframe{pointer-events:none}#app:not(.canvas-open) #canvas-resizer,#app:has(#canvas.expanded) #canvas-resizer{display:none}#canvas.expanded{width:auto;z-index:var(--z-canvas);border-left:0;position:fixed;inset:0}.canvas-head{background:var(--bg-2);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;height:44px;padding:0 8px;display:flex}.canvas-head .back{display:none}.canvas-tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.canvas-tabs::-webkit-scrollbar{display:none}.canvas-tab{border-radius:var(--r-md);height:30px;min-height:0;font-size:var(--fs-sm);white-space:nowrap;max-width:200px;color:var(--text-2);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 6px 0 8px;font-weight:400;display:inline-flex}.canvas-tab span{text-overflow:ellipsis;overflow:hidden}.canvas-tab.active{background:var(--bg);border-color:var(--border);color:var(--text);font-weight:500}.canvas-tab .type{background:var(--text-3);width:14px;height:14px;mask-image:var(--m-code);-webkit-mask-image:var(--m-code);flex:none}.canvas-tab[data-lang=markdown] .type{mask-image:var(--m-doc);-webkit-mask-image:var(--m-doc)}.canvas-tab[data-lang=html] .type{mask-image:var(--m-globe);-webkit-mask-image:var(--m-globe)}.canvas-tab[data-lang=svg] .type{mask-image:var(--m-image);-webkit-mask-image:var(--m-image)}.canvas-tab i[data-c=closetab]{background:var(--text-3);width:16px;height:16px;mask-image:var(--m-x);-webkit-mask-image:var(--m-x);border-radius:4px;flex:none;-webkit-mask-size:10px;mask-size:10px}.canvas-tab i[data-c=closetab]:hover{background:var(--text)}.canvas-actions{flex:none;align-items:center;gap:4px;display:flex}.canvas-actions button{font-size:var(--fs-sm);height:30px;min-height:0;padding:0 10px}.canvas-actions .icon-btn{width:30px;padding:0}.canvas-actions .primary-btn{background:var(--accent);color:var(--accent-text);border-color:#0000}.canvas-actions .primary-btn:hover{filter:brightness(.94)}[data-c=expand] .col,#canvas.expanded [data-c=expand] .ex{display:none}#canvas.expanded [data-c=expand] .col{display:inline-block}.canvas-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.canvas-body .empty{text-align:center;margin:0;padding:48px 16px}.canvas-frame{background:#fff;border:none;width:100%;height:100%;display:block}.canvas-doc{max-width:720px;line-height:1.7;font-size:var(--fs-prose);margin:0 auto;padding:32px 40px}.canvas-doc h1{letter-spacing:-.01em;margin:0 0 12px;font-size:26px}.canvas-doc p{margin:0 0 12px}.canvas-doc>:first-child{margin-top:0}.canvas-svg{justify-content:center;padding:20px;display:flex}.canvas-svg svg{max-width:100%;height:auto}.canvas-editor{resize:none;width:100%;height:100%;font:13px/1.6 var(--font-mono);background:var(--bg);color:var(--text);tab-size:2;caret-color:var(--accent);border:none;border-radius:0;outline:none;padding:20px 24px}dialog{border:1px solid var(--border);background:var(--bg);color:var(--text);width:min(640px,100vw - 32px);max-height:min(88vh,860px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden}dialog:not([open]){display:none}dialog[open]{animation:rise var(--dur) var(--ease)}dialog::backdrop{background:var(--backdrop)}.dialog-head{border-bottom:1px solid var(--border);background:var(--bg);z-index:1;flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 20px;display:flex;position:sticky;top:0}.dialog-head h2{font:600 var(--fs-lg) var(--font-ui);margin:0}.dialog-body{overscroll-behavior:contain;min-height:0;padding:8px 20px 24px;overflow-y:auto}.dialog-body section{border-bottom:0;padding:16px 0}.dialog-body h3{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 8px}#gpu-status{color:var(--text-2);background:var(--surface);border-radius:var(--r-md);margin:0 0 8px;padding:10px 12px;font-size:13px;line-height:1.5}#gpu-status strong{color:var(--text);font-weight:500}.row{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:0;padding:8px 0;font-size:14px;display:flex}.row+.row{border-top:1px solid var(--border)}.row>span{min-width:0}.row small{font-size:var(--fs-sm);color:var(--text-2);max-width:440px;margin-top:2px;line-height:1.45;display:block}.row.switch{cursor:pointer}.adv{margin-top:10px;font-size:13px}.adv summary{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:6px 0;list-style:none;display:flex}.adv summary::-webkit-details-marker{display:none}.adv summary:before{content:"";background:var(--text-3);width:12px;height:12px;mask-image:var(--m-chevron);-webkit-mask-image:var(--m-chevron);transition:transform var(--dur-fast)}.adv[open] summary:before{transform:rotate(90deg)}.adv form{gap:6px;margin-top:8px;display:flex}.adv form input{flex:1;min-width:0}.adv>input{width:100%;margin-top:8px}.tools{flex-direction:column;gap:2px;margin-top:8px;display:flex}.tools h4{font:600 12px var(--font-ui);color:var(--text-2);align-items:center;gap:8px;margin:12px 0 4px;display:flex}.tools label{cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:13px;display:flex}.tools label input{order:3;margin-left:auto}.tools code{font:12px var(--font-mono);background:var(--surface);white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px}.tools span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.tools label.off{opacity:.5}.btn-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn-row button{font-size:13px}.stats{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13px;display:grid}.stats dt{color:var(--text-2)}.stats dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0}#image-progress{margin-top:12px}.about-hero{text-align:center;padding:6px 0 4px}.about-logo{margin-bottom:8px;font-size:32px;line-height:1}.dialog-body.about .about-hero h3{font:600 22px/1.25 var(--font-ui);letter-spacing:-.01em;text-transform:none;color:var(--text);margin:0 0 8px}.dialog-body.about p{color:var(--text-2);max-width:520px;margin:0 auto;font-size:14.5px;line-height:1.6}.about-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.about-actions .pill{align-items:center;gap:8px;min-height:32px;display:inline-flex}.ghost-link{color:var(--text-2);font-size:14px}.about-h{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 8px}.pillars{grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0;display:grid}.pillar{background:var(--bg-2);border-radius:var(--r-lg);border:0;padding:16px}.pillar-icon{border-radius:var(--r-md);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);place-items:center;margin-bottom:8px;display:grid}.pillar h4{margin:0 0 6px;font-size:14px;font-weight:600}.dialog-body.about .pillar p{margin:0;font-size:13px;line-height:1.5}.steps{margin:0;padding-left:20px}.steps li{color:var(--text-2);margin:6px 0;font-size:14px;line-height:1.55}.steps li b{color:var(--text);font-weight:600}.where{border-collapse:collapse;width:100%;font-size:13px}.where th,.where td{border:0;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;color:var(--text-2);padding:8px 10px}.where th{font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.dialog-body.about section{padding:12px 0}.dialog-body.about .fine{color:var(--text-3);max-width:none;font-size:12px}.field{color:var(--text-2);flex-direction:column;flex:1;gap:4px;margin-top:10px;font-size:13px;display:flex}.field input,.field textarea,.field select{border-radius:var(--r-md);height:36px;color:var(--text)}.field textarea{height:auto}#auto-form .row{border-top:0;align-items:flex-end;min-height:0;padding:0}#auto-form .row.switch{border-top:1px solid var(--border);align-items:center;margin-top:10px;padding:8px 0}#auto-form .btn-row{justify-content:flex-end;gap:8px;margin-top:16px}body.compare-page{overflow:auto}.compare-page .cmp-head{max-width:1100px;margin:0 auto;padding:20px 20px 8px}.compare-page .cmp-head h1{font:600 24px/1.25 var(--font-ui);letter-spacing:-.01em;margin:12px 0 6px}.compare-page .spark{color:var(--accent)}.compare-page .lead{color:var(--text-2);max-width:70ch;margin:0 0 12px;font-size:15px;line-height:1.55}dialog.wide{width:min(1100px,96vw);max-width:none}.cmp-samples{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin:6px 0 10px}.cmp-form{max-width:none;margin-bottom:12px}.cmp-form textarea{resize:vertical;width:100%;caret-color:var(--accent);background:0 0;border:none;outline:none;padding:4px;font-family:inherit;font-size:15px;line-height:1.5}#compare-dialog .cmp-grid{margin:0;padding:0}#compare-dialog .dialog-head .hint{font-size:var(--fs-sm);margin:0 auto 0 8px}@media (width<=760px){#compare-dialog .cmp-grid{grid-template-columns:1fr}.cmp-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}.cmp-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cmp-controls select{max-width:60vw}.cmp-controls .pill{width:auto;margin:0}#status{font-size:var(--fs-sm);color:var(--text-3);align-items:center;gap:6px;margin:0;display:inline-flex}#status:before{content:"";background:var(--text-3);width:12px;height:12px;mask-image:var(--m-cpu);-webkit-mask-image:var(--m-cpu)}.cmp-web{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.cmp-prompt{max-width:1100px;margin:0 auto;padding:0 20px}.cmp-prompt .suggestions{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;margin-bottom:10px}.cmp-prompt .composer-box{max-width:none}.cmp-prompt textarea{resize:vertical;width:100%;caret-color:var(--accent);background:0 0;border:none;outline:none;padding:4px;font-size:15px;line-height:1.5}.cmp-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:16px auto;padding:0 20px;display:grid}.cmp-col{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);flex-direction:column;min-width:0;min-height:260px;display:flex}.cmp-col.spark{border-top:2px solid var(--accent);box-shadow:none}.cmp-col header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;display:flex}.cmp-col h2{font-size:var(--fs-md);margin:0;font-weight:600}.cmp-col .meta{font:12px var(--font-mono);color:var(--text-3)}.cmp-body{overflow-wrap:anywhere;padding:12px 14px;font-size:14.5px;line-height:1.65}.cmp-body .hint{margin:0;font-size:13px}.cmp-answer .body p{white-space:pre-line;margin:0 0 8px}.cmp-answer .body table{border-collapse:collapse;display:block;overflow-x:auto}.cmp-answer .body th,.cmp-answer .body td{border:0;border-bottom:1px solid var(--border);text-align:left;padding:6px 10px}.cmp-answer .body pre{background:var(--code);color:var(--code-text);border-radius:var(--r-md);font:13px/1.55 var(--font-mono);border:1px solid var(--border);padding:12px;overflow-x:auto}.cmp-answer .body :not(pre)>code{background:var(--surface);border-radius:var(--r-sm);font:13px var(--font-mono);padding:1px 5px}.cmp-answer.cursor .body:after{content:"";vertical-align:-2px;background:var(--accent);border-radius:2px;width:7px;height:14px;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}.cmp-steps{padding-left:var(--tl-rail);border-left:1px solid var(--border);color:var(--text-2);flex-direction:column;gap:4px;margin:0 0 12px 8px;font-size:13px;display:flex;position:relative}.cmp-step{overflow-wrap:anywhere;line-height:1.45;position:relative}.cmp-step:before{content:"";left:calc(-1 * var(--tl-rail) - 5px);background:var(--bg);border:1.5px solid var(--text-3);box-sizing:border-box;border-radius:50%;width:9px;height:9px;position:absolute;top:5px}.cmp-step.tool{color:var(--text);font-weight:500}.cmp-step.tool:before,.cmp-step.plan:before,.cmp-step.notice:before,.cmp-step.error:before,.cmp-step.check:before{width:12px;height:12px;left:calc(-1 * var(--tl-rail) - 6px);background:var(--text-3);border:0;border-radius:0;top:3px}.cmp-step.tool:before{mask-image:var(--m-bolt);-webkit-mask-image:var(--m-bolt)}.cmp-step.plan{color:var(--text);font-weight:500}.cmp-step.plan:before{mask-image:var(--m-list);-webkit-mask-image:var(--m-list)}.cmp-step.notice:before{background:var(--info);mask-image:var(--m-info);-webkit-mask-image:var(--m-info)}.cmp-step.check:before{background:var(--ok);mask-image:var(--m-shield);-webkit-mask-image:var(--m-shield)}.cmp-step.error{color:var(--danger)}.cmp-step.error:before{background:var(--danger);mask-image:var(--m-alert);-webkit-mask-image:var(--m-alert)}.cmp-step.result{font:12.5px var(--font-mono);color:var(--text-3)}.cmp-step .obj{color:var(--text-2);margin-left:6px;font-weight:400}.cmp-foot{text-align:center;color:var(--text-3);padding:18px;font-size:12px}@media (width>=1025px){#app.canvas-open #chat{--content-w:100%;min-width:420px}}@media (width<=1024px){#sidebar{width:min(300px,86vw);z-index:var(--z-sidebar);box-shadow:var(--shadow-lg);transition:transform .24s var(--ease);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);flex-basis:auto;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}#app.sidebar-collapsed #sidebar{margin-left:0!important}#app:not(.sidebar-collapsed) #sidebar{transform:none;margin-left:0!important}#app:not(.sidebar-collapsed) #sidebar-toggle{visibility:visible}#sidebar-close{display:inline-flex}.model-info{max-width:30vw}#messages{padding:20px 20px 8px}#canvas-resizer{display:none}#canvas{width:auto;z-index:var(--z-canvas);animation:rise var(--dur) var(--ease);padding-top:env(safe-area-inset-top);border-left:0;flex-basis:auto;position:fixed;inset:0}.canvas-head .back{width:auto;font-size:var(--fs-md);gap:4px;padding:0 8px 0 4px;display:inline-flex}.canvas-head .x,.canvas-actions [data-c=expand]{display:none}}@media (width<=900px){.cmp-grid{grid-template-columns:1fr}.cmp-prompt .suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){input,select,textarea,#model-select,.cmp-prompt textarea,.field input,.field textarea,.field select{font-size:16px}#sidebar{--row-h:44px;width:min(300px,88vw)}#topbar{height:52px;padding:0 8px;padding-top:env(safe-area-inset-top);gap:4px}#sidebar-toggle,#canvas-btn{width:40px;height:40px}.model-picker{flex:1;min-width:0;max-width:none}#load-btn.pill{height:28px}.model-info,#theme-btn{display:none}#messages{gap:12px;padding:12px 14px 6px}.msg{font-size:15px;line-height:1.6}.msg.user .body,.msg.user .attach-wrap{max-width:88%}.msg pre,.tool-call pre,.code-block pre{font-size:12.5px}.welcome h2{font-size:24px}.suggestions,.cmp-prompt .suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.thinking-steps{padding:6px 8px 10px}.thinking-steps:before{left:15px}.thinking-steps>*{padding-right:8px}.thinking-steps>[data-t]:after{display:none}.tool-call>summary{flex-wrap:wrap}.tool-call .obj{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%;order:3;padding-left:28px;display:-webkit-box;overflow:hidden}.tool-call .status{margin-left:auto}.search-sources li{grid-template-columns:22px minmax(0,1fr) auto}.search-sources .host{display:none}.change-card .actions{flex-direction:column}.change-card .actions button{flex:1;width:100%;min-height:44px}.change-card .actions .reject{order:2}#composer{padding:6px 12px calc(8px + env(safe-area-inset-bottom))}.composer-box{border-radius:18px;padding:8px 8px 6px 12px}#input{max-height:160px;font-size:16px}#attach-btn,.send{width:40px;height:40px}#composer-status,.disclaimer .more{display:none}.code-out iframe.preview{height:60vh}.canvas-head{flex-wrap:wrap;row-gap:4px;height:auto;min-height:44px;padding:4px 8px}.canvas-head .back{flex:none;order:0}.canvas-tabs{flex:1 1 0;order:1;min-width:0}.canvas-actions{flex-basis:100%;order:2;padding-bottom:4px;overflow-x:auto}.canvas-doc{padding:24px 18px;font-size:15px;line-height:1.6}.canvas-editor{padding:16px}dialog{width:100%;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--dur-slow) var(--ease);border:0;border-radius:20px 20px 0 0;margin:0;position:fixed;inset:auto 0 0}dialog[open]{animation:sheet-up var(--dur-slow) var(--ease)}.dialog-head{box-sizing:border-box;padding-top:8px}.dialog-head:before{content:"";background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:8px;left:50%}.dialog-head .icon-btn{width:44px;height:44px}.dialog-body{max-height:calc(92dvh - 56px);padding:8px 16px 24px}.dialog-body .row{flex-wrap:wrap}.dialog-body .row>select,.dialog-body .row>.field{flex-basis:100%;width:100%}.dialog-body .row.switch{flex-wrap:nowrap}.pillars{grid-template-columns:1fr}.where,.where tbody,.where tr,.where td{width:100%;display:block}.where tr:first-child{display:none}.where td{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:8px;padding:10px 12px}.where td:before{content:attr(data-th);font:600 11px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:4px;display:block}#auto-form .row:not(.switch){flex-direction:column;align-items:stretch;gap:0}.adv form{flex-wrap:wrap}.adv form input{min-width:0}.cmp-grid{padding:0 12px}.cmp-col.spark{order:-1}.compare-page .cmp-head{padding:16px 12px 8px}.compare-page .cmp-head h1{font-size:22px}.cmp-prompt{padding:0 12px}}@media (pointer:coarse){:root{--row-h:44px}.icon-btn{width:36px;height:36px}.icon-btn.small{width:32px;height:32px}.chip{height:44px}.tree .node{height:36px}.tools label{min-height:44px}.canvas-actions button,.canvas-tab{height:36px}.thinking-panel>summary{height:44px}.tool-call>summary{min-height:40px}.changes .entry{height:36px}}@media (hover:none){.msg-actions,.chat-item .icon-btn,.auto-item .icon-btn,.ws-info .icon-btn{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.io pre.result.peek{max-height:4.5em;overflow:hidden}.msg-actions{flex-wrap:wrap}.src-urls a{text-overflow:ellipsis;min-width:0;overflow:hidden}