:root{--bg:#f2f2f7;--surface:#ffffff;--surface-muted:#f7f7fa;--ink:#111318;--muted:#7b7f89;--line:#e5e5ea;--accent:#007aff;--accent-strong:#0066d6;--warm:#ff3b30;--assistant-bubble:#ffffff;--dock:rgba(250,250,252,0.82);--shadow:0 18px 50px rgba(32,36,44,0.13);color-scheme:light}*{box-sizing:border-box}body,html{height:100%;margin:0;max-width:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(
    --kelivo-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif
  )}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.app-shell{align-items:center;display:flex;gap:22px;height:100dvh;justify-content:center;overflow:hidden;padding:16px;width:100%}.chat-workspace{align-items:stretch;display:flex;gap:14px;max-width:100%}.conversation-sidebar{background:rgba(255,255,255,.96);border:1px solid rgba(60,60,67,.12);border-radius:26px;box-shadow:var(--shadow);display:flex;flex:0 0 250px;flex-direction:column;height:min(844px,calc(100dvh - 32px));min-height:520px;overflow:hidden;width:250px;z-index:40}.conversation-sidebar-header{align-items:center;border-bottom:.5px solid rgba(60,60,67,.14);display:flex;justify-content:space-between;min-height:64px;padding:14px 14px 12px}.conversation-sidebar-header>div{align-items:center;display:flex;gap:8px;min-width:0}.conversation-sidebar-header h2{font-size:15px;font-weight:680;line-height:1.2;margin:0}.conversation-sidebar-close{align-items:center;background:rgba(60,60,67,.08);border:0;border-radius:999px;color:rgba(17,19,24,.72);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;padding:0;width:32px}.conversation-list-nav{flex:1 1;min-height:0;overflow-y:auto;padding:8px}.conversation-list-nav ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.conversation-list-item{background:transparent;border:0;border-radius:14px;display:flex;flex-direction:column;gap:6px;min-height:54px;padding:9px 10px;text-align:left;transition:background .14s ease,transform .14s ease;width:100%}.conversation-list-item:hover{background:rgba(60,60,67,.07)}.conversation-list-item:active{transform:scale(.985)}.conversation-list-item.active{background:rgba(0,122,255,.1)}.conversation-list-item-title{font-size:13px;font-weight:620;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-list-item-meta{align-items:center;color:rgba(60,60,67,.52);display:flex;font-size:10px;gap:6px;justify-content:space-between;line-height:1;min-height:14px}.conversation-list-item-meta time{margin-left:auto;white-space:nowrap}.conversation-fork-badge{align-items:center;color:var(--accent-strong);display:inline-flex;gap:3px}.conversation-list-empty{color:var(--muted);font-size:13px;margin:0;padding:22px 16px;text-align:center}.conversation-drawer-backdrop{display:none}.phone-frame{background:var(--surface);border:1px solid rgba(60,60,67,.12);border-radius:42px;box-shadow:var(--shadow);flex-direction:column;flex:0 0 auto;height:min(844px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);max-width:min(420px,calc(100vw - 32px));min-height:520px;overflow:hidden;width:min(390px,calc(100vw - 32px))}.chat-header,.phone-frame{display:flex;position:relative}.chat-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.82);border-bottom:.5px solid rgba(60,60,67,.18);flex-shrink:0;justify-content:space-between;padding:14px 16px 12px;z-index:2}.chat-contact{align-items:center;display:flex;gap:10px;min-width:0}.header-avatar,.message-avatar{align-items:center;background:#e5e5ea;color:#4b5563;display:flex;flex:0 0 auto;font-weight:700;justify-content:center;overflow:hidden}.header-avatar{border-radius:50%;height:40px;width:40px}.header-avatar img,.message-avatar img{height:100%;object-fit:cover;width:100%}.chat-contact h1{font-size:16px;font-weight:650;line-height:1.15;margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact p{color:var(--muted);font-size:12px;line-height:1.2;margin:4px 0 0}.header-actions{display:flex;flex:0 0 auto;gap:8px}.icon-button{align-items:center;background:rgba(17,19,24,.92);border:0;border-radius:999px;color:#ffffff;display:inline-flex;height:36px;justify-content:center;transition:background .16s ease,opacity .16s ease,transform .16s ease;width:36px}.icon-button:hover{background:rgba(17,19,24,.78)}.icon-button:active{opacity:.72;transform:scale(.96)}.conversation-drawer-backdrop:focus-visible,.conversation-list-item:focus-visible,.conversation-sidebar-close:focus-visible,.icon-button:focus-visible,.message-tool-button:focus-visible,.scroll-button:focus-visible,.send-button:focus-visible,.version-switcher button:focus-visible{outline:2px solid rgba(0,122,255,.34);outline-offset:2px}.icon-button.ghost{background:rgba(242,242,247,.84);color:var(--ink)}.icon-button:disabled{opacity:.34}.message-area{background:linear-gradient(180deg,#f7f7fb,#f0f1f6);background-position:50%;background-size:cover;display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:14px 10px 18px;scroll-behavior:smooth}.chat-input-field::-webkit-scrollbar,.message-area::-webkit-scrollbar{width:0}.empty-state{align-items:center;color:var(--muted);display:flex;flex:1 1;font-size:14px;justify-content:center;min-height:240px}.empty-state p{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);border-radius:18px;margin:0;padding:9px 14px}.message-item{display:flex;flex-direction:column;margin-top:10px;width:100%}.message-item:first-child{margin-top:0}.message-item.group-last,.message-item.group-middle{margin-top:2px}.date-divider{align-self:center;background:rgba(142,142,147,.15);border-radius:999px;color:#7b7f89;font-size:12px;line-height:1;margin:14px 0 10px;padding:6px 10px}.message-row{align-items:flex-end;display:flex;gap:6px;min-height:26px;width:100%}.message-row.from-user{justify-content:flex-end}.message-row.from-assistant{justify-content:flex-start}.message-avatar{border:2px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 3px 10px rgba(32,36,44,.07);font-size:12px;height:30px;width:30px}.avatar-spacer{flex:0 0 auto;height:30px;width:30px}.message-stack{align-items:flex-start;display:flex;flex-direction:column;max-width:72%;min-width:0}.message-name{color:rgba(60,60,67,.58);font-size:11px;font-weight:650;line-height:1;margin:0 10px 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-user .message-name{text-align:right}.from-user .message-stack{align-items:flex-end}.message-bubble{background:var(--assistant-bubble);border:.5px solid rgba(60,60,67,.1);border-radius:20px 20px 20px 7px;box-shadow:0 1px 2px rgba(32,36,44,.035);font-size:15.5px;line-height:1.36;overflow-wrap:anywhere;padding:8px 12px;white-space:pre-wrap}.from-user .message-bubble{background:var(--accent);border-color:rgba(255,255,255,.15);border-radius:20px 20px 7px 20px;color:#ffffff}.tool-activity{align-items:center;color:rgba(60,60,67,.6);display:flex;flex-wrap:wrap;font-size:10.5px;gap:4px;margin-top:5px;padding:0 5px}.tool-pill{background:rgba(0,122,255,.08);border:.5px solid rgba(0,122,255,.15);border-radius:999px;color:var(--accent-strong);padding:2px 6px}.tool-pill.error{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.18);color:var(--warm)}.group-first.from-assistant .message-bubble{border-bottom-left-radius:7px}.group-middle.from-assistant .message-bubble{border-bottom-left-radius:7px;border-top-left-radius:7px}.group-last.from-assistant .message-bubble{border-top-left-radius:7px}.group-first.from-user .message-bubble{border-bottom-right-radius:7px}.group-middle.from-user .message-bubble{border-bottom-right-radius:7px;border-top-right-radius:7px}.group-last.from-user .message-bubble{border-top-right-radius:7px}.message-meta{align-items:center;color:rgba(17,19,24,.5);display:flex;font-size:10.5px;gap:4px;line-height:1;margin-top:3px;padding:0 5px}.message-row.group-first .message-meta,.message-row.group-middle .message-meta{display:none}.from-user .message-meta{justify-content:flex-end}.message-meta time{color:rgba(24,32,29,.52);font-size:11px;line-height:1}.message-status{align-items:center;display:inline-flex}.message-status.error,.message-status.failed{color:var(--warm)}.message-status.streaming{color:rgba(60,60,67,.45)}.bubble-placeholder{color:rgba(60,60,67,.48);letter-spacing:1px}.message-tools{align-items:center;color:rgba(60,60,67,.62);display:flex;flex-wrap:wrap;gap:5px;min-height:20px;opacity:.72;padding:2px 4px 0;transition:opacity .14s ease}.from-user .message-tools{justify-content:flex-end}.message-row:focus-within .message-tools,.message-row:hover .message-tools{opacity:1}.version-switcher{align-items:center;background:rgba(255,255,255,.62);border:.5px solid rgba(60,60,67,.14);border-radius:999px;display:inline-flex;gap:2px;height:20px;padding:0 3px}.message-tool-button,.version-switcher button{align-items:center;background:transparent;border:0;border-radius:999px;color:inherit;display:inline-flex;height:18px;justify-content:center;padding:0;transition:background .14s ease,opacity .14s ease,transform .14s ease;width:18px}.fork-message-button{gap:4px;padding:0 7px;width:auto}.fork-message-button span{font-size:10.5px;line-height:1;white-space:nowrap}.copy-status,.message-tool-button.copied{color:var(--accent)}.copy-status{font-size:10.5px;line-height:1}.message-tool-button:hover:not(:disabled),.version-switcher button:hover:not(:disabled){background:rgba(60,60,67,.09)}.message-tool-button:active:not(:disabled),.version-switcher button:active:not(:disabled){transform:scale(.92)}.message-tool-button:disabled,.version-switcher button:disabled{opacity:.36}.version-switcher span{font-size:10.5px;line-height:1;min-width:28px;text-align:center}.message-tool-button{background:rgba(255,255,255,.56);border:.5px solid rgba(60,60,67,.12)}.typing-row{display:flex;justify-content:flex-start;margin-top:10px;padding-left:36px}.typing-bubble{align-items:center;background:rgba(255,255,255,.92);border:.5px solid rgba(60,60,67,.1);border-radius:20px 20px 20px 7px;box-shadow:0 1px 2px rgba(32,36,44,.035);color:var(--muted);display:inline-flex;font-size:13px;gap:5px;padding:8px 12px}.typing-bubble i{animation:blink 1.2s ease-in-out infinite;background:#8e8e93;border-radius:50%;display:block;height:4px;width:4px}.typing-bubble i:nth-child(3){animation-delay:.16s}.typing-bubble i:nth-child(4){animation-delay:.32s}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-input-dock{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--dock);border-top:.5px solid rgba(60,60,67,.18);box-shadow:0 -10px 26px rgba(32,36,44,.045);flex-shrink:0;padding:8px 10px 12px;position:relative}.scroll-button{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,255,255,.88);border:.5px solid rgba(60,60,67,.16);border-radius:50%;box-shadow:0 8px 22px rgba(32,36,44,.12);color:var(--accent);display:inline-flex;height:38px;justify-content:center;position:absolute;right:16px;top:-48px;transition:opacity .16s ease,transform .16s ease;width:38px}.scroll-button:hover{opacity:.88}.scroll-button:active{transform:scale(.94)}.error-banner{background:#fff4f1;border:1px solid rgba(233,95,72,.3);border-radius:12px;color:#9c3729;font-size:13px;line-height:1.4;margin-bottom:8px;padding:9px 10px}.chat-input-form{margin:0}.attachment-strip{display:flex;gap:8px;margin-bottom:8px;overflow-x:auto;padding:1px 1px 4px}.attachment-strip::-webkit-scrollbar{height:0}.attachment-card{align-items:center;background:rgba(255,255,255,.72);border:.5px solid rgba(60,60,67,.16);border-radius:14px;display:grid;flex:0 0 min(268px,82vw);grid-gap:8px;gap:8px;grid-template-columns:42px minmax(0,1fr) 24px;min-height:58px;padding:8px}.attachment-card.error,.attachment-card.too_large{border-color:rgba(255,59,48,.34)}.attachment-file-icon,.attachment-preview{border-radius:10px;height:42px;width:42px}.attachment-preview{object-fit:cover}.attachment-file-icon{align-items:center;background:rgba(0,122,255,.1);color:var(--accent);display:flex;font-size:10px;font-weight:700;justify-content:center}.attachment-info{display:flex;flex-direction:column;gap:3px;min-width:0}.attachment-name{font-size:12.5px;font-weight:650}.attachment-error,.attachment-meta,.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-error,.attachment-meta{color:rgba(60,60,67,.62);font-size:11px}.attachment-error{color:var(--warm)}.attachment-button,.attachment-card button{align-items:center;border:0;border-radius:999px;color:rgba(60,60,67,.64);display:inline-flex;justify-content:center;transition:background .14s ease,opacity .14s ease,transform .14s ease}.attachment-card button{background:rgba(60,60,67,.08);height:24px;width:24px}.attachment-button{background:transparent;flex:0 0 auto;height:34px;margin-left:-4px;width:34px}.attachment-button:hover:not(:disabled),.attachment-card button:hover{background:rgba(60,60,67,.12)}.attachment-button:active:not(:disabled),.attachment-card button:active{transform:scale(.94)}.attachment-button:disabled{opacity:.36}.chat-input-capsule{align-items:flex-end;background:rgba(255,255,255,.74);border:.5px solid rgba(60,60,67,.24);border-radius:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);display:flex;gap:6px;min-height:46px;padding:5px 6px 5px 12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.chat-input-capsule>input[type=file]{display:none}.chat-input-capsule:focus-within{background:rgba(255,255,255,.92);border-color:rgba(0,122,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 3px rgba(0,122,255,.08)}.chat-input-field{background:transparent;border:0;flex:1 1;font-size:16px;line-height:1.35;max-height:118px;min-height:24px;outline:0;overflow-y:auto;padding:8px 2px 7px 0;resize:none}.chat-input-field::placeholder{color:rgba(60,60,67,.46)}.send-button{align-items:center;background:var(--accent);border:0;border-radius:50%;color:#ffffff;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;transition:background .16s ease,opacity .16s ease,transform .16s ease;width:34px}.send-button:hover:not(:disabled){background:var(--accent-strong)}.send-button:active:not(:disabled){transform:scale(.94)}.send-button:disabled{opacity:.32}.send-button:disabled:active{transform:none}.settings-backdrop{background:rgba(18,25,22,.22);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:20}.settings-backdrop.visible{opacity:1;pointer-events:auto}.settings-panel{background:rgba(255,255,255,.98);border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(26,45,39,.16);display:flex;flex-direction:column;height:100dvh;max-width:min(420px,100vw);position:fixed;right:0;top:0;transform:translateX(104%);transition:transform .22s ease;width:420px;z-index:30}.settings-panel.open{transform:translateX(0)}.settings-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px}.settings-header h2{font-size:20px;line-height:1.1;margin:0}.settings-header p{color:var(--muted);font-size:12px;margin:5px 0 0}.settings-content{display:flex;flex:1 1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:18px}.settings-section{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding-bottom:18px}.settings-section:last-child{border-bottom:0}.settings-section h3{font-size:13px;letter-spacing:0;line-height:1.1;margin:0}.display-settings-section{gap:14px}.settings-group{background:rgba(247,247,250,.72);border:.5px solid rgba(60,60,67,.12);border-radius:14px;overflow:hidden}.settings-group-trigger{align-items:center;background:transparent;border:0;display:flex;justify-content:space-between;min-height:52px;padding:12px;text-align:left;width:100%}.settings-group-trigger span{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-group-trigger strong{font-size:13px;line-height:1.15}.settings-group-trigger small,.toggle-row small{color:rgba(60,60,67,.54);display:block;font-size:11px;font-weight:400;line-height:1.25;margin-top:3px}.settings-group-trigger svg{color:rgba(60,60,67,.58);flex:0 0 auto;transition:transform .16s ease}.settings-group.open .settings-group-trigger svg{transform:rotate(180deg)}.settings-group-body{border-top:.5px solid rgba(60,60,67,.1);gap:2px;padding:8px 12px 12px}.field,.settings-group-body{display:flex;flex-direction:column}.field{gap:7px}.field span,.toggle-row span{color:var(--muted);font-size:12px;line-height:1.2}.field input,.field select,.field textarea{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;outline:0;padding:10px 11px;width:100%}.field textarea{line-height:1.5;resize:vertical}.field textarea.system-prompt{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.server-secret-note{background:rgba(0,122,255,.07);border:.5px solid rgba(0,122,255,.16);border-radius:12px;color:rgba(17,19,24,.68);font-size:12px;line-height:1.45;margin:0;padding:10px 11px}.mcp-settings-section .field input:disabled{opacity:.62}.mcp-no-tools,.mcp-session-note{color:rgba(60,60,67,.58);font-size:11px;line-height:1.45;margin:-4px 0 0}.mcp-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.mcp-connect-button{align-items:center;background:var(--ink);border:1px solid var(--ink);border-radius:12px;color:#ffffff;display:inline-flex;font-size:12px;font-weight:650;gap:7px;justify-content:center;min-height:40px;padding:0 14px;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.mcp-connect-button.disconnect{background:var(--surface-muted);border-color:var(--line);color:var(--ink)}.mcp-connect-button:hover:not(:disabled){background:rgba(17,19,24,.82)}.mcp-connect-button.disconnect:hover:not(:disabled){background:rgba(60,60,67,.1)}.mcp-connect-button:active:not(:disabled){transform:scale(.97)}.mcp-connect-button:disabled{opacity:.5}.mcp-connect-button:focus-visible{outline:2px solid rgba(0,122,255,.34);outline-offset:2px}.mcp-spinner{animation:mcp-spin .8s linear infinite}@keyframes mcp-spin{to{transform:rotate(1turn)}}.mcp-connection-status{align-items:center;color:var(--muted);display:inline-flex;font-size:11.5px;gap:6px;line-height:1.3;margin:0}.mcp-status-dot{background:#8e8e93;border-radius:50%;flex:0 0 auto;height:7px;width:7px}.mcp-connection-status.connecting{color:var(--accent-strong)}.mcp-connection-status.connecting .mcp-status-dot{animation:mcp-pulse 1.1s ease-in-out infinite;background:var(--accent)}.mcp-connection-status.connected{color:#248a3d}.mcp-connection-status.connected .mcp-status-dot{background:#34c759}.mcp-connection-status.error{color:#b33b30}.mcp-connection-status.error .mcp-status-dot{background:var(--warm)}@keyframes mcp-pulse{50%{opacity:.35}}.mcp-error{background:rgba(255,59,48,.07);border:.5px solid rgba(255,59,48,.2);border-radius:12px;color:#9c3729;font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere;padding:9px 10px}.mcp-tools{background:rgba(247,247,250,.72);border:.5px solid rgba(60,60,67,.12);border-radius:14px;padding:11px}.mcp-tools strong{display:block;font-size:12px;line-height:1.2;margin-bottom:8px}.mcp-tool-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.mcp-tool-chip{background:rgba(0,122,255,.08);border:.5px solid rgba(0,122,255,.16);border-radius:999px;color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10.5px;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.mcp-no-tools{margin:0}@media (prefers-reduced-motion:reduce){.mcp-connection-status.connecting .mcp-status-dot,.mcp-spinner{animation-duration:1.8s}}.image-field{align-items:flex-end;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto}.upload-button{align-items:center;background:var(--ink);border:0;border-radius:12px;color:#ffffff;display:inline-flex;gap:6px;height:41px;justify-content:center;padding:0 12px;position:relative;white-space:nowrap}.upload-button input{inset:0;opacity:0;position:absolute;width:100%}.image-notice{color:var(--warm);font-size:12px;line-height:1.4;margin:-2px 0 0}.compact-section{gap:14px}.compact-section .field input{max-width:120px}.toggle-row{align-items:center;display:flex;justify-content:space-between;gap:16px;min-height:42px;padding:4px 0}.toggle-row input{accent-color:var(--accent);flex:0 0 auto;height:18px;width:18px}.toggle-row.disabled{opacity:.52}@media (max-width:899.98px){.app-shell{padding:0}.chat-workspace{height:100dvh;width:100vw}.conversation-sidebar{border:0;border-radius:0 24px 24px 0;height:100dvh;left:0;max-width:88vw;min-height:0;position:fixed;top:0;transform:translateX(-104%);transition:transform .21s ease,visibility .21s;visibility:hidden;width:min(320px,88vw)}.conversation-sidebar.open{transform:translateX(0);visibility:visible}.conversation-sidebar-header{padding-top:max(14px,env(safe-area-inset-top))}.conversation-drawer-backdrop{background:rgba(18,25,22,.3);border:0;display:block;inset:0;opacity:0;padding:0;pointer-events:none;position:fixed;transition:opacity .18s ease;visibility:hidden;z-index:35}.conversation-drawer-backdrop.visible{opacity:1;pointer-events:auto;visibility:visible}.header-actions{gap:4px}.icon-button{height:32px;width:32px}.phone-frame{border:0;border-radius:0;box-shadow:none;height:100dvh;max-height:100dvh;max-width:100vw;min-height:0;width:100vw}.chat-header{padding-top:max(12px,env(safe-area-inset-top))}.chat-input-dock{padding-bottom:max(12px,calc(8px + env(safe-area-inset-bottom)))}.settings-panel{max-width:100vw;width:100vw}.message-stack{max-width:72%}}@media (min-width:900px){.conversation-menu-button,.conversation-sidebar-close{display:none}.message-stack{max-width:62%}}:root{--kelivo-canvas:#f7f7fa;--kelivo-surface:#ffffff;--kelivo-surface-soft:#f6f5fb;--kelivo-surface-accent:#efedff;--kelivo-ink:#17171c;--kelivo-muted:#74727f;--kelivo-line:rgba(61,56,83,0.13);--kelivo-accent:#6157e6;--kelivo-accent-strong:#493ed1;--kelivo-danger:#b44343;--kelivo-focus:rgba(97,87,230,0.3);--kelivo-radius-card:16px;--kelivo-shadow-card:0 9px 28px rgba(49,43,82,0.055)}.kelivo-tool-card-list{display:grid;grid-gap:8px;gap:8px;margin-top:8px;max-width:100%;width:min(520px,100%)}.kelivo-tool-card{background:linear-gradient(145deg,var(--kelivo-surface) 20%,var(--kelivo-surface-soft));border:1px solid var(--kelivo-line);border-radius:var(--kelivo-radius-card);box-shadow:var(--kelivo-shadow-card);color:var(--kelivo-ink);display:grid;grid-gap:10px;gap:10px;max-width:100%;min-width:0;overflow:hidden;padding:12px}.kelivo-tool-card-header{align-items:center;display:grid;grid-gap:9px;gap:9px;grid-template-columns:36px minmax(0,1fr) auto;min-width:0}.kelivo-tool-icon{align-items:center;background:var(--kelivo-surface-accent);border-radius:11px;color:var(--kelivo-accent-strong);display:inline-flex;height:36px;justify-content:center;width:36px}.kelivo-tool-heading,.kelivo-tool-risk span{display:flex;flex-direction:column;min-width:0}.kelivo-tool-heading strong{font-size:13.5px;line-height:1.25;overflow-wrap:anywhere}.kelivo-tool-heading small,.kelivo-tool-risk small{color:var(--kelivo-muted);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.kelivo-tool-status{align-items:center;color:var(--kelivo-accent-strong);display:inline-flex;font-size:11px;font-weight:650;gap:5px;white-space:nowrap}.kelivo-tool-status-dot{background:var(--kelivo-accent);border-radius:50%;height:7px;width:7px}.kelivo-tool-risk{align-items:flex-start;background:rgba(97,87,230,.055);border-radius:11px;color:var(--kelivo-muted);display:flex;font-size:12px;gap:7px;line-height:1.4;padding:8px 9px}.kelivo-tool-risk>svg{color:var(--kelivo-accent);flex:0 0 auto;margin-top:1px}.kelivo-tool-risk strong{color:var(--kelivo-ink);font-size:11.5px}.kelivo-tool-error,.kelivo-tool-reason,.kelivo-tool-result{color:var(--kelivo-muted);font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}.kelivo-tool-card.status-denied .kelivo-tool-status,.kelivo-tool-card.status-error .kelivo-tool-status,.kelivo-tool-error{color:var(--kelivo-danger)}.kelivo-tool-arguments{border:1px solid var(--kelivo-line);border-radius:11px;min-width:0;overflow:hidden}.kelivo-tool-arguments summary{cursor:pointer;font-size:12px;font-weight:620;min-height:40px;padding:11px 12px}.kelivo-tool-arguments pre{background:rgba(44,40,65,.035);border-top:1px solid var(--kelivo-line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;margin:0;max-height:260px;overflow:auto;overflow-wrap:anywhere;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.kelivo-tool-actions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.kelivo-tool-actions button{background:var(--kelivo-accent);border:1px solid var(--kelivo-accent);border-radius:11px;color:#fff;font-size:12.5px;font-weight:680;min-height:44px;padding:0 14px}.kelivo-tool-actions button.secondary{background:var(--kelivo-surface);border-color:var(--kelivo-line);color:var(--kelivo-ink)}.conversation-list-item:focus-visible,.kelivo-tool-actions button:focus-visible,.kelivo-tool-arguments summary:focus-visible,.send-button:focus-visible{outline:3px solid var(--kelivo-focus);outline-offset:2px}.kelivo-tool-actions button:disabled{opacity:.45}.kelivo-tool-spinner{animation:kelivo-spin .8s linear infinite}.conversation-tool-badge{align-items:center;background:var(--kelivo-surface-accent);border-radius:999px;color:var(--kelivo-accent-strong);display:inline-flex;padding:3px 6px}.conversation-tool-badge.running:before{animation:kelivo-pulse 1.1s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:5px;margin-right:4px;width:5px}.send-button.stop{background:var(--kelivo-ink)}.stop-side-effect-note{color:var(--kelivo-muted);font-size:10.5px;line-height:1.35;margin:6px 10px 0;text-align:center}@keyframes kelivo-spin{to{transform:rotate(1turn)}}@keyframes kelivo-pulse{50%{opacity:.35}}@media (min-width:900px){.app-shell{align-items:stretch;background:var(--kelivo-canvas);padding:12px}.chat-workspace{flex:1 1;gap:12px;max-width:1440px;min-width:0;width:100%}.conversation-sidebar,.phone-frame{height:calc(100dvh - 24px);max-height:none;min-height:0}.conversation-sidebar,.phone-frame{border-radius:18px;box-shadow:0 12px 36px rgba(40,36,58,.06)}.phone-frame{flex:1 1 auto;max-width:none;width:auto}.chat-input-dock,.message-area{padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}.message-stack{max-width:min(72%,720px)}}@media (max-width:480px){.kelivo-tool-card{border-radius:14px;padding:10px}.kelivo-tool-card-header{grid-template-columns:34px minmax(0,1fr)}.kelivo-tool-status{grid-column:2;justify-self:start}.kelivo-tool-actions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.conversation-tool-badge.running:before,.kelivo-tool-spinner{animation:none}.kelivo-tool-actions button,.kelivo-tool-card,.send-button{transition:none}}:root,:root[data-theme=light],[data-theme=light]{color-scheme:light;--seed-primary:#6f5a9b;--seed-secondary:#6f6377;--seed-tertiary:#8a5668;--seed-error:#ba1a1a;--seed-warning:#8a4f00;--seed-success:#386a20;--seed-info:#385ca8;--color-background:#f8f7fb;--color-on-background:#1c1b20;--color-surface:#ffffff;--color-surface-dim:#dedde3;--color-surface-bright:#fffefe;--color-surface-container-lowest:#ffffff;--color-surface-container-low:#f6f4f9;--color-surface-container:#f0eef3;--color-surface-container-high:#eae8ee;--color-surface-container-highest:#e4e2e8;--color-surface-variant:#e8e1ec;--color-surface-tint:var(--seed-primary);--color-on-surface:#1c1b20;--color-on-surface-variant:#49454e;--color-outline:#7a757f;--color-outline-variant:#cbc4cf;--color-primary:var(--seed-primary);--color-on-primary:#ffffff;--color-primary-container:#eee8ff;--color-on-primary-container:#251047;--color-primary-strong:#57417f;--color-secondary:var(--seed-secondary);--color-on-secondary:#ffffff;--color-secondary-container:#f0e7f3;--color-on-secondary-container:#261e2b;--color-tertiary:var(--seed-tertiary);--color-on-tertiary:#ffffff;--color-tertiary-container:#ffd9e3;--color-on-tertiary-container:#3a1421;--color-error:var(--seed-error);--color-on-error:#ffffff;--color-error-container:#ffdad6;--color-on-error-container:#410002;--color-warning:var(--seed-warning);--color-on-warning:#ffffff;--color-warning-container:#ffdcbe;--color-on-warning-container:#2d1600;--color-success:var(--seed-success);--color-on-success:#ffffff;--color-success-container:#b8f397;--color-on-success-container:#0b2000;--color-info:var(--seed-info);--color-on-info:#ffffff;--color-info-container:#d9e2ff;--color-on-info-container:#001a42;--color-inverse-surface:#313035;--color-inverse-on-surface:#f4f0f5;--color-inverse-primary:#d7baff;--color-scrim:#000000;--color-shadow:#000000;--color-backdrop:rgb(26 22 31/38%);--chat-background-overlay:rgb(248 247 251/88%);--font-family-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--font-weight-regular:400;--font-weight-medium:520;--font-weight-semibold:620;--font-weight-bold:720;--type-display-large-size:3.5625rem;--type-display-large-line:4rem;--type-display-medium-size:2.8125rem;--type-display-medium-line:3.25rem;--type-headline-large-size:2rem;--type-headline-large-line:2.5rem;--type-headline-medium-size:1.75rem;--type-headline-medium-line:2.25rem;--type-title-large-size:1.375rem;--type-title-large-line:1.75rem;--type-title-medium-size:1rem;--type-title-medium-line:1.5rem;--type-title-small-size:0.875rem;--type-title-small-line:1.25rem;--type-body-large-size:1rem;--type-body-large-line:1.5rem;--type-body-medium-size:0.875rem;--type-body-medium-line:1.25rem;--type-body-small-size:0.75rem;--type-body-small-line:1rem;--type-label-large-size:0.875rem;--type-label-large-line:1.25rem;--type-label-medium-size:0.75rem;--type-label-medium-line:1rem;--type-label-small-size:0.6875rem;--type-label-small-line:1rem;--tracking-display:-0.015em;--tracking-title:-0.006em;--tracking-body:0;--tracking-label:0.01em;--shape-none:0;--shape-extra-small:4px;--shape-small:8px;--shape-medium:12px;--shape-large:16px;--shape-extra-large:24px;--shape-panel:28px;--shape-full:999px;--size-touch-target:44px;--size-product-rail:64px;--size-content-max:1440px;--elevation-0:none;--elevation-1:0 1px 2px rgb(35 27 42/8%),0 1px 3px rgb(35 27 42/5%);--elevation-2:0 2px 8px rgb(35 27 42/9%),0 1px 3px rgb(35 27 42/5%);--elevation-3:0 8px 24px rgb(35 27 42/10%),0 2px 6px rgb(35 27 42/5%);--elevation-4:0 14px 38px rgb(35 27 42/13%),0 4px 10px rgb(35 27 42/6%);--elevation-5:0 24px 64px rgb(35 27 42/16%),0 7px 16px rgb(35 27 42/7%);--motion-duration-instant:80ms;--motion-duration-short:140ms;--motion-duration-medium:220ms;--motion-duration-long:360ms;--motion-easing-standard:cubic-bezier(0.2,0,0,1);--motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--motion-easing-enter:cubic-bezier(0,0,0.2,1);--motion-easing-exit:cubic-bezier(0.4,0,1,1);--state-hover-opacity:0.08;--state-focus-opacity:0.12;--state-pressed-opacity:0.12;--state-dragged-opacity:0.16;--state-disabled-opacity:0.38;--state-disabled-container-opacity:0.12;--color-disabled-content:rgb(28 27 32/38%);--color-disabled-container:rgb(28 27 32/12%);--focus-ring-color:color-mix(in srgb,var(--color-primary) 68%,#ffffff);--focus-ring-width:3px;--focus-ring-offset:2px;--bg:var(--color-background);--surface:var(--color-surface);--surface-muted:var(--color-surface-container-low);--ink:var(--color-on-surface);--muted:var(--color-on-surface-variant);--line:var(--color-outline-variant);--accent:var(--color-primary);--accent-strong:var(--color-primary-strong);--warm:var(--color-error);--assistant-bubble:var(--color-surface-container-lowest);--dock:color-mix(in srgb,var(--color-surface) 88%,transparent);--shadow:var(--elevation-4);--kelivo-canvas:var(--color-background);--kelivo-bg:var(--color-background);--kelivo-surface:var(--color-surface);--kelivo-surface-low:var(--color-surface-container-low);--kelivo-surface-high:var(--color-surface-container-high);--kelivo-surface-soft:var(--color-surface-container-low);--kelivo-surface-accent:var(--color-primary-container);--kelivo-ink:var(--color-on-surface);--kelivo-muted:var(--color-on-surface-variant);--kelivo-line:var(--color-outline-variant);--kelivo-accent:var(--color-primary);--kelivo-accent-strong:var(--color-primary-strong);--kelivo-accent-soft:var(--color-primary-container);--kelivo-danger:var(--color-error);--kelivo-success:var(--color-success);--kelivo-warning:var(--color-warning);--kelivo-backdrop:var(--color-backdrop);--kelivo-focus:var(--focus-ring-color);--kelivo-radius-card:var(--shape-large);--kelivo-shadow-card:var(--elevation-2);--kelivo-shadow-sm:var(--elevation-1);--kelivo-shadow-md:var(--elevation-3);--kelivo-shadow-lg:var(--elevation-5)}@supports (color:color-mix(in oklch,#000,#fff)){:root,:root[data-theme=light],[data-theme=light]{--color-primary-container:color-mix(in srgb,var(--seed-primary) 14%,#ffffff);--color-primary-strong:color-mix(in srgb,var(--seed-primary) 82%,#241536);--color-secondary-container:color-mix(in srgb,var(--seed-secondary) 13%,#ffffff);--color-tertiary-container:color-mix(in srgb,var(--seed-tertiary) 14%,#ffffff)}}:root[data-resolved-theme=dark],:root[data-theme=dark],[data-resolved-theme=dark],[data-theme=dark]{color-scheme:dark;--color-background:#131216;--color-on-background:#e7e1e9;--color-surface:#1b191e;--color-surface-dim:#131216;--color-surface-bright:#3a383d;--color-surface-container-lowest:#0e0d11;--color-surface-container-low:#201e23;--color-surface-container:#242227;--color-surface-container-high:#2e2c31;--color-surface-container-highest:#39363c;--color-surface-variant:#49454e;--color-on-surface:#e7e1e9;--color-on-surface-variant:#cec5d1;--color-outline:#968f9a;--color-outline-variant:#49434c;--color-primary:#d6b9ff;--color-on-primary:#3d2365;--color-primary-container:#553c7d;--color-on-primary-container:#eadcff;--color-primary-strong:#e8d6ff;--color-secondary:#d4c3db;--color-on-secondary:#392e3f;--color-secondary-container:#504551;--color-on-secondary-container:#f1e5f4;--color-tertiary:#f1b7c8;--color-on-tertiary:#4b2230;--color-tertiary-container:#653747;--color-on-tertiary-container:#ffd9e3;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-warning:#ffb86e;--color-on-warning:#482500;--color-warning-container:#663500;--color-on-warning-container:#ffdcbe;--color-success:#9dd67d;--color-on-success:#173807;--color-success-container:#28520f;--color-on-success-container:#b8f397;--color-info:#b2c5ff;--color-on-info:#062e6f;--color-info-container:#244583;--color-on-info-container:#d9e2ff;--color-inverse-surface:#e7e1e9;--color-inverse-on-surface:#313035;--color-inverse-primary:var(--seed-primary);--color-backdrop:rgb(0 0 0/58%);--chat-background-overlay:rgb(19 18 22/88%);--color-disabled-content:rgb(231 225 233/38%);--color-disabled-container:rgb(231 225 233/12%);--focus-ring-color:color-mix(in srgb,var(--color-primary) 76%,#ffffff);--elevation-1:0 1px 3px rgb(0 0 0/34%);--elevation-2:0 3px 10px rgb(0 0 0/38%);--elevation-3:0 8px 26px rgb(0 0 0/42%);--elevation-4:0 16px 42px rgb(0 0 0/47%);--elevation-5:0 28px 70px rgb(0 0 0/54%)}@supports (color:color-mix(in oklch,#000,#fff)){:root[data-resolved-theme=dark],:root[data-theme=dark],[data-resolved-theme=dark],[data-theme=dark]{--color-primary:color-mix(in srgb,var(--seed-primary) 46%,#efe3ff);--color-primary-container:color-mix(in srgb,var(--seed-primary) 64%,#241a2d)}}:root[data-theme=dark] .conversation-sidebar,:root[data-theme=dark] .phone-frame,:root[data-theme=dark] .settings-panel{background:var(--color-surface);border-color:var(--color-outline-variant)}:root[data-theme=dark] .chat-header,:root[data-theme=dark] .chat-input-dock{background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-color:var(--color-outline-variant)}:root[data-theme=dark] .message-area{background:linear-gradient(180deg,var(--color-surface-container-low) 0,var(--color-background) 100%)}:root[data-theme=dark] .attachment-card,:root[data-theme=dark] .chat-input-capsule,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .mcp-tools,:root[data-theme=dark] .message-bubble,:root[data-theme=dark] .message-tool-button,:root[data-theme=dark] .scroll-button,:root[data-theme=dark] .settings-group,:root[data-theme=dark] .typing-bubble,:root[data-theme=dark] .version-switcher{background:var(--color-surface-container-high);border-color:var(--color-outline-variant);box-shadow:var(--elevation-1);color:var(--color-on-surface)}:root[data-theme=dark] .from-user .message-bubble{background:var(--color-primary-container);border-color:var(--color-outline-variant);color:var(--color-on-primary-container)}:root[data-theme=dark] .conversation-sidebar-close,:root[data-theme=dark] .icon-button.ghost{background:var(--color-surface-container-high);color:var(--color-on-surface)}:root[data-theme=dark] .attachment-button,:root[data-theme=dark] .attachment-card button,:root[data-theme=dark] .attachment-meta,:root[data-theme=dark] .chat-input-field::placeholder,:root[data-theme=dark] .date-divider,:root[data-theme=dark] .message-meta,:root[data-theme=dark] .message-meta time,:root[data-theme=dark] .message-name,:root[data-theme=dark] .message-tools,:root[data-theme=dark] .tool-activity{color:var(--color-on-surface-variant)}:root[data-theme=dark] .conversation-list-item:hover{background:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}:root[data-theme=dark] .conversation-list-item.active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.product-shell{background:var(--color-background);color:var(--color-on-background);display:grid;font-family:var(--font-family-sans);grid-template-columns:var(--size-product-rail) minmax(0,1fr);height:100dvh;max-width:100vw;min-height:0;overflow:hidden;width:100%}.product-rail{align-items:center;background:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);display:flex;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 6px max(8px,env(safe-area-inset-bottom));width:var(--size-product-rail);z-index:12}.product-mark{align-items:center;background:var(--color-primary);border-radius:var(--shape-large);color:var(--color-on-primary);display:inline-flex;flex:0 0 auto;font-size:var(--type-title-small-size);font-weight:var(--font-weight-bold);height:var(--size-touch-target);justify-content:center;width:var(--size-touch-target)}.product-mark.small{border-radius:var(--shape-medium);height:36px;width:36px}.product-navigation-list{flex:1 1;gap:4px;min-height:0;width:100%}.product-navigation-list,.product-rail-footer{align-items:center;display:flex;flex-direction:column}.product-rail-footer{gap:6px}.product-avatar{background:var(--color-secondary-container);border:1px solid var(--color-outline-variant);border-radius:var(--shape-full);color:var(--color-on-secondary-container);flex:0 0 auto;font-size:var(--type-label-large-size);font-weight:var(--font-weight-semibold)}.product-avatar,.product-theme-cycle{align-items:center;display:inline-flex;height:var(--size-touch-target);justify-content:center;width:var(--size-touch-target)}.product-theme-cycle{background:transparent;border:0;border-radius:var(--shape-full);color:var(--color-on-surface-variant);min-width:var(--size-touch-target);padding:0}.product-theme-cycle:hover{background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);color:var(--color-on-surface)}.product-mobile-bar{display:none}.product-rail>:first-child{margin-top:max(0px,env(safe-area-inset-top))}.product-rail .product-nav-item:last-of-type{margin-top:auto}.product-nav-item{align-items:center;background:transparent;border:0;border-radius:var(--shape-large);color:var(--color-on-surface-variant);display:inline-flex;flex:0 0 auto;flex-direction:column;font-size:var(--type-label-small-size);font-weight:var(--font-weight-medium);gap:2px;justify-content:center;line-height:var(--type-label-small-line);min-height:var(--size-touch-target);min-width:var(--size-touch-target);padding:4px;position:relative;text-align:center;text-decoration:none;transition:background-color var(--motion-duration-short) var(--motion-easing-standard),color var(--motion-duration-short) var(--motion-easing-standard),transform var(--motion-duration-instant) var(--motion-easing-standard);width:52px}.product-nav-item:hover:not(:disabled){background:color-mix(in srgb,var(--color-on-surface) 8%,transparent);color:var(--color-on-surface)}.product-nav-item:active:not(:disabled){background:color-mix(in srgb,var(--color-on-surface) 12%,transparent);transform:scale(.96)}.product-nav-item.active,.product-nav-item[aria-current=page]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.product-nav-item:disabled,.product-nav-item[aria-disabled=true]{color:var(--color-disabled-content);cursor:not-allowed}.product-nav-item svg{flex:0 0 auto}.product-mobile-trigger{align-items:center;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--shape-full);box-shadow:var(--elevation-1);color:var(--color-on-surface);display:none;height:var(--size-touch-target);justify-content:center;left:max(12px,env(safe-area-inset-left));min-width:var(--size-touch-target);padding:0;position:fixed;top:max(10px,env(safe-area-inset-top));width:var(--size-touch-target);z-index:32}.product-drawer-backdrop{background:var(--color-backdrop);border:0;display:none;inset:0;opacity:0;padding:0;pointer-events:none;position:fixed;transition:opacity var(--motion-duration-medium) var(--motion-easing-standard);visibility:hidden;z-index:38}.product-drawer{display:none}.product-drawer-footer,.product-drawer-header{align-items:center;display:flex;justify-content:space-between;min-height:var(--size-touch-target)}.product-drawer-footer,.product-drawer-header>div{gap:10px}.product-drawer-header>div{align-items:center;display:flex}.product-drawer-footer{border-top:1px solid var(--color-outline-variant);justify-content:flex-start;margin-top:8px;padding-top:12px}.product-drawer-footer span{color:var(--color-on-surface-variant);font-size:var(--type-body-medium-size);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-surface-stack{display:grid}.product-surface,.product-surface-stack{min-height:0;min-width:0;overflow:hidden}.product-surface{background:var(--color-surface);display:flex;flex-direction:column;max-width:100%;position:relative}.product-surface>*{min-width:0}.product-surface[hidden]{display:none}.product-chat-host,.product-chat-host>.app-shell{flex:1 1;min-height:0;min-width:0}.product-chat-host>.app-shell{height:100%}.product-chat-host .icon-button{height:var(--size-touch-target);min-height:var(--size-touch-target);min-width:var(--size-touch-target);width:var(--size-touch-target)}.surface-placeholder{align-items:center;align-self:center;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--shape-extra-large);color:var(--color-on-surface-variant);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;margin:24px;max-width:min(620px,calc(100% - 48px));min-height:240px;padding:32px;text-align:center;width:100%}.surface-placeholder h1,.surface-placeholder h2{color:var(--color-on-surface);font-size:var(--type-headline-medium-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-title);line-height:var(--type-headline-medium-line);margin:0}.surface-placeholder p{font-size:var(--type-body-medium-size);line-height:var(--type-body-medium-line);margin:0;max-width:48ch}.appearance-page{align-self:center;display:flex;flex:1 1;flex-direction:column;gap:18px;max-width:920px;overflow-y:auto;padding:clamp(24px,5vw,64px);width:100%}.surface-header{align-items:center;display:flex;gap:14px}.surface-header-icon{align-items:center;background:var(--color-primary-container);border-radius:var(--shape-large);color:var(--color-on-primary-container);display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.appearance-card h2,.surface-header h1{color:var(--color-on-surface);margin:0}.surface-header h1{font-size:var(--type-headline-medium-size);line-height:var(--type-headline-medium-line)}.surface-header p{color:var(--color-on-surface-variant);font-size:var(--type-body-medium-size);line-height:var(--type-body-medium-line);margin:2px 0 0}.appearance-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-card,.appearance-preview{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--shape-extra-large);box-shadow:var(--elevation-1);min-width:0;padding:18px}.appearance-card{display:flex;flex-direction:column;gap:12px}.appearance-card-heading{align-items:center;display:flex;justify-content:space-between}.appearance-card-heading h2{font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-line)}.appearance-card small,.appearance-card-heading span{color:var(--color-on-surface-variant);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line)}.appearance-segmented{background:var(--color-surface-container);border-radius:var(--shape-full);display:grid;grid-gap:3px;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px}.appearance-segmented button{background:transparent;border:0;border-radius:var(--shape-full);color:var(--color-on-surface-variant);min-height:var(--size-touch-target);padding:0 10px}.appearance-segmented button.active,.appearance-segmented button[aria-pressed=true]{background:var(--color-surface-container-lowest);box-shadow:var(--elevation-1);color:var(--color-on-surface)}.appearance-field{color:var(--color-on-surface);display:flex;flex-direction:column;font-size:var(--type-body-medium-size);font-weight:var(--font-weight-medium);gap:10px}.appearance-color-control,.appearance-field select{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline);border-radius:var(--shape-medium);color:var(--color-on-surface);min-height:var(--size-touch-target)}.appearance-field select{padding:0 12px}.appearance-color-control{align-items:center;display:flex;gap:12px;padding:5px 10px}.appearance-color-control input{background:transparent;border:0;height:34px;padding:0;width:48px}.appearance-color-control code{color:var(--color-on-surface-variant);font-family:var(--font-family-mono)}.appearance-seed-options{display:flex;flex-wrap:wrap;gap:8px}.appearance-seed-options button{background:var(--seed-option);border:2px solid var(--color-surface-container-lowest);border-radius:var(--shape-full);box-shadow:0 0 0 1px var(--color-outline-variant);height:var(--size-touch-target);min-width:var(--size-touch-target);padding:0;width:var(--size-touch-target)}.appearance-seed-options button[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-surface-container-lowest),0 0 0 4px var(--color-primary)}.appearance-preview{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.appearance-preview>span:not(.appearance-preview-action){color:var(--color-on-surface-variant);font-size:var(--type-label-large-size);font-weight:var(--font-weight-semibold)}.appearance-preview-message{background:var(--color-primary-container);border-radius:var(--shape-large);color:var(--color-on-primary-container);max-width:56ch;padding:12px 14px}.appearance-open-chat-settings,.appearance-preview-action{background:var(--color-primary);border:0;border-radius:var(--shape-full);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);min-height:var(--size-touch-target);padding:0 18px}.appearance-open-chat-settings{align-self:flex-start}.appearance-preview-action{display:inline-flex;align-items:center;justify-content:center}.appearance-panel{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--shape-extra-large);box-shadow:var(--elevation-1);display:flex;flex-direction:column;gap:18px;padding:18px}.appearance-row{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(9rem,1fr) minmax(12rem,1.35fr);min-width:0}.appearance-label,.appearance-row>label{color:var(--color-on-surface);font-size:var(--type-body-medium-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-medium-line)}.appearance-helper{color:var(--color-on-surface-variant);display:block;font-size:var(--type-body-small-size);line-height:var(--type-body-small-line);margin-top:2px}.appearance-segment{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--shape-full);display:grid;grid-gap:2px;gap:2px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;padding:3px}.appearance-segment button,.appearance-segment-button{background:transparent;border:0;border-radius:var(--shape-full);color:var(--color-on-surface-variant);font-size:var(--type-label-large-size);font-weight:var(--font-weight-medium);line-height:var(--type-label-large-line);min-height:var(--size-touch-target);min-width:var(--size-touch-target);padding:0 12px;transition:background-color var(--motion-duration-short) var(--motion-easing-standard),color var(--motion-duration-short) var(--motion-easing-standard),box-shadow var(--motion-duration-short) var(--motion-easing-standard)}.appearance-segment button[aria-pressed=true],.appearance-segment-button.active{background:var(--color-surface-container-lowest);box-shadow:var(--elevation-1);color:var(--color-on-surface)}.appearance-seed-grid{display:flex;flex-wrap:wrap;gap:8px}.appearance-seed-swatch{align-items:center;background:var(--swatch-color,var(--color-primary));border:2px solid var(--color-surface-container-lowest);border-radius:var(--shape-full);box-shadow:0 0 0 1px var(--color-outline-variant);color:var(--color-on-primary);display:inline-flex;height:var(--size-touch-target);justify-content:center;min-width:var(--size-touch-target);padding:0;width:var(--size-touch-target)}.appearance-seed-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-surface-container-lowest),0 0 0 4px var(--color-primary)}.appearance-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline);border-radius:var(--shape-medium);color:var(--color-on-surface);min-height:var(--size-touch-target);padding:0 38px 0 12px;width:100%}.appearance-color-control input:focus-visible,.appearance-field select:focus-visible,.appearance-open-chat-settings:focus-visible,.appearance-preview button:focus-visible,.appearance-seed-options button:focus-visible,.appearance-seed-swatch:focus-visible,.appearance-segment button:focus-visible,.appearance-segment-button:focus-visible,.appearance-segmented button:focus-visible,.appearance-select:focus-visible,.product-drawer-backdrop:focus-visible,.product-mobile-trigger:focus-visible,.product-nav-item:focus-visible,.product-theme-cycle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.appearance-seed-swatch:disabled,.appearance-segment button:disabled,.appearance-segment-button:disabled,.appearance-select:disabled{color:var(--color-disabled-content);cursor:not-allowed;opacity:var(--state-disabled-opacity)}@media (max-width:899.98px){.product-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr)}.product-rail{display:none}.product-mobile-trigger{display:inline-flex}.product-mobile-bar{align-items:center;background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);display:grid;grid-template-columns:var(--size-touch-target) minmax(0,1fr) var(--size-touch-target);min-height:64px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));z-index:20}.product-mobile-bar>strong{font-size:var(--type-title-medium-size);overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.product-drawer .product-mobile-trigger,.product-mobile-bar .product-mobile-trigger{left:auto;position:static;top:auto}.product-mobile-bar .product-theme-cycle{display:inline-flex}.product-drawer-backdrop{display:block}.product-drawer-backdrop.open,.product-drawer-backdrop.visible,.product-drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto;visibility:visible}.product-drawer{background:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);box-shadow:var(--elevation-5);display:flex;flex-direction:column;gap:4px;height:100dvh;inset:0 auto 0 0;max-width:88vw;min-width:0;overflow-x:hidden;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));position:fixed;transform:translateX(-104%);transition:transform var(--motion-duration-medium) var(--motion-easing-emphasized),visibility var(--motion-duration-medium);visibility:hidden;width:min(328px,88vw);z-index:40}.product-drawer.open,.product-drawer[data-open=true]{transform:translateX(0);visibility:visible}.product-drawer .product-nav-item{flex-direction:row;font-size:var(--type-label-large-size);gap:12px;justify-content:flex-start;padding:0 14px;width:100%}.product-drawer .product-nav-item:last-of-type{margin-top:auto}.product-drawer .product-navigation-list{align-items:stretch;flex:1 1;padding-top:12px}.product-surface-stack{height:100%}.product-surface{height:100%;width:100%}.product-chat-host .app-shell,.product-chat-host .chat-workspace,.product-chat-host .phone-frame{height:100%;max-height:100%;min-height:0}.product-chat-host .app-shell{align-items:stretch}.surface-placeholder{margin:72px 16px 16px;max-width:calc(100% - 32px);min-height:220px;padding:24px 18px}.appearance-row{align-items:stretch;grid-template-columns:minmax(0,1fr)}.appearance-page{padding:20px 16px max(20px,env(safe-area-inset-bottom))}.appearance-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:900px) and (max-width:1199.98px){.product-shell{grid-template-columns:var(--size-product-rail) minmax(0,1fr)}.product-surface{border-radius:0}.surface-placeholder{margin:20px;max-width:min(620px,calc(100% - 40px))}}@media (min-width:1200px){.product-shell{grid-template-columns:var(--size-product-rail) minmax(0,1fr)}.product-surface{background:var(--color-surface-container-low);padding:12px 12px 12px 0}.product-surface>.chat-workspace,.product-surface>.product-surface-inner{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--shape-extra-large);box-shadow:var(--elevation-1);flex:1 1;min-height:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){.product-drawer,.product-drawer-backdrop,.product-shell *,.product-shell :after,.product-shell :before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}[data-motion=reduced] .product-shell *,[data-motion=reduced] .product-shell :after,[data-motion=reduced] .product-shell :before,[data-reduced-motion=true] .product-shell *,[data-reduced-motion=true] .product-shell :after,[data-reduced-motion=true] .product-shell :before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.conversation-tree-control{display:contents}.conversation-tree-backdrop,.conversation-tree-layer{inset:0;position:fixed}.conversation-tree-layer{align-items:center;display:grid;justify-items:center;padding:var(--space-4);z-index:70}.conversation-tree-backdrop{background:color-mix(in srgb,var(--color-scrim) 44%,transparent);border:0;cursor:default}.conversation-tree-sheet{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--elevation-4);color:var(--color-on-surface);display:flex;flex-direction:column;max-height:min(720px,calc(100dvh - 32px));max-width:min(680px,calc(100vw - 32px));overflow:hidden;position:relative;width:100%}.conversation-tree-sheet>header{align-items:center;border-bottom:1px solid var(--color-outline-variant);display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-4)}.conversation-tree-close,.conversation-tree-role,.conversation-tree-title-icon{align-items:center;display:inline-flex;justify-content:center}.conversation-tree-title-icon{background:var(--color-secondary-container);border-radius:var(--radius-md);color:var(--color-on-secondary-container);height:40px;width:40px}.conversation-tree-sheet h2,.conversation-tree-sheet p{margin:0}.conversation-tree-sheet h2{font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-line)}.conversation-tree-sheet header p{color:var(--color-on-surface-variant);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line);margin-top:2px}.conversation-tree-close{background:transparent;border:0;border-radius:999px;color:inherit;min-height:44px;min-width:44px}.conversation-tree-list{display:grid;grid-gap:3px;gap:3px;list-style:none;margin:0;overflow:auto;padding:var(--space-4)}.conversation-tree-list li{display:grid;grid-template-columns:calc(var(--tree-depth) * 18px) 1fr;min-width:0}.conversation-tree-line{border-right:1px solid var(--color-outline-variant);margin-right:9px}.conversation-tree-node{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:inherit;display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;min-height:56px;padding:8px 10px;text-align:left;width:100%}.conversation-tree-node:hover{background:var(--color-surface-container)}.conversation-tree-list li.is-path .conversation-tree-node{background:color-mix(in srgb,var(--color-primary-container) 48%,transparent)}.conversation-tree-node[aria-current=true]{border-color:var(--color-primary)}.conversation-tree-role{background:var(--color-surface-container-high);border-radius:999px;color:var(--color-on-surface-variant);height:32px;width:32px}.conversation-tree-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.conversation-tree-copy strong{font-size:var(--type-body-medium-size);font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-tree-node-meta{align-items:center;color:var(--color-on-surface-variant);display:flex;flex-wrap:wrap;font-size:var(--type-label-small-size);gap:5px}.conversation-tree-branch-count,.conversation-tree-node-meta em{background:var(--color-secondary-container);border-radius:999px;color:var(--color-on-secondary-container);font-style:normal;padding:2px 6px}.conversation-tree-list li.is-hidden-root .conversation-tree-node-meta em:last-child{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.conversation-tree-empty{color:var(--color-on-surface-variant);padding:var(--space-6);text-align:center}.conversation-tree-close:focus-visible,.conversation-tree-node:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (max-width:899.98px){.conversation-tree-layer{align-items:end;padding:0}.conversation-tree-sheet{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:min(82dvh,720px);max-width:none}}@media (prefers-reduced-motion:reduce){.conversation-tree-sheet{scroll-behavior:auto}}.model-selector{min-width:0}.model-selector__trigger{align-items:center;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--shape-full);color:var(--color-on-surface);display:inline-flex;gap:10px;min-height:var(--size-touch-target);max-width:min(320px,64vw);padding:5px 12px 5px 16px}.model-selector__trigger:hover{background:var(--color-surface-container)}.model-selector__trigger-copy{display:grid;min-width:0;text-align:left}.model-selector__trigger-copy small,.model-selector__trigger-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector__trigger-copy strong{font-size:var(--type-label-large-size);line-height:var(--type-label-large-line)}.model-selector__trigger-copy small{color:var(--color-on-surface-variant);font-size:var(--type-label-small-size);line-height:var(--type-label-small-line)}.model-selector__layer{inset:0;position:fixed;z-index:70}.model-selector__backdrop{background:var(--color-backdrop);border:0;inset:0;position:absolute;width:100%}.model-selector__sheet{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--shape-extra-large);box-shadow:var(--elevation-5);display:flex;flex-direction:column;inset:50% auto auto 50%;max-height:min(760px,calc(100dvh - 48px));max-width:calc(100vw - 48px);overflow:hidden;position:absolute;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 48px))}.model-selector__header{align-items:center;display:flex;justify-content:space-between;padding:18px 20px 10px}.model-selector__header h2{font-size:var(--type-title-large-size);line-height:var(--type-title-large-line);margin:0}.model-selector__favorite,.model-selector__icon-button{align-items:center;background:transparent;border:0;border-radius:var(--shape-full);color:var(--color-on-surface-variant);display:inline-flex;justify-content:center;min-height:var(--size-touch-target);min-width:var(--size-touch-target)}.model-selector__favorite:hover,.model-selector__icon-button:hover{background:var(--color-surface-container-high)}.model-selector__search{align-items:center;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--shape-full);color:var(--color-on-surface-variant);display:flex;gap:10px;margin:0 20px 14px;min-height:var(--size-touch-target);padding:0 14px}.model-selector__search:focus-within{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.model-selector__search input{background:transparent;border:0;color:var(--color-on-surface);flex:1 1;font:inherit;min-width:0;outline:0}.model-selector__filters{display:grid;grid-gap:10px;gap:10px;padding:0 20px 10px}.model-selector__filters fieldset{border:0;margin:0;min-width:0;padding:0}.model-selector__filters legend,.model-selector__result-count{color:var(--color-on-surface-variant);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line)}.model-selector__filters legend{margin-bottom:6px}.model-selector__chips{display:flex;flex-wrap:wrap;gap:7px}.model-selector__chip{align-items:center;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--shape-small);color:var(--color-on-surface-variant);display:inline-flex;font-size:var(--type-label-medium-size);gap:5px;min-height:36px;padding:6px 11px}.model-selector__chip[aria-pressed=true]{background:var(--color-secondary-container);border-color:transparent;color:var(--color-on-secondary-container)}.model-selector__result-count{margin:0;padding:0 20px 8px}.model-selector__models{display:grid;grid-gap:8px;gap:8px;min-height:120px;overflow-y:auto;padding:0 14px 16px;scrollbar-gutter:stable}.model-selector__model{align-items:stretch;border:1px solid var(--color-outline-variant);border-radius:var(--shape-large);display:grid;grid-template-columns:var(--size-touch-target) minmax(0,1fr);overflow:hidden}.model-selector__model.is-selected{background:var(--color-primary-container);border-color:var(--color-primary)}.model-selector__model-main{background:transparent;border:0;color:var(--color-on-surface);display:grid;grid-gap:7px;gap:7px;min-height:72px;min-width:0;padding:12px 14px 12px 4px;text-align:left}.model-selector__model-main:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.model-selector__model-main:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.model-selector__model-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 10px}.model-selector__model-heading strong{font-size:var(--type-title-small-size)}.model-selector__description,.model-selector__model-heading small{color:var(--color-on-surface-variant);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line)}.model-selector__description{overflow-wrap:anywhere}.model-selector__badges{display:flex;flex-wrap:wrap;gap:5px}.model-selector__badges>span{background:var(--color-surface-container-high);border-radius:var(--shape-full);color:var(--color-on-surface-variant);font-size:var(--type-label-small-size);line-height:var(--type-label-small-line);padding:2px 7px}.model-selector__empty{color:var(--color-on-surface-variant);margin:auto;padding:32px;text-align:center}@media (max-width:899.98px){.model-selector__sheet{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:0;border-right:0;border-bottom:0;inset:auto 0 0;max-height:min(82dvh,720px);max-width:none;transform:none;width:100%}.model-selector__filters,.model-selector__header{padding-left:16px;padding-right:16px}.model-selector__search{margin-left:16px;margin-right:16px}.model-selector__result-count{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.model-selector__sheet{scroll-behavior:auto}}