:root{color-scheme:dark;--bg:#0c0b19;--panel:#151224;--line:rgba(167,146,222,.16);--muted:#9993ad;--weak:#b5aec8;--primary:#7043c8;--accent:#bc9bff;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#251b3d 0,#100d1d 45%,#090813 100%);color:#f3effc;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:rgba(137,109,189,.08);border-radius:10px;min-height:36px;padding:7px 12px}button:hover{background:rgba(150,113,217,.18);border-color:rgba(181,143,247,.38)}button:disabled{cursor:default;opacity:.5}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea,input,select{color:inherit;background:#100e1e;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;min-width:0}textarea:focus,input:focus,select:focus{border-color:#9170c6;box-shadow:0 0 0 3px #9470d114}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}option{background:#171124;color:#fff}small{font-size:12px;line-height:1.6;color:var(--muted)}[hidden],.hidden{display:none!important}.primary{background:linear-gradient(125deg,#9061e5,#7044c9);border:1px solid #bb96f847;color:#fff;font-weight:600}.primary:hover{background:linear-gradient(125deg,#a071f3,#875adc)}.secondary{background:#9e73e812}.chat-view{height:100%;max-width:760px;margin:0 auto;background:linear-gradient(180deg,#12101ed9,#0d0b17e8);border-inline:1px solid #b193e50e}.chat-shell{height:100%;min-height:0;position:relative;display:flex;flex-direction:column;padding:calc(22px + env(safe-area-inset-top)) 26px calc(8px + env(safe-area-inset-bottom));gap:0}.chat-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--line)}.agent-chat-identity{display:flex;gap:12px;align-items:center;min-width:0}.agent-chat-identity img{width:44px;height:44px;border-radius:14px}.chat-head h1{font-size:19px;letter-spacing:.025em;line-height:1.5;margin:0;font-weight:600}.chat-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.chat-head p.ready{color:#a9c3b3}.head-actions{display:flex;gap:8px}.head-actions button{border-radius:12px;font-size:12px;color:#c9c2da;min-width:40px}.head-actions #newChat{font-size:22px;padding:0;width:38px}.workspace-nav{flex:none;display:flex;align-items:center;gap:6px;padding:11px 0 8px}.workspace-nav>span{flex:1;min-width:0;font-size:11px;letter-spacing:.025em;color:#7e778f}.workspace-nav button{border:0;background:none;font-size:12px;min-height:30px;padding:4px 8px;color:#b3a8c8}.workspace-nav b{font-size:10px;font-weight:400;margin-left:2px;color:#83738f}.notice{flex:none;display:flex;align-items:center;justify-content:space-between;border:1px solid #b389fa25;background:#9a68e70a;border-radius:12px;padding:8px 12px;margin:0 0 7px;font-size:12px;color:#c0afda}.notice button{font-size:12px;background:none;border:0;min-height:28px;padding:2px 4px;color:#cbaafa}.agent-workflow-panel{background:linear-gradient(145deg,#21152c66,#0c0d1c77);border-color:#9d77d829}.agent-workflow-toolbar{background:#181124}.agent-workflow-panel.is-collapsed{padding:0;margin:0 0 3px}.agent-workflow-panel.is-collapsed>header{min-height:32px;padding:0}.agent-workflow-panel #agentWorkflowToggle{min-width:91px;font-weight:400;font-size:11px;min-height:28px;border:1px solid #9c78d137;background:#7c50be15;box-shadow:none;color:#bb9edb}.workflow-intro h2{font-size:18px;font-weight:500;margin:2px 0 8px}.workflow-intro p{margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--muted)}.agent-workflow-field{font-weight:500;font-size:12px}.agent-workflow-panel input,.agent-workflow-panel select,.agent-workflow-panel textarea{background:#100c1a88;border-color:#9d78c923;font-size:14px;font-weight:400}.agent-workflow-panel textarea{min-height:100px}.agent-workflow-optional summary{font-weight:500}.agent-workflow-actions{padding:10px 0 4px}.agent-workflow-panel form[aria-busy=true]{opacity:1}.messages{flex:1 1 0;min-height:0;min-width:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#7e629a3b transparent;overflow-wrap:anywhere;padding:0 2px 16px;scroll-behavior:smooth}.welcome{margin:clamp(20px,6vh,66px) 0 20px;max-width:500px;padding:0 10px}.welcome-icon{width:58px;height:58px;border-radius:18px;box-shadow:0 9px 35px #8563cc17}.welcome .eyebrow{display:block;margin:22px 0 9px;font-size:9px;letter-spacing:.18em;color:#8b70ad}.welcome h2{font-size:26px;line-height:1.45;font-weight:500;letter-spacing:.01em;margin:0 0 15px}.welcome h2 span{color:#b499d6}.welcome p{font-size:13px;line-height:1.9;color:#948ba7;margin:0;max-width:390px}.welcome .welcome-note{font-size:11px;color:#6e627f;margin-top:21px}.msg{min-width:0;max-width:93%;margin:18px 0;padding:16px;border:1px solid #b69cd211;border-radius:3px 17px 17px 17px;background:#a583cb07;font-size:14px;line-height:1.8;color:#ded7e8;overflow-wrap:anywhere}.msg.user{margin-left:auto;background:linear-gradient(135deg,#6c429c66,#4f327477);border-color:#aa7dde17;border-radius:17px 3px 17px 17px;padding:12px 16px;max-width:84%;white-space:pre-wrap}.msg-label{font-size:10px;color:#a786c9;letter-spacing:.04em;margin-bottom:9px}.message-body{white-space:pre-wrap}.message-body h2,.message-body h3,.message-body h4{font-size:16px;line-height:1.65;margin:14px 0 7px;font-weight:600;color:#f2eafa}.message-body h2:first-child,.message-body h3:first-child{margin-top:0}.message-body strong{color:#f6eeff;font-weight:600}.message-body code{padding:2px 5px;border-radius:4px;background:#b98de719;font-size:12px}.message-body pre{overflow:auto;border:1px solid var(--line);border-radius:10px;padding:12px;background:#0b081480;white-space:pre-wrap}.message-body pre code{background:none;padding:0}.message-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:11px;border-top:1px solid #b195d710}.message-actions button{font-size:11px;min-height:29px;padding:3px 10px;color:#a49bad;background:transparent;border-color:#af98c617}.source-details{font-size:11px;color:#8f839d;margin-top:12px;line-height:1.7}.source-details summary{cursor:pointer;display:list-item}.source-details ul{padding-left:18px;margin:8px 0 0}.followups{display:flex;flex-direction:column;align-items:start;gap:5px;margin-top:12px}.followups button{text-align:left;font-size:12px;color:#b59acb;min-height:32px;background:#9472b606;border:0;padding:5px 0}.followups button:after{content:' ↗';opacity:.55}.error-message{border-color:#cf8a7433;background:#bb614509;color:#d6aba0;max-width:100%}.pending-message{background:none;border:0;padding:4px;display:flex;gap:10px;align-items:center;color:#b6a4ca;font-size:12px}.thinking-dot{width:8px;height:8px;border-radius:50%;background:#b492df;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.prompt-row{display:flex;flex-wrap:wrap;gap:7px;flex:none;margin:4px 0 16px;padding:0 2px}.prompt-row button{font-size:11px;min-height:33px;padding:6px 11px;border:1px solid #a37ed927;border-radius:9px;color:#ada0bf;background:#9672c208}.attachment-tray{flex:none;display:flex;gap:8px;align-items:start;font-size:11px;color:#b6a3c8;padding:9px 11px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px}.attachment-tray span{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-tray button{min-height:22px;padding:0 5px;background:none;border:0}.pending-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 3px 11px;color:#a997bc;font-size:11px}.pending-bar>div{display:flex;gap:5px}.pending-bar button{min-height:28px;padding:3px 9px;font-size:11px}.chat-input{flex:none;border:1px solid #a07bce30;box-shadow:0 -4px 40px #8a5cc605,inset 0 1px 0 #dcc6ff05;background:linear-gradient(140deg,#1e172a,#181220);border-radius:18px;padding:8px 9px 9px;display:flex;flex-direction:column;gap:5px}.chat-input textarea{border:0;box-shadow:none;background:none;resize:none;padding:10px 8px 4px;min-height:58px;max-height:150px;width:100%;font-size:14px;line-height:1.7;color:#e4d8ef;scrollbar-width:thin}.chat-input textarea::placeholder{color:#766786}.chat-input textarea:focus{box-shadow:none}.agent-composer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 1px 0}.channel-select{display:flex;align-items:center;gap:7px;padding:0 6px}.channel-select select{font-size:11px;background:none;border:0;box-shadow:none;padding:5px 2px;color:#b5a3c7}.channel-dot{width:5px;height:5px;flex:none;background:#ac89d4;border-radius:50%}.composer-actions{display:flex;align-items:center;gap:5px}.icon-button{display:grid;place-items:center;width:32px;min-height:32px;padding:7px;border:0;background:none;color:#a996bd}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button.recording{color:#fda8a5;background:#de6b7e26}.composer-actions .primary{border-radius:11px;min-height:33px;font-size:12px;padding:5px 13px;margin-left:6px;font-weight:400}.composer-actions .primary span{margin-left:7px;font-size:15px}.composer-footnote{text-align:center;flex:none;font-size:9px;line-height:1.5;color:#62556f;letter-spacing:.04em;margin:9px 0 0}.workflow-editing .attachment-tray,.workflow-editing .pending-bar,.workflow-editing .composer-footnote{display:none!important}dialog{color:#eee6f7;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 36px);margin:auto;padding:24px;background:linear-gradient(145deg,#1d1529,#100d1b);border:1px solid #b292d835;border-radius:22px;box-shadow:0 35px 120px #000a;overflow:auto;scrollbar-width:thin}dialog::backdrop{background:#080610b8;backdrop-filter:blur(9px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{color:#9676b6;letter-spacing:.14em;font-size:9px}.dialog-head h2{font-size:21px;font-weight:500;margin:6px 0 0}.dialog-head button{font-size:23px;padding:0;width:34px;min-height:34px;border-radius:50%;font-weight:300;color:#af9dc2}.dialog-intro{font-size:12px;line-height:1.85;color:#9c8da9;margin:17px 0 22px}.stack-form{display:grid;gap:15px}.stack-form label{display:grid;gap:7px;font-size:12px;color:#c5b6d2}.stack-form input,.stack-form textarea,.stack-form select{width:100%;font-size:14px;padding:11px 12px;border-color:#b593d022;background:#0d0a1680}.stack-form fieldset{margin:0;padding:14px;border:1px solid #b99cd51c;border-radius:12px;display:grid;gap:11px}.stack-form legend{font-size:12px;color:#c0accf;padding:0 5px}.stack-form fieldset label{grid-template-columns:40px 1fr;align-items:center}.stack-form .primary{min-height:43px}.form-result{margin:0;font-size:12px;line-height:1.7;color:#c4a4e2;white-space:pre-wrap}.form-result:empty{display:none}.form-result.error{color:#e3a29b}.knowledge-list{display:grid;gap:9px;margin-bottom:20px}.knowledge-item{border:1px solid #a084bd21;background:#9071b00a;border-radius:12px;padding:13px;display:flex;gap:12px;align-items:center;min-width:0}.knowledge-item>div{flex:1;min-width:0}.knowledge-item strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.knowledge-item p{font-size:11px;color:#8f7fa0;line-height:1.6;margin:5px 0 0}.knowledge-item button{font-size:11px;min-height:29px;padding:2px 9px;white-space:nowrap}.knowledge-item.inactive{opacity:.55}.empty-note{border:1px dashed #a285bf28;border-radius:12px;padding:23px 16px;text-align:center;color:#84738f;font-size:12px;line-height:1.8}.add-knowledge{border-top:1px solid var(--line);padding-top:16px}.add-knowledge>summary{font-size:13px;color:#c4a6dd;cursor:pointer;list-style:none;margin-bottom:20px}.file-label input{font-size:12px}.history-list{display:grid;gap:10px;margin-top:19px}.history-item{display:block;width:100%;text-align:left;min-width:0;padding:15px;border-radius:13px}.history-item.current{border-color:#bd8df344;background:#ac79dc0e}.history-item strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.history-item p{font-size:12px;line-height:1.6;color:#9a89a8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;margin:7px 0}.history-item span{font-size:10px;color:#766680}.toast{position:fixed;z-index:100;left:50%;bottom:35px;transform:translateX(-50%);max-width:min(500px,calc(100vw - 32px));width:max-content;font-size:12px;line-height:1.7;padding:11px 17px;background:#362344;border:1px solid #bd8ed943;border-radius:12px;box-shadow:0 10px 40px #0006;color:#f5e9ff;text-align:center}
@media(min-width:900px){.chat-view{max-height:calc(100dvh - 52px);height:calc(100dvh - 52px);margin:26px auto;border:1px solid #a47fd41a;border-radius:24px;box-shadow:0 30px 100px #0003}.chat-shell{padding:26px 30px 13px}.welcome{margin-top:clamp(22px,6vh,62px)}}
@media(max-width:520px){.chat-shell{padding:calc(16px + env(safe-area-inset-top)) 16px calc(8px + env(safe-area-inset-bottom))}.chat-head{padding-bottom:14px}.chat-head h1{font-size:17px}.agent-chat-identity{gap:10px}.agent-chat-identity img{width:41px;height:41px}.workspace-nav>span{font-size:10px}.workspace-nav button{font-size:11px;padding-inline:5px}.welcome{padding:0 7px;margin-top:clamp(22px,5vh,45px)}.welcome h2{font-size:25px}.welcome p{font-size:12px;max-width:290px}.welcome-icon{width:50px;height:50px}.welcome .eyebrow{margin-top:18px}.welcome .welcome-note{margin-top:15px;font-size:10px}.msg{max-width:98%;padding:13px;font-size:14px}.msg.user{max-width:89%}.prompt-row{gap:6px;margin-bottom:12px}.prompt-row button{font-size:10px;min-height:31px;padding:5px 9px}.chat-input textarea{font-size:16px;padding-top:7px}.agent-workflow-panel input,.agent-workflow-panel select,.agent-workflow-panel textarea,.stack-form input,.stack-form textarea,.stack-form select{font-size:16px}.agent-workflow-required,.agent-workflow-optional-fields{grid-template-columns:1fr}.agent-workflow-field.is-wide{grid-column:auto}dialog{padding:21px 18px}.head-actions{gap:6px}.notice{font-size:11px;padding:7px 10px}.notice button{font-size:11px}}
@media(max-height:650px){.welcome{margin-top:10px;margin-bottom:12px}.welcome-icon{width:40px;height:40px}.welcome .eyebrow{margin-top:10px}.welcome h2{font-size:21px;margin-bottom:10px}.welcome .welcome-note{display:none}.prompt-row{margin-bottom:8px}.chat-head{padding-bottom:10px}.chat-shell{padding-top:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
/* Prominent guided entry points and an independently saved resource directory. */
.directory-draft-tools{display:flex;flex-wrap:wrap;gap:7px}.directory-draft-tools button{font-size:11px;min-height:30px;padding:4px 9px;color:#bba2cf;background:transparent}
.guided-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none;margin:2px 0 13px}
.entry-card,#agentWorkflowToggle.entry-card{display:flex;align-items:center;text-align:left;gap:11px;min-width:0;min-height:83px;padding:14px;border:1px solid #bf91f65c;border-radius:15px;background:linear-gradient(125deg,#63408e88,#38254970);box-shadow:inset 0 1px 0 #efdfff12;color:#f5eaff;font-size:14px;letter-spacing:0}
.entry-card:hover,#agentWorkflowToggle.entry-card:hover{background:linear-gradient(125deg,#784ca6a8,#47305b8a);border-color:#d0a1ff91}
.entry-card.directory-entry{border-color:#927cec4d;background:linear-gradient(125deg,#41386b99,#2e243f70)}
.entry-card .entry-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#c191fd22;border:1px solid #cfabfc2a;border-radius:10px;font-size:24px;color:#e3c8ff}
.entry-card>span:nth-child(2){flex:1;min-width:0}.entry-card strong{display:block;font-size:15px;line-height:1.5;font-weight:600}.entry-card small{display:block;font-size:10px;line-height:1.6;color:#c4b1d8;margin-top:3px}.entry-card .entry-arrow{flex:none;color:#cfafed;font-size:19px}
#agentWorkflowToggle.is-active{border-color:#deb6ffaa;background:linear-gradient(125deg,#804db09c,#47305699)}
.agent-workflow-panel.is-collapsed{display:none}.agent-workflow-toolbar #workflowBack{font-size:12px;color:#d3b9e6;background:#9a65d31a}
.welcome{margin-top:clamp(12px,3vh,34px)}
.directory-dialog{width:min(720px,calc(100vw - 24px));padding-bottom:0}.directory-top-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.directory-guide{margin:0;color:#bbaaC9;font-size:12px;line-height:1.8;border-left:2px solid #be91ed70;padding:4px 10px}
.directory-sections{display:grid;gap:13px}.directory-section{padding:13px;border:1px solid #a084c330;background:#b18bd00a;border-radius:14px;min-width:0}.directory-section-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.directory-number{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;color:#dcbdf5;background:#aa7bda20;font-size:13px}.directory-section-head input{font-weight:500;flex:1;min-width:0;background:transparent;border-color:#b593d020;padding:8px 10px}.directory-section-head .directory-remove{flex:none;font-size:11px;min-height:30px;padding:3px 7px;color:#9e8bae;border:0;background:transparent}.directory-section textarea{min-height:98px}.directory-section textarea::placeholder{font-size:12px;color:#7f708c}
.directory-footer{position:sticky;bottom:0;z-index:2;margin:0 -24px;padding:14px 24px 20px;background:#1a1227f7;backdrop-filter:blur(10px);border-top:1px solid #ac86cf32;display:grid;gap:10px}.directory-mode{display:flex!important;align-items:center;justify-content:flex-end;gap:9px!important;font-size:12px}.directory-mode select{width:90px;padding:7px 9px}.directory-actions{display:flex;gap:10px}.directory-actions>button{min-height:45px;font-size:13px}.directory-actions .primary{flex:1}.directory-footer>small{font-size:10px;line-height:1.7;color:#8e7d9e}.directory-conflict{padding:12px;background:#c7915c12;border:1px solid #e0a46535;border-radius:12px;color:#dcbca8;font-size:12px;line-height:1.7}.directory-conflict p{margin:0 0 8px}
@media(max-width:520px){.guided-entry{gap:8px;margin-bottom:10px}.entry-card,#agentWorkflowToggle.entry-card{gap:8px;min-height:82px;padding:11px 10px}.entry-card .entry-icon{width:28px;height:32px;font-size:22px}.entry-card strong{font-size:15px}.entry-card small{font-size:10px;line-height:1.5}.entry-card .entry-arrow{display:none}.directory-top-fields{grid-template-columns:1fr}.directory-dialog{padding-bottom:0}.directory-footer{margin-inline:-18px;padding:12px 18px 17px}.directory-section{padding:11px}.directory-section-head{gap:7px}.directory-section-head input{padding-inline:7px}.directory-actions{gap:8px}.directory-actions>button{font-size:12px;padding-inline:10px}.directory-section-head .directory-remove{font-size:10px;padding-inline:3px}.welcome{margin-top:16px}.welcome .eyebrow{margin-top:13px}.welcome .welcome-note{margin-top:12px}}
@media(max-width:360px){.guided-entry{grid-template-columns:1fr}.entry-card,#agentWorkflowToggle.entry-card{min-height:65px}.entry-card .entry-arrow{display:block}}
