@amd-gaia/agent-ui 0.25.0-rc.8 → 0.25.0

package/dist/assets/ScheduleManager-HHdD6sko.js

@@ -0,0 +1,2 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{a as t,o as n,r,t as i}from"./jsx-runtime-DVeaULmT.js";import{t as a}from"./message-square-Ccmbk96j.js";import{At as o,Ct as s,Ft as c,Gt as l,Lt as u,Pt as d,Vt as f,Z as p,bt as m,et as h,lt as g,nn as _}from"./index-DEPbenxC.js";var v={name:`pause`,size:24,node:[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]};v.node;var y=t(v),b={name:`play`,size:24,node:[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]};b.node;var x=t(b),S=e(n(),1);function C(e,t){if(!(e instanceof Error))return t;let n=e.message,r=n.match(/API \d+: (.+)/);if(r)try{let e=JSON.parse(r[1]);if(e.detail)return e.detail}catch{}return n}var w=c((e,t)=>({schedules:[],loading:!1,error:null,selectedSchedule:null,results:[],resultsLoading:!1,loadSchedules:async()=>{t().schedules.length===0&&!t().error&&e({loading:!0}),e({error:null});try{e({schedules:(await m()).schedules||[],loading:!1})}catch(t){r.api.error(`Failed to load schedules`,t),e({error:`Failed to load schedules`,loading:!1})}},createSchedule:async(t,n,i)=>{try{let r=await p(t,n,i);e(e=>({schedules:[...e.schedules,r],error:null}))}catch(t){let n=C(t,`Failed to create schedule`);throw r.api.error(`Failed to create schedule`,t),e({error:n}),t}},updateScheduleStatus:async(t,n)=>{try{let r=await o(t,n);e(e=>({schedules:e.schedules.map(e=>e.name===t?r:e),error:null}))}catch(n){r.api.error(`Failed to update schedule "${t}"`,n),e({error:C(n,`Failed to update schedule`)})}},deleteSchedule:async t=>{try{await h(t),e(e=>({schedules:e.schedules.filter(e=>e.name!==t),selectedSchedule:e.selectedSchedule===t?null:e.selectedSchedule,error:null}))}catch(n){r.api.error(`Failed to delete schedule "${t}"`,n),e({error:C(n,`Failed to delete schedule`)})}},selectSchedule:n=>{e({selectedSchedule:n,results:[]}),n&&t().loadResults(n)},loadResults:async t=>{e({resultsLoading:!0});try{e({results:(await g(t)).results||[],resultsLoading:!1})}catch(n){r.api.error(`Failed to load results for "${t}"`,n),e({results:[],resultsLoading:!1})}}})),T=i();function E(e){return e<60?`${e}s`:e<3600?`${Math.round(e/60)}m`:e<86400?`${Math.round(e/3600)}h`:`${Math.round(e/86400)}d`}function D(e,t){if(!e)return`never`;let n=new Date(e),r=(t||new Date).getTime()-n.getTime(),i=Math.floor(r/1e3);if(i<0){let e=Math.abs(i);if(e<60)return`in ${e}s`;let t=Math.floor(e/60);if(t<60)return`in ${t}m`;let n=Math.floor(t/60);return n<24?`in ${n}h`:`in ${Math.floor(n/24)}d`}if(i<60)return`just now`;let a=Math.floor(i/60);if(a<60)return`${a}m ago`;let o=Math.floor(a/60);return o<24?`${o}h ago`:n.toLocaleDateString(void 0,{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`})}function O(e,t){if(!e)return`never`;let n=D(e,t),r=new Date(e);return r.getTime()<=(t||new Date).getTime()?n:`${r.toLocaleString(void 0,{weekday:`short`,hour:`numeric`,minute:`2-digit`})} (${n})`}function k(e){if(!e)return!1;let t=new Date(e).getTime()-Date.now();return t>0&&t<6e4}function A(e){let[t,n]=e.split(`:`).map(Number),r=t>=12?`PM`:`AM`;return`${t===0?12:t>12?t-12:t}:${n.toString().padStart(2,`0`)} ${r}`}function j(e){let t=e>=12?`PM`:`AM`;return`${e===0?12:e>12?e-12:e} ${t}`}function M(e){let t=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`];return e.length===5&&!e.includes(5)&&!e.includes(6)?`Weekdays`:e.length===2&&e.includes(5)&&e.includes(6)?`Weekends`:e.length===7?`Every day`:e.map(e=>t[e]).join(`, `)}function N({schedule:e}){let{selectedSchedule:t,selectSchedule:n,updateScheduleStatus:i,deleteSchedule:o,results:s,resultsLoading:c,loadSchedules:l,loadResults:u}=w(),{setCurrentSession:p,setShowSchedules:m}=d(),h=t===e.name,[g,v]=(0,S.useState)(!1),[b,C]=(0,S.useState)(()=>new Date),A=(0,S.useRef)(null);(0,S.useEffect)(()=>{let t=e.status===`active`&&k(e.next_run_at);return t&&!A.current?A.current=setInterval(()=>{C(new Date),e.next_run_at&&new Date(e.next_run_at).getTime()<=Date.now()&&l()},1e3):!t&&A.current&&(clearInterval(A.current),A.current=null),()=>{A.current&&=(clearInterval(A.current),null)}},[e.status,e.next_run_at,l]);let j=(0,S.useRef)(e.last_run_at);(0,S.useEffect)(()=>{h&&e.last_run_at!==j.current&&(j.current=e.last_run_at,u(e.name))},[h,e.last_run_at,e.name,u]);let M=e.last_run_at&&Date.now()-new Date(e.last_run_at).getTime()<5e3,N=(0,S.useCallback)(t=>{t.stopPropagation();let n=e.status===`active`?`paused`:`active`;r.ui.info(`Schedule "${e.name}": ${e.status} -> ${n}`),i(e.name,n)},[e.name,e.status,i]),P=(0,S.useCallback)(t=>{if(t.stopPropagation(),!g){v(!0),setTimeout(()=>v(!1),3e3);return}r.ui.info(`Deleting schedule "${e.name}"`),o(e.name)},[e.name,g,o]),F=(0,S.useCallback)(t=>{t.stopPropagation(),e.session_id&&(r.ui.info(`Opening chat session for schedule "${e.name}"`),p(e.session_id),m(!1))},[e.session_id,e.name,p,m]);return(0,T.jsxs)(`div`,{className:`schedule-card ${h?`selected`:``} ${M?`just-ran`:``}`,onClick:()=>n(h?null:e.name),children:[(0,T.jsxs)(`div`,{className:`schedule-card-header`,children:[(0,T.jsx)(`span`,{className:`schedule-card-name`,children:e.name}),(0,T.jsx)(`span`,{className:`schedule-card-status ${e.status}`,children:e.status})]}),(0,T.jsx)(`div`,{className:`schedule-card-prompt`,children:e.prompt}),(0,T.jsxs)(`div`,{className:`schedule-card-meta`,children:[(0,T.jsxs)(`span`,{children:[(0,T.jsx)(_,{size:11}),` `,E(e.interval_seconds)]}),(0,T.jsxs)(`span`,{children:[`Runs: `,e.run_count]}),e.error_count>0&&(0,T.jsxs)(`span`,{children:[`Errors: `,e.error_count]}),(0,T.jsxs)(`span`,{children:[`Last: `,D(e.last_run_at)]}),(0,T.jsxs)(`span`,{children:[`Next: `,O(e.next_run_at,b)]})]}),(0,T.jsxs)(`div`,{className:`schedule-card-actions`,children:[e.session_id&&(0,T.jsxs)(`button`,{className:`btn-sm chat`,onClick:F,title:`Open chat session`,children:[(0,T.jsx)(a,{size:11}),` Open Chat`]}),(0,T.jsx)(`button`,{className:`btn-sm`,onClick:N,title:e.status===`active`?`Pause`:`Resume`,children:e.status===`active`?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(y,{size:11}),` Pause`]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(x,{size:11}),` Resume`]})}),(0,T.jsxs)(`button`,{className:`btn-sm danger`,onClick:P,title:`Delete`,children:[(0,T.jsx)(f,{size:11}),` `,g?`Confirm?`:`Delete`]})]}),h&&(0,T.jsxs)(`div`,{className:`schedule-results`,children:[(0,T.jsx)(`h4`,{children:`Execution History`}),c?(0,T.jsx)(`p`,{className:`schedule-results-empty`,children:`Loading...`}):s.length===0?(0,T.jsx)(`p`,{className:`schedule-results-empty`,children:`No executions yet`}):(0,T.jsx)(`div`,{className:`schedule-results-list`,children:s.map(e=>(0,T.jsxs)(`div`,{className:`schedule-result-item`,children:[(0,T.jsx)(`div`,{className:`schedule-result-time`,children:D(e.executed_at)}),e.error?(0,T.jsx)(`div`,{className:`schedule-result-content schedule-result-error`,children:e.error}):(0,T.jsx)(`div`,{className:`schedule-result-content`,children:e.result||`(no output)`})]},e.id))})]})]})}function P(){let{setShowSchedules:e}=d(),{schedules:t,loading:n,error:i,loadSchedules:a,createSchedule:o}=w(),[c,f]=(0,S.useState)(!1),[p,m]=(0,S.useState)(``),[h,g]=(0,S.useState)(``),[v,y]=(0,S.useState)(``),[b,x]=(0,S.useState)(null),[C,E]=(0,S.useState)(!1),[D,O]=(0,S.useState)(!1),[k,P]=(0,S.useState)(null),F=(0,S.useRef)(null);(0,S.useEffect)(()=>{if(!p.trim()){x(null);return}return F.current&&clearTimeout(F.current),F.current=window.setTimeout(async()=>{E(!0);try{let e=await s(p);x(e)}catch{x(null)}finally{E(!1)}},400),()=>{F.current&&clearTimeout(F.current)}},[p]);let I=(0,S.useRef)(null);(0,S.useEffect)(()=>(r.ui.info(`Schedule Manager opened`),a(),I.current=window.setInterval(()=>a(),5e3),()=>{I.current&&clearInterval(I.current)}),[a]);let L=p.trim()&&h.trim()&&v.trim()&&(b===null||b.valid),R=(0,S.useCallback)(async()=>{if(L){O(!0),P(null);try{await o(h.trim(),p.trim(),v.trim()),m(``),g(``),y(``),x(null),f(!1),r.ui.info(`Schedule "${h}" created`)}catch(e){let t=e instanceof Error?e.message:`Failed to create schedule`;P(t)}finally{O(!1)}}},[L,h,p,v,o]);return(0,T.jsx)(`div`,{className:`modal-overlay`,onClick:()=>e(!1),role:`dialog`,"aria-modal":`true`,"aria-label":`Schedule Manager`,children:(0,T.jsxs)(`div`,{className:`modal-panel schedule-modal`,onClick:e=>e.stopPropagation(),children:[(0,T.jsxs)(`div`,{className:`modal-header`,children:[(0,T.jsx)(`h3`,{children:`Scheduled Tasks`}),(0,T.jsx)(`button`,{className:`btn-icon`,onClick:()=>e(!1),"aria-label":`Close schedule manager`,children:(0,T.jsx)(u,{size:18})})]}),(0,T.jsxs)(`div`,{className:`modal-body`,children:[(0,T.jsx)(`section`,{className:`schedule-section`,children:c?(0,T.jsxs)(`div`,{className:`schedule-create-form`,children:[(0,T.jsx)(`textarea`,{className:`schedule-nl-input`,placeholder:`Describe your schedule in natural language...
+Examples: "every 30m", "daily at 9pm", "every hour from 8am to 6pm on weekdays"`,value:p,onChange:e=>m(e.target.value),autoFocus:!0,rows:2}),(b||C)&&(0,T.jsx)(`div`,{className:`schedule-parsed-preview ${b?.valid?`valid`:`invalid`}`,children:C?(0,T.jsx)(`span`,{className:`schedule-parsed-loading`,children:`Parsing...`}):b?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(`div`,{className:`schedule-parsed-description`,children:b.valid?b.description:`Could not parse schedule`}),b.valid&&b.next_run_at&&(0,T.jsxs)(`div`,{className:`schedule-parsed-next`,children:[`Next run: `,new Date(b.next_run_at).toLocaleString()]}),b.valid&&(0,T.jsxs)(`div`,{className:`schedule-parsed-details`,children:[b.time_of_day&&(0,T.jsxs)(`span`,{className:`schedule-parsed-tag`,children:[(0,T.jsx)(_,{size:10}),` `,A(b.time_of_day)]}),b.start_hour!=null&&b.end_hour!=null&&(0,T.jsxs)(`span`,{className:`schedule-parsed-tag`,children:[(0,T.jsx)(_,{size:10}),` `,j(b.start_hour),` - `,j(b.end_hour)]}),b.days_of_week&&(0,T.jsx)(`span`,{className:`schedule-parsed-tag`,children:M(b.days_of_week)})]})]}):null}),(0,T.jsx)(`div`,{className:`schedule-form-row`,children:(0,T.jsx)(`input`,{type:`text`,placeholder:`Schedule name (e.g. daily-summary)`,value:h,onChange:e=>g(e.target.value),className:!h.trim()&&p.trim()?`schedule-field-missing`:``})}),(0,T.jsx)(`textarea`,{className:`schedule-prompt-input ${!v.trim()&&p.trim()?`schedule-field-missing`:``}`,placeholder:`Prompt to execute on each run...`,value:v,onChange:e=>y(e.target.value)}),k&&(0,T.jsx)(`p`,{className:`schedule-form-error`,children:k}),(0,T.jsxs)(`div`,{className:`schedule-create-actions`,children:[(0,T.jsx)(`button`,{className:`btn-secondary`,onClick:()=>{f(!1),P(null),x(null),m(``),g(``),y(``)},children:`Cancel`}),(0,T.jsx)(`button`,{className:`btn-primary`,onClick:R,disabled:!L||D,children:D?`Creating...`:`Create Schedule`})]})]}):(0,T.jsxs)(`button`,{className:`btn-primary`,onClick:()=>f(!0),children:[(0,T.jsx)(l,{size:14}),` New Schedule`]})}),(0,T.jsxs)(`section`,{className:`schedule-section`,children:[(0,T.jsx)(`h4`,{children:`Active Schedules`}),n?(0,T.jsx)(`p`,{className:`schedule-empty`,children:`Loading schedules...`}):i?(0,T.jsx)(`p`,{className:`schedule-empty`,children:i}):t.length===0?(0,T.jsx)(`p`,{className:`schedule-empty`,children:`No scheduled tasks yet. Create one to get started.`}):(0,T.jsx)(`div`,{className:`schedule-list`,children:t.map(e=>(0,T.jsx)(N,{schedule:e},e.id))})]})]})]})})}export{P as ScheduleManager};

package/dist/assets/index-CFVpPQal.css

@@ -0,0 +1 @@
+.sb{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);height:100%;transition:width var(--duration) var(--ease), min-width var(--duration) var(--ease), transform var(--duration) var(--ease);-webkit-user-select:none;user-select:none;z-index:30;flex-direction:column;display:flex}.sb.is-collapsed{width:56px;min-width:56px}.sb-top{justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 8px 14px;display:flex}.sb.is-collapsed .sb-top{justify-content:center;padding-left:10px}.sb-brand{color:var(--text-primary);letter-spacing:.02em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sb-brand img{border-radius:var(--radius-sm)}.sb-icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.sb-icon-btn:hover,.sb-icon-btn.is-active{background:var(--bg-hover);color:var(--text-primary)}.sb-badge{border-radius:var(--radius-full);background:var(--accent-fill);min-width:15px;height:15px;color:var(--accent-fill-text);text-align:center;padding:0 3px;font-size:9.5px;font-weight:600;line-height:15px;position:absolute;top:2px;right:1px}.sb-actions{flex-direction:column;gap:1px;padding:4px 8px 8px;display:flex}.sb-nav-item{border-radius:var(--radius-md);width:100%;min-height:34px;color:var(--text-primary);text-align:left;align-items:center;gap:10px;padding:6px 8px;font-size:13.5px;display:flex}.sb.is-collapsed .sb-nav-item{justify-content:center}.sb-nav-item svg{color:var(--text-secondary);flex-shrink:0}.sb-nav-item:hover,.sb-nav-item.is-active{background:var(--bg-hover)}.sb-search{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);min-height:34px;color:var(--text-muted);align-items:center;gap:8px;margin:2px 0 4px;padding:0 8px;display:flex}.sb-search:focus-within{border-color:var(--accent-light)}.sb-search input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sb-search input:focus-visible{outline:none}.sb-list{flex:1;padding:0 8px 8px;overflow-y:auto}.sb-group+.sb-group{margin-top:10px}.sb-group-label{color:var(--text-muted);padding:6px 8px 4px;font-size:11.5px;font-weight:600}.sb-group ul{list-style:none}.sb-row{border-radius:var(--radius-md);align-items:center;display:flex;position:relative}.sb-row:hover,.sb-row:focus-within,.sb-row.is-active{background:var(--bg-hover)}.sb-row.is-active{background:var(--bg-active)}.sb-row-main{min-width:0;min-height:32px;color:var(--text-primary);text-align:left;flex:1;align-items:center;gap:6px;padding:5px 8px;font-size:13.5px;display:flex}.sb-row-icon{color:var(--text-muted);flex-shrink:0}.sb-row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-row-delete{border-radius:var(--radius-sm);min-width:26px;height:26px;color:var(--text-muted);opacity:0;justify-content:center;align-items:center;margin-right:3px;padding:0 4px;display:inline-flex}.sb-row:hover .sb-row-delete,.sb-row:focus-within .sb-row-delete,.sb-row-delete.is-confirm{opacity:1}.sb-row-delete:hover,.sb-row-delete.is-confirm{color:var(--danger)}.sb-row-delete-label{font-size:11.5px;font-weight:600}.sb-empty,.sb-error{color:var(--text-muted);padding:8px;font-size:13px}.sb-error{color:var(--danger)}.sb-bottom{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:4px;padding:8px;display:flex}.sb.is-collapsed .sb-bottom{flex-direction:column}.sb-location{border-radius:var(--radius-md);min-width:0;min-height:32px;color:var(--text-secondary);text-align:left;flex:1;align-items:center;gap:6px;padding:4px 6px;font-size:12px;display:flex}.sb-location:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-location-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-bottom-actions{align-items:center;gap:2px;display:flex}.sb.is-collapsed .sb-bottom-actions{flex-direction:column}@media (width<=768px){.sb{z-index:60;width:min(300px,85vw);min-width:0;box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sb.is-open{transform:translate(0)}.sb-row-delete{opacity:1}}.agent-activity{width:100%;margin-bottom:6px}.agent-summary-bar{border-radius:var(--radius-xs);width:auto;max-width:100%;font-size:12.5px;font-family:var(--font-sans);color:var(--text-secondary);opacity:.85;transition:opacity var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:6px;padding:2px 8px 2px 4px;display:inline-flex}.agent-summary-bar:hover,.agent-summary-bar:focus-visible{opacity:1;background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.agent-activity.active .agent-summary-bar,.agent-activity.has-errors .agent-summary-bar,.agent-activity.has-policy-alerts .agent-summary-bar{opacity:1}.agent-activity:has(.flow-expanded) .agent-summary-bar{opacity:1;background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.agent-summary-left{align-items:center;gap:6px;display:flex}.agent-summary-right{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease);align-items:center;display:flex}.agent-summary-text{font-weight:500}.agent-icon-done{color:var(--text-muted)}.agent-icon-error{color:var(--danger)}.agent-activity.has-policy-alerts .agent-icon-done{color:var(--accent-yellow)}.agent-flow-wrap{transition:grid-template-rows .35s var(--ease), opacity .3s var(--ease), margin-top .35s var(--ease);opacity:1;grid-template-rows:1fr;margin-top:6px;display:grid}.agent-flow-wrap.flow-collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr;margin-top:0}.agent-flow-wrap>.agent-flow{min-height:0;overflow:hidden}.agent-flow{border-radius:var(--radius-xs);background:var(--bg-secondary);border:1px solid var(--border);animation:flowSlideDown .3s var(--ease);flex-direction:column;gap:6px;padding:8px 12px;display:flex}@keyframes flowSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.flow-thought{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);animation:thoughtSlideIn .25s var(--ease);align-items:flex-start;gap:6px;padding:3px 0;line-height:1.5;display:flex}@keyframes thoughtSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flow-thought.active{color:var(--text-secondary)}.flow-thought-text{word-break:break-word;font-style:italic}.flow-thought-hacker{max-height:200px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);word-break:break-word;white-space:pre-wrap;border-radius:var(--radius-xs);background:var(--bg-recessed);border:1px solid var(--border-recessed);padding:6px 8px;line-height:1.6;overflow-y:auto}.flow-thought-hacker::-webkit-scrollbar{width:4px}.flow-thought-hacker::-webkit-scrollbar-track{background:0 0}.flow-thought-hacker::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:0}.flow-thought-cursor{background:var(--accent);vertical-align:text-bottom;width:.55em;height:1.1em;margin-left:1px;animation:.6s steps(2,start) infinite cursorBlink;display:inline-block}.flow-tool{border-radius:var(--radius-xs);background:var(--bg-tertiary);border:1px solid var(--border);transition:border-color var(--duration-fast) var(--ease);animation:toolSlideIn .25s var(--ease) both}@keyframes toolSlideIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.flow-tool:first-child{animation-delay:0s}.flow-tool:nth-child(2){animation-delay:80ms}.flow-tool:nth-child(3){animation-delay:.16s}.flow-tool:nth-child(4){animation-delay:.24s}.flow-tool:nth-child(5){animation-delay:.32s}.flow-tool.active{border-color:color-mix(in srgb, var(--accent) 25%, transparent)}.flow-tool.error{border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.flow-tool-header{width:100%;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease);cursor:pointer;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.flow-tool-header:hover{background:var(--bg-hover)}.flow-tool-left{align-items:center;gap:7px;min-width:0;display:flex}.flow-tool-left>svg{transition:transform .2s var(--ease), color .2s var(--ease);flex-shrink:0}.flow-tool-left>svg:not(.flow-tool-spinner){animation:toolStatusPop .25s var(--ease)}@keyframes toolStatusPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.flow-tool-right{flex-shrink:0;align-items:center;display:flex}.flow-tool-spinner{color:var(--accent);flex-shrink:0;animation:1s linear infinite spin}.flow-tool-icon{color:var(--text-muted);flex-shrink:0}.flow-tool-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-mono);overflow:hidden}.flow-tool-badge{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-muted);white-space:nowrap;border:1px solid var(--border-light);letter-spacing:.3px;text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:9px;font-weight:600}.activity-filter-bar{border-bottom:1px solid var(--border-light);gap:6px;padding:6px 10px;display:flex}.activity-filter-input{font-family:var(--font-mono);border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);border-radius:3px;outline:none;flex:1;padding:3px 8px;font-size:10px}.activity-filter-input:focus{border-color:var(--accent)}.activity-filter-select{font-family:var(--font-mono);border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:3px;outline:none;padding:3px 6px;font-size:10px}.activity-filter-select:focus-visible{border-color:var(--accent)}.flow-tool-mcp-server{font-family:var(--font-mono);background:color-mix(in srgb, var(--accent-purple) 10%, transparent);color:var(--accent-purple);white-space:nowrap;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:500}.flow-tool-latency{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;margin-right:4px;font-size:9px}.flow-tool-chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease);align-items:center;display:flex}.flow-tool-chevron.expanded{transform:rotate(90deg)}.flow-tool-detail{animation:detailExpand .25s var(--ease);border-top:1px solid var(--border-light);flex-direction:column;gap:6px;padding:0 10px 8px;display:flex;overflow:hidden}@keyframes detailExpand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px}}.flow-plan{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--accent-yellow) 4%, transparent);border:1px solid color-mix(in srgb, var(--accent-yellow) 12%, transparent);animation:fadeIn .1s var(--ease);padding:6px 8px}[data-theme=dark] .flow-plan{background:color-mix(in srgb, var(--accent-yellow) 6%, transparent);border-color:color-mix(in srgb, var(--accent-yellow) 15%, transparent)}.flow-plan-header{font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--accent-yellow);align-items:center;gap:5px;margin-bottom:4px;display:flex}.flow-plan-toggle{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-bottom:0;padding:0}.flow-plan-toggle:hover{opacity:.8}.flow-plan-count{opacity:.7;margin-left:1px;font-size:9px}.flow-plan-list{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);margin:4px 0 0 16px;padding:0}.flow-plan-item{margin-bottom:2px;line-height:1.4}.flow-error{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--danger) 4%, transparent);border:1px solid color-mix(in srgb, var(--danger) 15%, transparent);font-size:11px;font-family:var(--font-mono);color:var(--danger);animation:errorSlideIn .3s var(--ease);align-items:flex-start;gap:6px;padding:6px 8px;display:flex}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .flow-error{background:color-mix(in srgb, var(--danger) 6%, transparent)}.flow-policy-alert{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--accent-yellow) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent-yellow) 22%, transparent);font-family:var(--font-mono);animation:errorSlideIn .3s var(--ease);padding:8px 10px}[data-theme=dark] .flow-policy-alert{background:color-mix(in srgb, var(--accent-yellow) 8%, transparent);border-color:color-mix(in srgb, var(--accent-yellow) 28%, transparent)}.flow-policy-alert-header{color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.flow-policy-alert-title{color:var(--text-primary)}.flow-policy-alert-decision{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--accent-yellow) 14%, transparent);color:var(--accent-yellow);margin-left:auto;padding:1px 6px}.flow-policy-alert-body{color:var(--text-secondary);flex-direction:column;gap:5px;margin-top:7px;font-size:11px;display:flex}.flow-policy-alert-line{align-items:baseline;gap:8px;display:flex}.flow-policy-alert-line span{min-width:48px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.flow-policy-alert-line code{color:var(--text-primary);word-break:break-word}.flow-policy-alert-line em{color:var(--accent-yellow);font-style:normal}.flow-policy-alert-reason{color:var(--text-primary);word-break:break-word;line-height:1.5}.detail-section-label{font-size:9px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-top:6px;margin-bottom:4px;display:block}.step-detail-args{border-radius:var(--radius-xs);background:var(--bg-secondary);border:1px solid var(--border-light);padding:8px 10px 10px}.detail-args-content{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);line-height:1.6}.args-grid{flex-direction:column;gap:3px;display:flex}.arg-row{align-items:baseline;gap:8px;display:flex}.arg-key{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:60px;font-size:11px;font-weight:600}.arg-key:after{content:":"}.arg-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-word;font-size:11px;line-height:1.6}.step-detail-result{border-radius:var(--radius-xs);padding:8px 10px 10px;font-size:11px;line-height:1.6}.step-detail-result.result-success{background:color-mix(in srgb, var(--accent-green) 3%, transparent);border:1px solid color-mix(in srgb, var(--accent-green) 10%, transparent)}.step-detail-result.result-error{background:color-mix(in srgb, var(--danger) 4%, transparent);border:1px solid color-mix(in srgb, var(--danger) 12%, transparent)}[data-theme=dark] .step-detail-result.result-success{background:color-mix(in srgb, var(--accent-green) 4%, transparent);border-color:color-mix(in srgb, var(--accent-green) 12%, transparent)}[data-theme=dark] .step-detail-result.result-error{background:color-mix(in srgb, var(--danger) 6%, transparent);border-color:color-mix(in srgb, var(--danger) 15%, transparent)}.detail-result-content{font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.6}.tool-result-path{overflow-wrap:anywhere;color:var(--accent);cursor:pointer;transition:background .1s var(--ease);border-radius:0;padding:0 2px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;display:inline}.tool-result-path svg{vertical-align:-1px;margin-right:3px}.tool-result-path:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--accent);text-decoration-style:solid}.chunks-view{margin-top:2px}.chunks-list{flex-direction:column;gap:3px;display:flex}.chunk-card{border-radius:var(--radius-xs);background:var(--bg-secondary);border:1px solid var(--border-light);transition:border-color var(--duration-fast) var(--ease);overflow:hidden}.chunk-card.expanded{border-color:color-mix(in srgb, var(--accent-cyan) 25%, transparent)}.chunk-header{width:100%;font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.chunk-header:hover{background:var(--bg-hover)}.chunk-header-left{align-items:center;gap:6px;min-width:0;display:flex}.chunk-source{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:10px;font-weight:600;overflow:hidden}.chunk-page{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-tertiary);white-space:nowrap;border-radius:2px;padding:0 4px;font-size:9px}.chunk-score{font-family:var(--font-mono);color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-cyan) 15%, transparent);white-space:nowrap;border-radius:2px;padding:0 4px;font-size:9px}.chunk-chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease);flex-shrink:0;align-items:center;display:flex}.chunk-chevron.expanded{transform:rotate(90deg)}.chunk-body{overflow:hidden}.chunk-body:not(.show){max-height:0;padding:0}.chunk-body.show{max-height:400px;overflow-y:auto}.chunk-preview{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:3px 8px 5px;font-style:italic;overflow:hidden}.chunk-content{font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:color-mix(in srgb, var(--accent-cyan) 3%, transparent);border-top:1px solid color-mix(in srgb, var(--accent-cyan) 10%, transparent);margin:0;padding:6px 10px 8px;font-size:11px;line-height:1.6}[data-theme=dark] .chunk-content{background:color-mix(in srgb, var(--accent-cyan) 5%, transparent)}.chunk-body.show::-webkit-scrollbar{width:4px}.chunk-body.show::-webkit-scrollbar-track{background:0 0}.chunk-body.show::-webkit-scrollbar-thumb{background:var(--tint-hover);border-radius:0}.cmd-output{border-radius:var(--radius-xs);border:1px solid var(--border-code);background:var(--bg-code);font-family:var(--font-mono);margin-top:6px;font-size:11px;line-height:1.55;overflow:hidden}.cmd-output.cmd-error{border-color:color-mix(in srgb, var(--code-danger) 30%, var(--bg-code))}.cmd-header{background:var(--bg-code-raised);border-bottom:1px solid var(--border-code);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.cmd-header-left{align-items:center;gap:6px;display:flex}.cmd-header-icon{color:var(--text-code-dim)}.cmd-header-title{color:var(--text-code);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.cmd-cwd{color:var(--text-code-dim);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:9px;overflow:hidden}.cmd-header-right{align-items:center;gap:8px;display:flex}.cmd-duration{color:var(--text-code-dim);font-size:9px}.cmd-exit-code{color:var(--code-danger);background:color-mix(in srgb, var(--code-danger) 12%, var(--bg-code));border-radius:2px;padding:0 4px;font-size:9px;font-weight:600}.cmd-exit-code.cmd-exit-expected{color:var(--text-code-dim);background:0 0}.cmd-copy{color:var(--text-code-dim);transition:all var(--duration-fast) var(--ease);cursor:pointer;border-radius:2px;align-items:center;padding:2px 4px;display:flex}.cmd-copy:hover{background:var(--bg-code-raised);color:var(--text-code)}.cmd-copy.copied{color:var(--code-success)}.cmd-line{color:var(--text-code);align-items:flex-start;gap:6px;padding:8px 10px 4px;display:flex}.cmd-prompt{color:var(--code-accent);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:700}.cmd-text{color:var(--text-code);word-break:break-all}.cmd-stdout{color:var(--text-code);white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;padding:4px 10px 8px 22px;overflow-y:auto}.cmd-stdout::-webkit-scrollbar{width:4px}.cmd-stdout::-webkit-scrollbar-track{background:0 0}.cmd-stdout::-webkit-scrollbar-thumb{background:var(--border-code);border-radius:0}.cmd-stdout::-webkit-scrollbar-thumb:hover{background:var(--text-code-dim)}.cmd-stderr{color:var(--code-danger);white-space:pre-wrap;word-break:break-word;background:color-mix(in srgb, var(--code-danger) 6%, var(--bg-code));border-top:1px solid color-mix(in srgb, var(--code-danger) 14%, var(--bg-code));max-height:200px;margin:0;padding:4px 10px 8px 22px;overflow-y:auto}.cmd-truncated{color:var(--code-warning);text-align:center;background:color-mix(in srgb, var(--code-warning) 7%, var(--bg-code));border-top:1px solid color-mix(in srgb, var(--code-warning) 14%, var(--bg-code));padding:4px 10px;font-size:10px}.cmd-empty{color:var(--text-code-dim);padding:6px 10px 8px 22px;font-style:italic}@media (prefers-reduced-motion:reduce){.flow-tool-spinner{animation:none}.agent-flow-wrap{transition:none}.agent-flow,.flow-thought,.flow-thought-hacker,.flow-tool,.flow-tool-detail,.flow-plan,.flow-error{animation:none}.flow-thought-cursor{opacity:1;animation:none}.flow-tool-left>svg,.flow-tool-left>svg:not(.flow-tool-spinner){transition:none;animation:none}.flow-tool-chevron{transition:none}}@media (width<=768px){.agent-activity{padding:0 16px}.flow-tool-badge{display:none}}.email-connect-cta{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.email-connect-cta__text{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.email-connect-cta__buttons{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.email-connect-cta__provider-slot{flex-direction:column;gap:4px;display:flex}.email-connect-cta__icon{color:var(--accent);flex-shrink:0}.email-connect-cta__button{background:var(--accent-fill);color:var(--accent-fill-text);border:1px solid var(--accent-fill);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background-color .12s;display:inline-flex}.email-connect-cta__button:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.email-connect-cta__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.email-connect-cta__button:disabled{opacity:.7;cursor:progress}.email-connect-cta__spinner{animation:1s linear infinite email-connect-spin}@keyframes email-connect-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-connect-cta__error{width:100%;color:var(--danger);font-size:12px}[data-theme=dark] .email-connect-cta{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.email-pre-scan{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);border-radius:12px;flex-direction:column;gap:12px;margin:8px 0;padding:14px 16px 12px;font-size:13px;line-height:1.4;display:flex;box-shadow:0 1px 2px #0000000a}.email-pre-scan__header{align-items:center;gap:8px;display:flex}.email-pre-scan__title{color:var(--text-primary);font-size:14px;font-weight:600}.email-pre-scan__totals{color:var(--text-muted);margin-left:auto;font-size:12px}.email-pre-scan__section{border:1px solid var(--border-light);background:var(--bg-card);border-radius:8px;overflow:hidden}.email-pre-scan__section-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.email-pre-scan__section-title{text-transform:uppercase;letter-spacing:.04em;flex:1}.email-pre-scan__section-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.email-pre-scan__section--urgent{border-left:3px solid var(--danger)}.email-pre-scan__section--actionable{border-left:3px solid var(--accent)}.email-pre-scan__section--archive{border-left:3px solid var(--text-muted)}.email-pre-scan__list{margin:0;padding:0;list-style:none}.email-pre-scan__row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 12px;display:flex}.email-pre-scan__row:last-child{border-bottom:none}.email-pre-scan__row:hover{background:var(--bg-hover)}.email-pre-scan__row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.email-pre-scan__row-meta{align-items:baseline;gap:8px;min-width:0;display:flex}.email-pre-scan__row-sender{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:180px;font-weight:600;overflow:hidden}.email-pre-scan__row-subject{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.email-pre-scan__row-reason{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.email-pre-scan__row-actions{flex-shrink:0;gap:4px;display:flex}.email-pre-scan__action{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:500;transition:background-color .12s,border-color .12s;display:inline-flex}.email-pre-scan__action:hover{background:var(--bg-hover);border-color:var(--border-light)}.email-pre-scan__action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.email-pre-scan__action:disabled{opacity:.55;cursor:progress}.email-pre-scan__action:disabled:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.email-pre-scan__action--primary{background:var(--accent-fill);color:var(--accent-fill-text);border-color:var(--accent-fill)}.email-pre-scan__action--primary:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.email-pre-scan__action--ghost{color:var(--text-muted);border-color:#0000}.email-pre-scan__action--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.email-pre-scan__empty{color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border-light);border-radius:8px;align-items:center;gap:8px;padding:12px;font-style:italic;display:flex}.email-pre-scan__preferences{border-top:1px dashed var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;padding-top:6px;font-size:11.5px;display:flex}.email-pre-scan__preferences-label{font-weight:500}.email-pre-scan__preferences-chip{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:999px;padding:2px 10px}[data-theme=dark] .email-pre-scan{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary);box-shadow:0 1px 2px #0006}[data-theme=dark] .email-pre-scan__section{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .email-pre-scan__section-header{background:var(--bg-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .email-pre-scan__row{border-bottom-color:var(--border)}[data-theme=dark] .email-pre-scan__row:hover{background:var(--bg-hover)}[data-theme=dark] .email-pre-scan__action{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .email-pre-scan__action:hover{background:var(--bg-hover)}[data-theme=dark] .email-pre-scan__empty{background:var(--bg-card);border-color:var(--border-light)}.render-card{margin:8px 0}.render-card-error{background:var(--bg-card);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:13px}.render-unsupported{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:13px}.render-unsupported__message{margin:0 0 6px;font-weight:500}.render-unsupported__details summary{cursor:pointer;color:var(--text-secondary);font-size:12px}.render-unsupported__json{white-space:pre;margin:6px 0 0;font-size:12px;overflow-x:auto}.render-unsupported__too-large{color:var(--text-secondary);margin:6px 0 0;font-style:italic}.render-truncation{color:var(--text-secondary);padding:4px 0 0;font-size:12px;font-style:italic}.render-table-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;font-size:13px}.render-table-card__title{margin-bottom:6px;font-weight:600}.render-table{overflow-x:auto}.render-table table{border-collapse:collapse;width:100%}.render-table th,.render-table td{text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:4px 10px 4px 0}.render-table th{color:var(--text-secondary);font-weight:600}.render-kv{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;font-size:13px}.render-kv__title{margin-bottom:6px;font-weight:600}.render-kv__list{flex-direction:column;gap:4px;margin:0;display:flex}.render-kv__row{gap:12px;display:flex}.render-kv__key{color:var(--text-secondary);flex-shrink:0;min-width:120px}.render-kv__value{overflow-wrap:anywhere;margin:0}.render-list{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;font-size:13px}.render-list__title{margin-bottom:6px;font-weight:600}.render-list__items{margin:0;padding-left:20px}.render-image{margin:0}.render-image__img{border-radius:8px;max-width:100%;display:block}.render-image__caption{color:var(--text-secondary);padding-top:4px;font-size:12px}.render-diff{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;font-size:12px}.render-diff__title{margin-bottom:6px;font-size:13px;font-weight:600}.render-diff__body{font-family:var(--font-mono);margin:0;overflow-x:auto}.render-diff__line{white-space:pre}.render-diff__line--added{background:var(--accent-green-dim)}.render-diff__line--removed{background:var(--danger-dim)}.render-diff__line--hunk{color:var(--text-secondary)}.render-confirmation{background:var(--bg-card);border:1px solid var(--accent-yellow);color:var(--text-primary);border-left-width:3px;border-radius:8px;padding:10px 12px;font-size:13px}.render-confirmation__header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.render-confirmation__badge{background:var(--accent-yellow-dim);color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.render-confirmation__label{text-transform:capitalize;font-size:14px;font-weight:600}.render-confirmation__action{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:1px 6px;font-size:12px}.render-confirmation__summary{white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-family:inherit;font-size:13px}.render-confirmation__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.render-confirmation__note{color:var(--text-secondary);font-size:12px}.render-confirmation__dismiss{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:12px}.render-confirmation__dismiss:hover{background:var(--bg-secondary)}.render-confirmation--dismissed{color:var(--text-secondary);border-style:dashed;font-size:12px}.render-needs-input{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);border-left-width:3px;border-radius:8px;padding:10px 12px;font-size:13px}.render-needs-input__header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.render-needs-input__badge{background:var(--accent-blue-dim);color:var(--accent-blue);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.render-needs-input__sensitive-badge{background:var(--accent-yellow-dim);color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.render-needs-input__question{white-space:pre-wrap;word-break:break-word;margin:0 0 10px}.render-needs-input__options{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.render-needs-input__option{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px}.render-needs-input__option:hover:not(:disabled){background:var(--accent-blue-dim)}.render-needs-input__option:disabled{opacity:.6;cursor:default}.render-needs-input__free-text{gap:6px;display:flex}.render-needs-input__free-text-input{border:1px solid var(--border-light);border-radius:6px;flex:1;padding:5px 8px;font-size:12px}.render-needs-input__free-text-submit{background:var(--accent-fill);color:var(--accent-fill-text);cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px}.render-needs-input__free-text-submit:disabled{opacity:.6;cursor:default}.render-needs-input__error{color:var(--danger);margin:8px 0 0;font-size:12px}.render-needs-input--answered{color:var(--text-secondary);border-style:dashed;font-size:12px}.render-needs-input--expired{border-style:dashed}.render-needs-input--expired .render-needs-input__question{color:var(--text-secondary)}.render-needs-input__expired-note{color:var(--text-secondary);margin:8px 0 0;font-size:12px}.msg{width:100%;animation:msgFadeIn .24s var(--ease) both;padding:10px 0;position:relative}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-user{justify-content:flex-end;display:flex}.msg-user .msg-inner{background:var(--bg-user-msg);border-radius:var(--radius-xl);max-width:min(80%,620px);padding:10px 14px}.msg-user .msg-header{min-height:0;margin-bottom:0}.msg-inner{max-width:100%}.msg-header{justify-content:space-between;align-items:center;min-height:0;display:flex}.msg-header-left{align-items:center;gap:4px;display:flex}.msg-actions{opacity:0;transition:opacity var(--duration-fast) var(--ease);gap:2px;display:flex;position:absolute;bottom:-14px;right:0}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}.msg-action-btn,.msg-copy{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:flex}.msg-action-btn:hover,.msg-copy:hover{background:var(--bg-hover);color:var(--text-primary)}.msg-copy.copied{color:var(--accent-green)}.msg-delete:hover{color:var(--danger)}.msg-delete.confirm{color:var(--danger);background:var(--danger-dim);opacity:1}.msg-body{overflow-wrap:break-word;min-width:0;font-size:15px;line-height:1.65}.msg-assistant .msg-body{font-family:var(--font-sans)}.msg-user .msg-body{font-family:var(--font-sans);color:var(--text-primary);font-size:14.5px}.msg-user .md-content{color:var(--text-primary)}.msg-error{background:color-mix(in srgb, var(--danger) 4%, transparent);border-left:2px solid var(--danger)}[data-theme=dark] .msg-error{background:color-mix(in srgb, var(--danger) 5%, transparent)}.msg-stopped{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-size:12px;display:inline-flex}.msg-stopped.is-unconfirmed{color:var(--accent-yellow)}.error-banner{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 12px;display:flex}.msg-error .msg-body{color:var(--text-secondary)}.msg-error .msg-body .md-p,.msg-error .msg-body .md-content{font-family:var(--font-mono);font-size:13px}.md-content{color:var(--text-primary)}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-p{margin-bottom:10px}.md-p:last-child{margin-bottom:0}.md-h2{font-size:18px;font-weight:700;font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.3px;margin:20px 0 10px}.md-h3{font-size:16px;font-weight:600;font-family:var(--font-sans);color:var(--text-primary);margin:16px 0 8px}.md-h4{font-size:14.5px;font-weight:600;font-family:var(--font-sans);color:var(--text-primary);margin:14px 0 6px}.md-ul,.md-ol{margin:8px 0;padding-left:24px}.md-ul{list-style-type:disc}.md-ol{list-style-type:decimal}.md-li{margin-bottom:4px;padding-left:4px}.md-li>.md-p{margin-bottom:4px}.md-li>.md-ul,.md-li>.md-ol{margin:4px 0}.md-content strong{color:var(--text-primary);font-weight:700}.md-content em{font-style:italic}.inline-code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);padding:2px 7px;font-size:12.5px}.md-link{color:var(--accent);transition:border-color .2s var(--ease);border-bottom:1px solid #0000;text-decoration:none}.md-link:hover{border-bottom-color:var(--accent)}.file-path-link{color:var(--accent);cursor:pointer;border-bottom:1px dashed var(--accent);transition:color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);font-family:var(--font-mono);border-radius:0;align-items:center;gap:4px;padding:0 3px;font-size:12px;display:inline-flex}.file-path-link:hover{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in srgb, var(--accent-green) 5%, transparent)}.file-path-icon{opacity:.7;flex-shrink:0}.file-path-link:hover .file-path-icon{opacity:1}.inline-image-wrap{margin:8px 0;display:block}.inline-image{border-radius:var(--radius-md);border:1px solid var(--border);object-fit:contain;background:var(--bg-secondary);max-width:100%;max-height:400px;display:block}.inline-image-caption{margin-top:4px;font-size:11px;display:block}.md-blockquote{border-left:2px solid var(--accent);background:var(--tint-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:12px 0;padding:10px 18px}.md-blockquote .md-p{margin-bottom:6px}.md-blockquote .md-p:last-child{margin-bottom:0}.md-hr{border:none;border-top:1px solid var(--border);margin:20px 0}.md-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;margin:14px 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:13px;font-family:var(--font-sans);line-height:1.6}.md-table th{text-align:left;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 14px}.md-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:7px 14px}.md-table tr:last-child td{border-bottom:none}.md-table tr:hover td{background:var(--tint-subtle)}.md-table td:last-child,.md-table th:last-child{text-align:right}.md-content details{border:1px solid var(--border);border-radius:var(--radius-md);margin:8px 0;overflow:hidden}.md-content details summary{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--accent);cursor:pointer;background:var(--tint-subtle);transition:background var(--duration) var(--ease);-webkit-user-select:none;user-select:none;padding:8px 14px;list-style:none}.md-content details summary::-webkit-details-marker{display:none}.md-content details summary:before{content:"▶";transition:transform var(--duration) var(--ease);margin-right:8px;font-size:10px;display:inline-block}.md-content details[open] summary:before{transform:rotate(90deg)}.md-content details summary:hover{background:var(--tint-hover)}.md-content details>:not(summary){padding:4px 14px}.md-content details[open]{border-color:color-mix(in srgb, var(--accent) 20%, transparent)}.md-content del{color:var(--text-muted);text-decoration:line-through}.md-content .task-list-item{margin-left:-20px;list-style:none}.md-content .task-list-item input[type=checkbox]{margin-right:6px}.code-block{border-radius:var(--radius-lg);background:var(--bg-code);border:1px solid var(--border-code);margin:14px 0;overflow:hidden}.code-header{background:var(--bg-code-raised);border-bottom:1px solid var(--border-code);justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.code-lang{font-size:10px;font-family:var(--font-mono);color:var(--text-code-dim);text-transform:lowercase;letter-spacing:.5px}.code-copy{border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-mono);color:var(--text-code-dim);transition:all var(--duration) var(--ease);align-items:center;gap:4px;padding:3px 10px;display:flex}.code-copy:hover{background:var(--bg-code-raised);color:var(--text-code)}.code-copy.copied{color:var(--code-success);background:color-mix(in srgb, var(--code-success) 10%, var(--bg-code))}.code-block pre{white-space:pre;word-wrap:normal;overflow-wrap:normal;scrollbar-width:thin;scrollbar-color:var(--text-code-dim) transparent;margin:0;padding:16px 18px;overflow-x:auto}.code-block code{font-family:var(--font-mono);color:var(--text-code);white-space:pre;word-wrap:normal;overflow-wrap:normal;background:0 0;padding:0;font-size:13px;line-height:1.65}.md-content>.cursor{display:inline-block}.md-content:has(>.cursor)>:last-of-type:not(.cursor){display:inline}.md-content>pre:empty{display:none}.md-content>pre:has(>code:empty){display:none}.inline-code:empty{display:none}.cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:16px;image-rendering:pixelated;border-radius:0;margin-left:2px;animation:.6s steps(2,start) infinite cursorBlink;display:inline-block}@media (width<=768px){.msg{padding:12px 16px}.msg-body{padding-left:0}.md-table-wrap{border-left:none;border-right:none;border-radius:0;margin:8px -8px}}.thinking-indicator{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:11px}.thinking-indicator .cursor{width:6px;height:12px}.thinking-indicator-hint{font-family:var(--font-sans);color:var(--text-secondary);white-space:normal;margin-top:4px;font-size:12px;display:block}.msg-stats{border-top:1px solid var(--border);color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);opacity:0;transition:opacity .18s var(--ease);pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:10px;margin-top:6px;padding-top:5px;display:flex}.msg:hover .msg-stats{opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text}.msg-stats-ts{color:var(--text-muted);opacity:.75}.msg:hover .msg-stats-ts{opacity:1}.msg-stats>span+span:before{content:"·";opacity:.4;margin-right:6px}.unsupported-banner{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:10px;margin:8px 0;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.unsupported-banner-header{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.unsupported-banner-header svg{color:var(--accent-yellow);flex-shrink:0}.unsupported-banner-body{color:var(--text-secondary);padding-left:26px}.unsupported-banner-body p{margin:0 0 6px}.unsupported-alternatives{margin:8px 0 4px;padding:0;list-style:none}.unsupported-alternatives li{color:var(--text-secondary);margin-bottom:4px;padding-left:16px;position:relative}.unsupported-alternatives li:before{content:"✓";color:var(--accent-green);font-size:12px;font-weight:600;position:absolute;left:0}.unsupported-feature-request{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px dashed var(--border);color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-size:12px;display:flex}.unsupported-feature-request svg{color:var(--danger);flex-shrink:0}.unsupported-feature-request a{color:var(--danger);font-weight:600;text-decoration:none}.unsupported-feature-request a:hover{color:var(--danger);text-decoration:underline}.upload-error-toast{border-radius:var(--radius-md);background:var(--danger-dim2);border:1px solid color-mix(in srgb, var(--danger) 15%, transparent);color:var(--text-primary);animation:toast-slide-in .25s var(--ease);align-items:flex-start;gap:10px;margin:8px 0;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.upload-error-toast svg{color:var(--danger);flex-shrink:0;margin-top:1px}.upload-error-content{flex:1;min-width:0}.upload-error-title{margin-bottom:2px;font-weight:600}.upload-error-detail{color:var(--text-secondary);font-size:12px}.upload-error-detail a{color:var(--danger);font-weight:500;text-decoration:none}.upload-error-detail a:hover{text-decoration:underline}.upload-error-dismiss{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);background:0 0;border:none;flex-shrink:0;padding:2px}.upload-error-dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.fb-entry.unsupported{opacity:.55}.fb-unsupported-badge{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;margin-left:auto;padding:1px 6px;font-size:10px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.connector-retry-banner{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent-green) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-green) 30%, transparent);color:var(--text-primary);align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;font-size:12px;display:flex}.connector-retry-banner__icon{color:var(--accent-green);flex-shrink:0}.connector-retry-banner__text{flex:1;line-height:1.4}.connector-retry-banner__btn{border-radius:var(--radius-md);border:1px solid var(--accent-green);background:var(--accent-green);color:var(--text-inverse);cursor:pointer;transition:opacity .15s var(--ease);flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.connector-retry-banner__btn:hover{opacity:.88}.connector-retry-banner__dismiss{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;font-size:16px;line-height:1}.connector-retry-banner__dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.history-notice{text-align:center;max-width:640px;color:var(--text-secondary);margin:8px auto;font-size:12px}.task-view{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.task-view.drag-active{outline:2px dashed var(--accent);outline-offset:-4px}.task-header{background:var(--bg-primary);min-height:48px;font-family:var(--font-sans);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.task-header-left{align-items:center;gap:8px;min-width:0;display:flex}.task-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.task-title{border-radius:var(--radius-md);min-width:0;max-width:100%;color:var(--text-primary);align-items:center;gap:6px;padding:4px 8px;font-size:13.5px;font-weight:500;display:inline-flex}.task-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-title-edit{color:var(--text-muted);opacity:0;flex-shrink:0}.task-title:hover{background:var(--bg-hover)}.task-title:hover .task-title-edit,.task-title:focus-visible .task-title-edit{opacity:1}.title-edit{font-size:13px;font-weight:600;font-family:var(--font-sans);border:1px solid var(--accent);border-radius:var(--radius-md);width:280px;max-width:100%;transition:box-shadow var(--duration) var(--ease);outline:none;padding:4px 10px}.title-edit:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.doc-context-bar{border-bottom:1px solid var(--border);font-size:11px;font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-secondary);transition:all var(--duration) var(--ease);text-align:left;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:6px 24px;display:flex}.doc-context-expanded{flex-wrap:wrap}.doc-context-icon{color:var(--accent-green);flex-shrink:0}.doc-context-label{white-space:nowrap;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600;font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease);padding:2px 6px}.doc-context-label:hover{background:var(--bg-hover);color:var(--text-primary)}.doc-context-pills{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.doc-context-pills-expanded{flex-wrap:wrap;overflow:visible}.doc-pill{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border);font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;max-width:180px;transition:border-color var(--duration) var(--ease), color var(--duration) var(--ease);flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;display:inline-flex;position:relative}.doc-pill:hover{border-color:var(--accent);color:var(--text-primary)}.doc-pill-name{text-overflow:ellipsis;overflow:hidden}.doc-pill-icon{color:var(--accent-green);flex-shrink:0}.doc-pill-remove{border-radius:var(--radius-sm);width:14px;height:14px;color:var(--text-muted);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:1px;padding:0;display:none}.doc-pill:hover .doc-pill-remove,.doc-pill:focus-within .doc-pill-remove{display:inline-flex}.doc-pill-remove:hover{background:var(--danger);color:var(--bg-primary)}.doc-pill-more,.doc-pill-collapse{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:1px solid #0000;flex-shrink:0;padding:2px 8px}.doc-pill-more:hover,.doc-pill-collapse:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border)}.messages-scroll{overflow-anchor:auto;flex:1;padding:8px 0 24px;overflow-y:auto}.messages-column,.input-column{width:100%;max-width:calc(var(--content-w) + 48px);margin:0 auto;padding:0 24px}.input-column{flex-direction:column;gap:8px;display:flex}.skeleton-messages{width:100%;max-width:900px;transition:opacity .2s var(--ease);margin:0 auto;padding:16px 0}.skeleton-msg{flex-direction:column;gap:8px;padding:16px 24px;display:flex}.skeleton-lines{flex-direction:column;gap:6px;padding-left:32px;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:var(--bg-tertiary);height:12px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-line:first-child{width:85%;animation-delay:.1s}.skeleton-line:nth-child(2){width:65%;animation-delay:.2s}.skeleton-line:nth-child(3){width:40%;animation-delay:.3s}@keyframes skeletonPulse{0%,to{opacity:.25}50%{opacity:.6}}.skeleton-msg{transition:opacity .2s var(--ease)}.drag-overlay{z-index:10;background:var(--accent-dim2);border:2px dashed var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-size:15px;font-weight:600;font-family:var(--font-sans);letter-spacing:.3px;pointer-events:none;animation:fadeIn .1s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:8px;display:flex;position:absolute;inset:0}.streaming-bubble{transition:opacity .35s var(--ease), transform .35s var(--ease), filter .35s var(--ease)}.streaming-bubble.stream-active{animation:streamBubbleIn .35s var(--ease)}.streaming-bubble.stream-ending{pointer-events:none}@keyframes streamBubbleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-deleting{animation:msgDelete .25s var(--ease) forwards;pointer-events:none}@keyframes msgDelete{0%{opacity:1;max-height:500px;transform:scale(1)}to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.97)}}.input-area{background:var(--bg-primary);flex-shrink:0;padding:0 0 16px}@media (width<=768px){.task-header{padding-left:var(--sidebar-toggle-clearance)}.messages-column,.input-column{padding:0 12px}}.scroll-bottom-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);box-shadow:var(--shadow-md);transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease), background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);z-index:5;animation:scrollBtnSlideIn .2s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@keyframes scrollBtnSlideIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.scroll-bottom-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 15%, transparent);transform:translate(-50%)translateY(-3px)}.policy-alert-toast{border-color:color-mix(in srgb, var(--accent-yellow) 35%, transparent);pointer-events:all;animation:toastIn .2s var(--ease), toastOut .2s var(--ease) 5s forwards;align-items:center;gap:12px;display:flex}.policy-alert-toast-link{color:var(--accent-yellow);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.policy-alert-toast-missing{color:var(--accent-yellow);font-family:var(--font-mono);font-size:11px}@media (width<=768px){.input-area{padding:0 0 max(10px, env(safe-area-inset-bottom))}.title-edit{width:180px}.skeleton-msg{padding:12px 16px}.skeleton-lines{padding-left:0}}.composer{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease);flex-direction:column;gap:6px;padding:10px 10px 8px 14px;display:flex}.composer:focus-within{border-color:var(--accent-light)}.composer-disabled{opacity:.75}.composer-input{resize:none;width:100%;min-height:24px;max-height:240px;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;padding:4px 0;font-size:15px;line-height:1.5}.composer-input::placeholder{color:var(--text-muted)}.composer-input:focus-visible{outline:none}.composer-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.composer-row-left,.composer-row-right{align-items:center;gap:4px;min-width:0;display:flex}.composer-row-right{flex:1;justify-content:flex-end}.composer-row .composer-chip-wrap{min-width:0}.composer-icon-btn{border-radius:var(--radius-md);width:30px;height:30px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.composer-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.composer-icon-btn:disabled{opacity:.5;cursor:default}.composer-send{border-radius:var(--radius-full);background:var(--accent-fill);width:32px;height:32px;color:var(--accent-fill-text);transition:background var(--duration-fast) var(--ease), opacity var(--duration-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.composer-send:hover:not(:disabled){background:var(--accent-fill-hover)}.composer-send:disabled{opacity:.35;cursor:default}.composer-send.is-stop{background:var(--text-primary);color:var(--text-inverse)}.composer-attachments{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.composer-attachment{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);max-width:260px;color:var(--text-secondary);align-items:center;gap:6px;padding:3px 4px 3px 8px;font-size:12px;display:inline-flex}.composer-attachment.has-error{border-color:var(--danger)}.composer-attachment-thumb{object-fit:cover;border-radius:var(--radius-xs);width:20px;height:20px}.composer-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.composer-attachment-state{color:var(--text-muted);white-space:nowrap}.composer-attachment.has-error .composer-attachment-state{color:var(--danger)}.composer-attachment .composer-icon-btn{width:22px;height:22px}.composer-chip{border-radius:var(--radius-md);max-width:100%;height:28px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12.5px;display:inline-flex}.composer-chip:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.composer-chip-label{text-overflow:ellipsis;overflow:hidden}.composer-chip.is-warning{color:var(--accent-yellow)}.composer-chip.is-danger{color:var(--danger)}.popover{z-index:50;min-width:240px;max-width:min(360px,100vw - 32px);max-height:min(420px, 70vh, var(--popover-room,100vh));background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:6px;position:absolute;overflow-y:auto}.popover-above{bottom:calc(100% + 6px)}.popover-below{top:calc(100% + 6px)}.popover-start{left:0}.popover-end{right:0}.popover-heading{color:var(--text-muted);padding:6px 8px 4px;font-size:11.5px;font-weight:600}.popover-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;align-items:flex-start;gap:8px;padding:7px 8px;font-size:13px;display:flex}.popover-item:hover:not(:disabled),.popover-item:focus-visible{background:var(--bg-hover)}.popover-item:disabled{color:var(--text-muted);cursor:default}.popover-item-body{flex-direction:column;flex:1;min-width:0;display:flex}.popover-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popover-item-note{color:var(--text-secondary);font-size:12px;line-height:1.4}.popover-item-check{width:14px;color:var(--accent);flex-shrink:0;margin-top:2px}.popover-divider{background:var(--border-light);height:1px;margin:4px 2px}.popover-message{color:var(--text-secondary);padding:8px;font-size:12.5px}.popover-message.is-error{color:var(--danger)}.perm-card{background:var(--bg-card);border:1px solid var(--accent-light);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.perm-card-head{align-items:flex-start;gap:10px;display:flex}.perm-card-icon{color:var(--accent);flex-shrink:0;margin-top:3px}.perm-card-text{flex:1;min-width:0}.perm-card-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.45}.perm-card-detail{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.perm-card code{font-family:var(--font-mono);font-size:12.5px}.perm-card-timer{color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;font-size:12px}.perm-card-args-toggle{color:var(--text-secondary);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.perm-card-args-toggle svg{transition:transform var(--duration-fast) var(--ease)}.perm-card-args-toggle svg.is-open{transform:rotate(90deg)}.perm-card-pre{background:var(--bg-code);max-height:200px;color:var(--text-code);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;padding:8px 10px;font-size:12px;overflow:auto}.perm-card-exact{max-height:none}.perm-card-risk{color:var(--text-primary);margin-top:6px;font-size:13px;font-weight:600}.perm-card-actions{flex-wrap:wrap;gap:8px;display:flex}.perm-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);min-height:32px;color:var(--text-primary);align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:inline-flex}.perm-btn:hover:not(:disabled){background:var(--bg-hover)}.perm-btn.is-primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--accent-fill-text)}.perm-btn.is-primary:hover:not(:disabled){background:var(--accent-fill-hover)}.perm-btn.is-suggested{border-color:var(--accent-fill);color:var(--text-primary)}.perm-card-hint{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px}.perm-btn:disabled{opacity:.6;cursor:default}.perm-card-error{color:var(--danger);font-size:13px}.new-chat{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px 16px 18vh;display:flex}.new-chat-inner{width:100%;max-width:var(--content-w)}.new-chat-error{color:var(--danger);margin-top:10px;font-size:13px}.new-chat-warmup{color:var(--text-muted);margin-top:10px;font-size:13px}.setup{background:var(--bg-primary);flex:1;padding:48px 16px;overflow-y:auto}.setup-inner{max-width:620px;margin:0 auto}.setup-title{color:var(--text-primary);font-size:22px;font-weight:600}.setup-lede{color:var(--text-secondary);margin:6px 0 24px;font-size:14px}.setup-steps{flex-direction:column;gap:4px;list-style:none;display:flex}.setup-step{border-bottom:1px solid var(--border);padding:10px 0}.setup-step-head{align-items:center;gap:10px;display:flex}.setup-step-num{border:1px solid var(--border-light);border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.setup-step-label{color:var(--text-secondary);font-size:14px}.setup-step-detail{color:var(--text-muted)}.setup-step.is-current .setup-step-label,.setup-step.is-active .setup-step-label{color:var(--text-primary);font-weight:600}.setup-step.is-done .setup-step-num{border-color:var(--accent-green);color:var(--accent-green)}.setup-step.is-active .setup-step-num{border-color:var(--accent-light);color:var(--accent)}.setup-step.is-failed .setup-step-num,.setup-step.is-cancelled .setup-step-num{border-color:var(--danger);color:var(--danger)}.setup-step-body{flex-direction:column;gap:10px;margin:10px 0 4px 34px;display:flex}.setup-choices{flex-direction:column;gap:6px;display:flex}.setup-choice{border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.setup-choice svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.setup-choice:hover{background:var(--bg-hover)}.setup-choice.is-active{border-color:var(--accent-light);background:var(--accent-dim)}.setup-choice-title{font-size:14px;font-weight:600;display:block}.setup-choice-note{color:var(--text-secondary);font-size:13px;display:block}.setup-start{align-self:flex-start}.setup-lemonade{border:1px solid var(--accent-light);border-radius:var(--radius-lg);background:var(--accent-dim);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.setup-hint{color:var(--text-secondary);font-size:13px}.setup-hint code{font-family:var(--font-mono);font-size:12.5px}.setup-error{color:var(--danger);overflow-wrap:anywhere;font-size:13px}.setup-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup-row .settings-input{flex:1;min-width:200px}.setup-progress{width:100%;height:6px;accent-color:var(--accent-fill)}.setup-log{margin-top:16px}.setup-log-toggle{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:inline-flex}.setup-log-toggle svg{transition:transform var(--duration-fast) var(--ease)}.setup-log-toggle svg.is-open{transform:rotate(90deg)}.setup-log-pre{background:var(--bg-code);max-height:260px;color:var(--text-code);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;margin-top:8px;padding:10px 12px;font-size:12px;overflow:auto}.setup-done{border:1px solid var(--accent-green);border-radius:var(--radius-lg);color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;margin-bottom:10px;padding:18px 20px}.settings-section:last-child{margin-bottom:0}.settings-section h4{font-size:13px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);border-left:2px solid var(--accent);margin-bottom:14px;margin-left:-8px;padding-left:6px}.status-grid{flex-direction:column;gap:8px;display:flex}.status-row{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);transition:border-color var(--duration) var(--ease);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.status-row:hover{border-color:var(--border)}.status-row--has-hint{align-items:flex-start}.status-label{font-size:13px;font-family:var(--font-sans);flex-shrink:0;padding-top:1px}.status-value-wrap{flex-direction:column;align-items:flex-end;gap:3px;min-width:0;display:flex}.status-value{font-size:13px;font-weight:600;font-family:var(--font-mono)}.status-value.ok{color:var(--accent-green)}.status-value.warn{color:var(--accent-yellow)}.model-server-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);overflow:hidden}.model-server-backend{margin-top:12px}.status-hint{color:var(--text-muted);font-size:11px;font-weight:400}.status-hint code{font-family:var(--font-mono);background:var(--tint-hover);color:var(--text-secondary);white-space:nowrap;border-radius:2px;padding:1px 5px;font-size:10.5px}[data-theme=dark] .status-hint code{background:color-mix(in srgb, var(--text-primary) 7%, transparent)}.status-error{text-align:center;color:var(--text-muted);font-family:var(--font-sans);padding:20px}.status-error code{background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);border:1px solid var(--border);margin-top:10px;padding:5px 14px;font-size:13px;display:inline-block}.setting-row{font-size:14px;font-family:var(--font-sans);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.setting-path{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:3px 10px;font-size:12px}.model-override-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}.model-input-row{align-items:stretch;gap:8px;display:flex}.model-input{font-size:13px;font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration) var(--ease);outline:none;flex:1;padding:8px 12px}.model-input:focus{border-color:var(--accent)}.model-input::placeholder{color:var(--text-muted);font-size:12px}.model-input.has-override{border-color:var(--accent-green)}.model-input:disabled{opacity:.6}.model-btn-group{flex-shrink:0;gap:6px;display:flex}.btn-model-save{font-size:13px;font-weight:500;font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--duration) var(--ease);padding:8px 16px}.btn-model-save:hover:not(:disabled){background:var(--accent-fill);color:var(--accent-fill-text);border-color:var(--accent-fill)}.btn-model-save:disabled{opacity:.4;cursor:not-allowed}.btn-model-save.saved{color:var(--accent-green);border-color:var(--accent-green)}.model-warning{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-yellow) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-yellow) 25%, transparent);color:var(--accent-yellow);gap:10px;margin-top:12px;padding:12px 14px;display:flex}.model-warning svg{flex-shrink:0;margin-top:1px}.model-warning-content{flex:1}.model-warning-content strong{font-size:13px;font-weight:600;font-family:var(--font-sans);margin-bottom:4px;display:block}.model-warning-content p{color:var(--text-secondary);font-size:12px;line-height:1.5;font-family:var(--font-sans);margin-bottom:10px}.model-status-hint{color:var(--text-muted);font-size:12px;line-height:1.5;font-family:var(--font-sans);margin-top:8px}.model-status-hint code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap;padding:1px 6px;font-size:11px}.ctx-preset-row{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.btn-ctx-preset{font-size:12px;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:4px 10px;transition:border-color .12s,color .12s,background .12s}.btn-ctx-preset:hover:not(:disabled){border-color:var(--border);color:var(--text-primary)}.btn-ctx-preset.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.btn-ctx-preset:disabled{opacity:.5;cursor:not-allowed}.danger-divider{background:var(--border);height:1px;margin:16px 0}.danger-warning{color:var(--text-muted);font-size:12px;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}.setting-actions{margin-top:4px}.loading-text{color:var(--text-muted);text-align:center;font-size:13px;font-family:var(--font-sans);padding:16px}.about-info p{font-size:14px;font-weight:500;font-family:var(--font-sans)}.about-sub{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.6;font-family:var(--font-sans);margin-top:6px}.model-action-row{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.model-action-row--download{border-color:color-mix(in srgb, var(--accent-blue) 25%, transparent);background:color-mix(in srgb, var(--accent-blue) 5%, transparent)}.model-action-row--load{border-color:color-mix(in srgb, var(--accent-yellow) 25%, transparent);background:color-mix(in srgb, var(--accent-yellow) 5%, transparent)}.model-action-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-action-label{font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--text-primary)}.model-action-desc{color:var(--text-secondary);font-size:12px;font-family:var(--font-sans)}.btn-model-action{font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--duration) var(--ease);flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;display:inline-flex}.btn-model-action:disabled{opacity:.5;cursor:not-allowed}.btn-model-action--download:hover:not(:disabled){background:color-mix(in srgb, var(--accent-blue) 15%, transparent);border-color:var(--accent-blue);color:var(--accent-blue)}.btn-model-action--load:hover:not(:disabled){background:color-mix(in srgb, var(--accent-yellow) 15%, transparent);border-color:var(--accent-yellow);color:var(--accent-yellow)}.force-redownload-row{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 14px;display:flex}.force-redownload-label{color:var(--text-muted);font-size:12px;font-family:var(--font-sans)}.btn-force-redownload{font-size:12px;font-weight:500;font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration) var(--ease);flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.btn-force-redownload:disabled{opacity:.5;cursor:not-allowed}.btn-force-redownload:hover:not(:disabled){border-color:var(--accent-yellow);color:var(--accent-yellow)}.btn-spinner{flex-shrink:0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mcp-dot--running{background:var(--accent-green);opacity:1}.btn-mcp-toggle--start{background:color-mix(in srgb, var(--accent-green) 10%, transparent);border-color:color-mix(in srgb, var(--accent-green) 35%, transparent);color:var(--accent-green)}.btn-mcp-toggle--start:hover:not(:disabled){background:color-mix(in srgb, var(--accent-green) 20%, transparent);border-color:var(--accent-green)}.btn-mcp-toggle--stop{background:color-mix(in srgb, var(--danger) 8%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger)}.btn-mcp-toggle--stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 15%, transparent);border-color:var(--danger)}.toggle-switch{flex-shrink:0;width:30px;height:17px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border);transition:background var(--duration) var(--ease);cursor:pointer;border-radius:999px;position:absolute;inset:0}.toggle-track:before{content:"";background:var(--switch-knob);width:13px;height:13px;transition:transform var(--duration) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle-switch input:checked+.toggle-track{background:var(--accent-fill)}.toggle-switch input:checked+.toggle-track:before{transform:translate(13px)}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.settings-overlay{z-index:200;background:var(--bg-modal-overlay);animation:fadeIn var(--duration-fast) var(--ease);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-dialog{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:min(920px,100%);height:min(680px,100%);box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.settings-nav{background:var(--bg-sidebar);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:16px 10px;display:flex;overflow-y:auto}.settings-nav-title{color:var(--text-primary);padding:4px 10px 12px;font-size:16px;font-weight:600}.settings-nav-item{border-radius:var(--radius-md);min-height:34px;color:var(--text-secondary);text-align:left;padding:6px 10px;font-size:13.5px}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.is-active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.settings-body{flex:1;min-width:0;padding:24px 28px 32px;position:relative;overflow-y:auto}.settings-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.settings-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-pane{flex-direction:column;gap:14px;max-width:640px;display:flex}.settings-pane>button{align-self:flex-start}.settings-pane-title{color:var(--text-primary);font-size:18px;font-weight:600}.settings-pane-lede{color:var(--text-secondary);font-size:13.5px;line-height:1.55}.settings-pane code,.settings-hint code{font-family:var(--font-mono);font-size:12.5px}.settings-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:14px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--text-primary);font-size:13.5px;font-weight:600}.settings-hint,.settings-note{color:var(--text-secondary);font-size:13px}.settings-ok{color:var(--accent-green);font-size:13px}.settings-error{color:var(--danger);overflow-wrap:anywhere;font-size:13px}.settings-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-row-between{justify-content:space-between}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.settings-input{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);min-width:0;min-height:34px;color:var(--text-primary);flex:1;padding:6px 10px;font-size:13.5px}.settings-input:focus{border-color:var(--accent-light);outline:none}.settings-progress{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.settings-progress progress{width:100%;height:6px;accent-color:var(--accent-fill)}.segmented{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);align-self:flex-start;padding:2px;display:inline-flex}.segmented button{border-radius:var(--radius-sm);min-height:30px;color:var(--text-secondary);padding:4px 12px;font-size:13px}.segmented button.is-active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.provider-tabs{flex-wrap:wrap;gap:6px;display:flex}.provider-tab{border:1px solid var(--border-light);border-radius:var(--radius-full);min-height:34px;color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.provider-tab:hover{background:var(--bg-hover)}.provider-tab.is-active{border-color:var(--accent-light);color:var(--text-primary);background:var(--accent-dim)}.provider-tab-dot{border-radius:var(--radius-full);background:var(--accent-green);width:7px;height:7px}.model-list,.skill-list,.grant-list{flex-direction:column;list-style:none;display:flex}.model-row,.skill-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.model-row:last-child,.skill-row:last-child{border-bottom:none}.model-row-text,.skill-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.model-row-name,.skill-row-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:13.5px}.model-row-rank{color:var(--accent);margin-left:8px;font-size:12px}.model-row-meta,.skill-row-meta,.skill-row-desc{color:var(--text-secondary);font-size:12.5px}.skill-row-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.model-row>button,.skill-row>button{white-space:nowrap;flex-shrink:0}.model-row-current{color:var(--accent-green);white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.grant-row{color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.shortcut-list{flex-direction:column;gap:4px;display:flex}.shortcut-row{color:var(--text-secondary);gap:12px;font-size:13px;display:flex}.shortcut-row dt{min-width:120px}.shortcut-row kbd{border:1px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-mono);padding:1px 6px;font-size:11.5px}@media (width<=768px){.settings-overlay{padding:0}.settings-dialog{border-radius:0;flex-direction:column;width:100%;height:100%}.settings-nav{border-right:none;border-bottom:1px solid var(--border-light);flex-flow:wrap;width:100%;padding:10px 52px 10px 10px;overflow-y:visible}.settings-nav-title{display:none}.settings-nav-item{white-space:nowrap}.settings-close{top:10px;right:10px}.settings-body{padding:18px 16px 28px}}.connection-banner{font-size:12px;font-weight:500;font-family:var(--font-sans);animation:slideDown .2s var(--ease);z-index:40;flex-shrink:0;align-items:center;gap:10px;padding:10px 24px;line-height:1.5;display:flex}.connection-banner--error{background:color-mix(in srgb, var(--danger) 8%, var(--bg-primary));color:var(--danger);border-bottom:1px solid color-mix(in srgb, var(--danger) 28%, var(--bg-primary))}.connection-banner--warning{background:color-mix(in srgb, var(--accent-yellow) 8%, var(--bg-primary));color:var(--accent-yellow);border-bottom:1px solid color-mix(in srgb, var(--accent-yellow) 28%, var(--bg-primary))}.connection-banner--init{background:color-mix(in srgb, var(--accent-blue) 8%, var(--bg-primary));color:var(--accent-blue);border-bottom:1px solid color-mix(in srgb, var(--accent-blue) 28%, var(--bg-primary))}.connection-banner__icon{flex-shrink:0;align-items:center;display:flex}.connection-banner__text{flex:1;min-width:0}.connection-banner__hint{opacity:.8;font-size:11px;font-weight:400}.connection-banner__hint code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--tint-hover);padding:2px 7px;font-size:11px}.connection-banner__dismiss{border-radius:var(--radius-sm);opacity:.5;width:26px;height:26px;transition:opacity var(--duration-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.connection-banner__dismiss:hover{opacity:1}.connection-banner__retry{border-radius:var(--radius-md);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;transition:all var(--duration) var(--ease);flex-shrink:0;padding:5px 14px}.connection-banner--error .connection-banner__retry{background:var(--danger);color:var(--text-inverse)}.connection-banner--error .connection-banner__retry:hover{background:color-mix(in srgb, var(--danger) 82%, var(--text-primary))}.connection-banner--warning .connection-banner__retry{background:var(--accent-yellow);color:var(--text-inverse)}.connection-banner--warning .connection-banner__retry:hover{background:color-mix(in srgb, var(--accent-yellow) 82%, var(--text-primary))}.connection-banner__loading{font-size:11px;font-weight:600;font-family:var(--font-mono);opacity:.7;flex-shrink:0;align-items:center;gap:5px;display:flex}.connection-banner__spinner{animation:1s linear infinite spin}.connection-banner__progress{opacity:1;gap:8px}.connection-banner__progress-bar{background-color:color-mix(in srgb, var(--text-primary) 15%, transparent);border-radius:3px;flex-shrink:0;width:100px;height:6px;display:inline-block;overflow:hidden}.connection-banner__progress-fill{background-color:currentColor;max-width:100%;height:100%;transition:width .2s ease-out;display:block}.connection-banner__progress-label{font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=768px){.connection-banner{padding:8px 16px;padding-left:var(--sidebar-toggle-clearance);font-size:11px}}.update-chip{z-index:1200;white-space:nowrap;background:color-mix(in srgb, var(--bg-card) 92%, transparent);max-width:360px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);-webkit-backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.3;animation:.2s ease-out update-chip-fade-in;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 14px #0000003d}@keyframes update-chip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.update-chip__icon{opacity:.85;flex-shrink:0}.update-chip__label{text-overflow:ellipsis;overflow:hidden}.update-chip__action{color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.update-chip__action:hover,.update-chip__action:focus-visible{color:var(--accent)}.update-chip__dismiss{color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:2px;display:inline-flex}.update-chip__dismiss:hover,.update-chip__dismiss:focus-visible{opacity:1;background:color-mix(in srgb, var(--text-primary) 8%, transparent)}.update-chip--available,.update-chip--downloading{border-color:color-mix(in srgb, var(--accent-blue) 40%, transparent)}.update-chip--ready{background:color-mix(in srgb, var(--accent-green) 92%, transparent);border-color:color-mix(in srgb, var(--accent-green) 55%, transparent);color:var(--text-inverse)}.update-chip--error{background:color-mix(in srgb, var(--danger) 92%, transparent);border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--text-inverse)}.notification-center{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-height:600px;box-shadow:var(--shadow-lg);animation:notifSlideIn .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .notification-center{background:color-mix(in srgb, var(--bg-primary) 92%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2)}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-center-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.notification-center-title-row{align-items:center;gap:8px;display:flex}.notification-center-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.notification-center-badge{border-radius:var(--radius-full);background:var(--accent-fill);min-width:20px;height:20px;color:var(--accent-fill-text);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:flex}.notification-center-close{color:var(--text-muted);transition:color .15s var(--ease)}.notification-center-close:hover{color:var(--text-primary)}.notification-filter-bar{border-bottom:1px solid var(--border-light);scrollbar-width:none;gap:2px;padding:8px 12px;display:flex;overflow-x:auto}.notification-filter-bar::-webkit-scrollbar{display:none}.notification-filter-tab{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;transition:all .15s var(--ease);padding:4px 10px;font-size:12px;font-weight:500}.notification-filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-filter-tab.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.notification-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:100px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notification-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s var(--ease);animation:notifItemIn .25s var(--ease);border-left:3px solid #0000;align-items:flex-start;gap:10px;padding:12px 16px;display:flex;position:relative}@keyframes notifItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.notification-item:hover{background:var(--bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--bg-secondary)}.notification-item.unread .notification-message{font-weight:500}.notification-unread-dot{border-radius:var(--radius-full);background:var(--accent);width:6px;height:6px;position:absolute;top:16px;left:6px}.notification-item.notif-type-permission{border-left-color:var(--accent)}.notification-item.notif-type-security,.notification-item.notif-type-policy{border-left-color:var(--accent-yellow)}.notification-item.notif-type-status{border-left-color:var(--accent-green)}.notification-item.notif-type-info{border-left-color:var(--accent-blue)}.notification-item.notif-type-error{border-left-color:var(--danger)}.notif-type-permission .notification-icon{color:var(--accent)}.notif-type-security .notification-icon,.notif-type-policy .notification-icon{color:var(--accent-yellow)}.notif-type-status .notification-icon{color:var(--accent-green)}.notif-type-info .notification-icon{color:var(--accent-blue)}.notif-type-error .notification-icon{color:var(--danger)}.notification-icon{flex-shrink:0;margin-top:2px}.notification-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-content-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-agent{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.notification-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.notification-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.notification-message{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-tool{color:var(--text-muted);margin-top:2px;font-size:11px}.notification-tool code{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--bg-tertiary);color:var(--text-primary);padding:1px 4px;font-size:11px}.notification-tool em{color:var(--accent-yellow);font-style:normal}.notification-policy-reason{border-left:2px solid color-mix(in srgb, var(--accent-yellow) 45%, transparent);color:var(--text-secondary);padding-left:8px;line-height:1.45;display:block}.notification-policy-details{flex-direction:column;gap:2px;margin-top:2px;display:flex}.notification-actions{gap:8px;margin-top:6px;display:flex}.notification-action-btn{border-radius:var(--radius-sm);transition:all .15s var(--ease);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.notification-action-allow{background:color-mix(in srgb, var(--accent-green) 12%, transparent);color:var(--accent-green);border:1px solid color-mix(in srgb, var(--accent-green) 30%, transparent)}.notification-action-allow:hover{background:color-mix(in srgb, var(--accent-green) 20%, transparent)}.notification-action-deny{background:var(--danger-dim);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.notification-action-deny:hover{background:color-mix(in srgb, var(--danger) 20%, transparent)}.notification-response-badge{border-radius:var(--radius-full);align-items:center;width:fit-content;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.notification-response-badge.response-allow{background:color-mix(in srgb, var(--accent-green) 12%, transparent);color:var(--accent-green)}.notification-response-badge.response-deny{background:var(--danger-dim);color:var(--danger)}.notification-dismiss{border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:all .15s var(--ease);flex-shrink:0;padding:4px}.notification-item:hover .notification-dismiss,.notification-item:focus-within .notification-dismiss{opacity:1}.notification-dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.notification-center-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.notification-footer-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s var(--ease);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.notification-footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-footer-btn:disabled{opacity:.4;cursor:default}.notification-footer-btn:disabled:hover{color:var(--text-secondary);background:0 0}.notification-footer-clear:hover{color:var(--danger)}@media (hover:none){.notification-dismiss{opacity:1}}@media (width<=480px){.notification-center{border:none;border-radius:0;width:100vw;max-height:100vh}}@font-face{font-family:DM Sans;src:url(./dm-sans-latin-Xz1IZZA0.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;src:url(./space-mono-400-Co7bH5Hm.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(./jetbrains-mono-latin-6fWv1k7M.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#9a4930;--accent-light:#b25e3c;--accent-dim:#9a493012;--accent-dim2:#9a493009;--accent-selection:#9a493033;--accent-fill:#9a4930;--accent-fill-text:#fff;--accent-fill-hover:#7a3824;--accent-green:#296d32;--accent-green-dim:#296d3212;--accent-yellow:#845600;--accent-yellow-dim:#84560012;--accent-blue:#1a5dba;--accent-blue-dim:#1a5dba12;--accent-cyan:#0d677e;--accent-purple:#6b3fbf;--danger:#b4292e;--danger-dim:#b4292e12;--danger-dim2:#b4292e09;--bg-code:#131218;--bg-code-raised:#1e1c24;--border-code:#3e3b47;--text-code:#d6d2cc;--text-code-dim:#9a96a0;--code-accent:#eba474;--code-success:#5cc96e;--code-warning:#e5b567;--code-danger:#f2787c;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#eef0f2;--bg-sidebar:#f6f7f8;--bg-input:#fff;--bg-card:#f6f7f8;--bg-hover:#eceef1;--bg-active:#e2e5e9;--bg-user-msg:#f1f3f5;--bg-modal-overlay:#0f111473;--bg-recessed:#f1f3f5;--switch-knob:#fff;--tint-subtle:#1f232808;--tint-hover:#1f23280d;--text-primary:#1f2328;--text-secondary:#555d66;--text-muted:#5f6770;--text-inverse:#fff;--border:#c3c9d0;--border-light:#bbc2ca;--border-recessed:#b6bdc5;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001f;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--sidebar-toggle-clearance:58px;--font-sans:"DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Consolas", "Monaco", monospace;--font-display:"Space Mono", "JetBrains Mono", monospace;--sidebar-w:260px;--content-w:760px;--ease:cubic-bezier(.22, 1, .36, 1);--duration:.2s;--duration-fast:.12s}[data-theme=dark]{--accent:#eba474;--accent-light:#f4c39f;--accent-dim:#eba4741f;--accent-dim2:#eba4740f;--accent-selection:#eba4743d;--accent-fill:#9a4930;--accent-fill-text:#fff;--accent-fill-hover:#7a3824;--accent-green:#5cc96e;--accent-green-dim:#5cc96e24;--accent-yellow:#e5b567;--accent-yellow-dim:#e5b56724;--accent-blue:#6fb4ff;--accent-blue-dim:#6fb4ff24;--accent-cyan:#45c8de;--accent-purple:#b39af0;--danger:#f2787c;--danger-dim:#f2787c24;--danger-dim2:#f2787c12;--bg-primary:#17161c;--bg-secondary:#1c1b22;--bg-tertiary:#2a2831;--bg-sidebar:#222128;--bg-input:#222128;--bg-card:#222128;--bg-hover:#2a2831;--bg-active:#33313b;--bg-user-msg:#f0ede705;--bg-modal-overlay:#0c0b0fdb;--bg-recessed:#121117;--switch-knob:#f0ede7;--text-primary:#f0ede7;--text-secondary:#aaa5b0;--text-muted:#8c8794;--text-inverse:#17161c;--border:#3a3842;--border-light:#403e49;--border-recessed:#403e49;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 20px #000000b3;--shadow-lg:0 12px 48px #000c;--tint-subtle:#f0ede708;--tint-hover:#f0ede70f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.72;overflow:hidden}[data-theme=dark] #root:after{content:"";pointer-events:none;z-index:1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:var(--text-primary);background:var(--bg-input)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-selection);color:inherit}::selection{background:var(--accent-selection);color:inherit}.app{height:100dvh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.notification-center-popover{z-index:120;position:fixed;top:52px;right:16px}:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-primary{background:var(--accent-fill);color:var(--accent-fill-text);border-radius:var(--radius-md);font-size:13.5px;font-weight:500;font-family:var(--font-sans);transition:all var(--duration) var(--ease);align-items:center;gap:8px;padding:7px 14px;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{background:var(--accent-fill-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-sans);transition:all var(--duration) var(--ease);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.btn-secondary:active{transform:translateY(0)scale(.98)}.btn-danger{border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:13px;font-weight:500;font-family:var(--font-mono);transition:all var(--duration) var(--ease);align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.btn-danger:hover{background:var(--danger);color:var(--text-inverse)}.btn-danger:active{transform:scale(.98)}.btn-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-secondary);transition:all var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon:active{transform:scale(.94)}.btn-icon-sm{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);transition:all var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-sm:active{transform:scale(.94)}.beta-badge{font-size:9px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-sm);background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid var(--accent-yellow-dim);vertical-align:middle;padding:2px 8px;line-height:1.3;display:inline-block}.modal-overlay{z-index:100;background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(16px)saturate(1.2);animation:fadeIn var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:560px;max-width:92%;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp .25s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{font-size:14px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalPanelOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.sidebar-overlay{z-index:50;background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) var(--ease);display:none;position:fixed;inset:0}.sidebar-toggle{z-index:51;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);width:38px;height:38px;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;display:none;position:fixed;top:10px;left:10px}.sidebar-toggle:hover{background:var(--bg-hover)}.loading-spinner{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner:after{content:"";border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.toast{z-index:200;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:13px;font-weight:500;font-family:var(--font-sans);box-shadow:var(--shadow-lg);animation:toastIn .2s var(--ease), toastOut .2s var(--ease) 2.5s forwards;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.thinking-dots span{opacity:.15;color:var(--accent);animation:2.4s ease-in-out infinite loadingDotGlow}.thinking-dots span:first-child{animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.5s}.thinking-dots span:nth-child(3){animation-delay:1s}@keyframes loadingDotGlow{0%,15%{opacity:.15}25%{opacity:1}40%,to{opacity:.15}}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-theme=dark] #root:after{display:none}}.spin{animation:.9s linear infinite spin}.link-btn{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.composer-chip-wrap{position:relative}.app-notice{border-bottom:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.app-notice.is-warning{color:var(--accent-yellow)}.app-notice>span{flex:1;min-width:0}.app-notice-close{border-radius:var(--radius-sm);color:var(--text-muted);padding:4px;display:inline-flex}.app-notice-close:hover{background:var(--bg-hover);color:var(--text-primary)}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar-overlay.visible{display:block}.app-notice{padding-left:var(--sidebar-toggle-clearance)}.modal-panel{max-width:96%;max-height:90vh}.btn-icon{width:44px;height:44px}.btn-icon-sm{width:36px;height:36px}input,textarea,select{font-size:16px!important}}@media (width<=480px){.modal-panel{border-radius:0;max-width:100%;max-height:100vh}}