:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20202b;background:#fbfbfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#fbfbfd;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-content{width:100%;min-height:100vh}.chat-page{background:#fbfbfd;flex-direction:column;min-height:100vh;display:flex}.chat-header{z-index:5;background:#ffffffeb;border-bottom:1px solid #ededf2;grid-template-columns:42px minmax(84px,1fr) 42px;align-items:center;gap:4px;height:64px;padding:0 18px;display:grid;position:relative}.chat-header h1{color:#1e1e28;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:calc(100% - 176px);margin:0;font-size:18px;font-weight:700;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.icon-button{color:#242530;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid}.icon-button:hover{background:#f0eef8}.expand-button{font-size:18px}.chat-header-actions{align-items:center;gap:2px;display:flex}.new-session-button{color:#7137d6}.theme-button{font-size:22px}.welcome{text-align:center;width:min(680px,100% - 32px);margin:auto;padding:40px 0 170px}.bot-mark{color:#6d35d4;background:#f0eaff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:31px;display:grid}.welcome h2{color:#20202b;margin:0;font-size:22px}.welcome-copy{color:#8d8d96;max-width:310px;margin:9px auto 14px;font-size:14px;line-height:1.65}.welcome-hint{color:#a3a3ac;margin:0 0 24px;font-size:13px}.suggestions{justify-content:center;gap:10px;display:grid}.suggestion{color:#6d35c5;background:#f0eafd;border-radius:20px;width:fit-content;max-width:100%;margin:0 auto;padding:9px 15px;font-size:13px}.suggestion:hover{background:#e8defc}.composer-dock{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #ececf1;padding:13px 16px 16px;position:fixed;bottom:0;left:0;right:0}.composer{grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:9px;width:min(720px,100%);margin:0 auto;display:grid}.message-page .composer{grid-template-columns:minmax(0,1fr) 42px}.message-page .composer.composer-with-action{grid-template-columns:minmax(0,1fr) 42px 42px}.composer textarea{resize:none;color:#242530;background:#f3f2f7;border:1px solid #ececf2;border-radius:22px;outline:0;width:100%;min-height:42px;max-height:136px;padding:11px 15px;line-height:1.4}.composer textarea:focus{background:#fff;border-color:#d3c5f5;box-shadow:0 0 0 3px #f2edff}.composer textarea::placeholder{color:#a8a8b0}.composer-icon{color:#4e4e5a;background:#f2f1f6;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.composer-icon:hover{background:#e9e5f4}.upload-control{width:42px;height:42px;display:block;position:relative}.upload-status{width:180px;font-size:11px;position:absolute;top:48px;left:0}.message-page .upload-status{text-align:right;left:auto;right:0}.composer-send{color:#fff;background:#7137d6;font-size:17px}.composer-send:hover{background:#5e29c0}.message-page{flex-direction:column;min-height:100vh;display:flex}.message-scroll{flex:1;align-content:start;gap:12px;width:min(760px,100% - 32px);margin:0 auto;padding:24px 0 120px;display:grid;overflow-y:auto}.message{white-space:pre-wrap;border-radius:15px;width:fit-content;max-width:min(78%,620px);padding:12px 15px;line-height:1.65}.markdown-content{white-space:normal;overflow-wrap:anywhere}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content blockquote,.markdown-content pre,.markdown-content table{margin:0 0 10px}.markdown-content ul,.markdown-content ol{padding-left:22px}.markdown-content blockquote{color:#65616f;border-left:3px solid #c9b8ee;padding-left:12px}.markdown-content pre,.markdown-content table{max-width:100%;overflow-x:auto}.markdown-content pre{background:#e7e3f0;border-radius:8px;padding:10px 12px}.markdown-content code{background:#e7e3f0;border-radius:4px;padding:1px 4px;font-size:.92em}.markdown-content pre code{background:0 0;padding:0}.markdown-content table{border-collapse:collapse;display:block}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #d8d1e5;padding:5px 8px}.message.user{color:#fff;background:#7137d6;border-bottom-right-radius:5px;margin-left:auto}.message.assistant{color:#3b3b48;background:#f1eef9;border-bottom-left-radius:5px}.waiting-message{min-width:142px}.thinking-indicator{color:#777381;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.thinking-dots{align-items:center;gap:4px;height:14px;display:inline-flex}.thinking-dots i{background:#81769a;border-radius:50%;width:5px;height:5px;animation:1.15s ease-in-out infinite thinking-bounce}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}.stream-cursor{vertical-align:-.12em;background:#7137d6;border-radius:1px;width:2px;height:1.05em;margin-left:3px;animation:.85s step-end infinite stream-blink;display:inline-block}@keyframes thinking-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes stream-blink{0%,45%{opacity:1}46%,to{opacity:.2}}@media (prefers-reduced-motion:reduce){.thinking-dots i,.stream-cursor{animation:none}}.message-progress{color:#9999a4;width:min(760px,100% - 32px);margin:-104px auto 104px;font-size:13px}.session-drawer-backdrop{z-index:8;background:#1f1c2d38;position:fixed;inset:0}.session-drawer{background:#fff;flex-direction:column;width:min(380px,88vw);padding:24px 17px 20px;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 25px #21193a1f}.drawer-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer-heading h2{color:#18181f;margin:0;font-size:18px}.session-list{gap:17px;min-height:0;display:grid;overflow:auto}.session-group{gap:3px;display:grid}.session-group h3{color:#92919a;margin:0 12px 4px;font-size:12px;font-weight:500}.session-item{color:#292933;text-align:left;border-radius:8px;gap:5px;padding:8px 12px;display:grid}.session-item:hover,.session-item.active{color:#6d35c5;background:#f4f1fa}.session-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-item small{color:#a2a1ab;justify-content:space-between;font-size:11px;display:flex}.session-task-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-task-status.running,.session-task-status.created,.session-task-status.waiting{color:#2f72c4}.session-task-status.completed{color:#24845b}.session-task-status.failed{color:#b5473e}.session-task-status.cancelled{color:#777681}.session-item time{color:#9b9aa3}.drawer-footer{color:#292933;border-top:1px solid #f0eff3;justify-content:space-between;align-items:center;margin-top:auto;padding:18px 12px 0;display:flex}.drawer-footer strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-footer-actions{align-items:center;gap:7px;display:flex}.drawer-footer-button{color:#617084;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.drawer-footer-button:hover{background:#f4f1fa}.drawer-footer-button:disabled{color:#aeb3ba;opacity:.8}.page-section{width:min(760px,100% - 32px);margin:0 auto;padding:24px 0}.panel{background:#fff;border:1px solid #e8e7ef;border-radius:14px;padding:18px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.list{gap:8px;display:grid}.muted{color:#9999a4;font-size:13px}.error{color:#b42318;font-size:13px}.attachment{color:#5f37aa;font-size:13px}.attachment-drafts{flex-wrap:wrap;gap:8px;width:min(720px,100%);margin:0 auto 8px;display:flex}.attachment-draft{color:#282832;background:#fff;border:1px solid #ded9e9;border-radius:6px;grid-template-columns:30px minmax(0,1fr) 26px;align-items:center;gap:8px;min-width:210px;max-width:300px;min-height:54px;padding:8px;display:grid;position:relative}.attachment-draft svg,.attachment-card svg{color:#6b49a8}.attachment-draft-image{width:96px;min-width:0;height:72px;padding:0;display:block;overflow:hidden}.attachment-draft-image img{object-fit:cover;width:100%;height:100%;display:block}.attachment-remove{color:#fff;background:#191920b8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.attachment-remove:hover{background:#20202b}.attachment-card{color:#282832;text-align:left;background:#fff;border:1px solid #dddde4;border-radius:6px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(360px,100%);margin:5px 0;padding:9px 10px;display:grid}.attachment-details{gap:1px;min-width:0;display:grid}.attachment-details strong{color:#282832;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.attachment-details small{color:#85818c;font-size:11px}.attachment-action{color:#6b49a8;white-space:nowrap}.attachment-image{background:#e8e6ed;border-radius:6px;width:min(320px,100%);max-height:320px;margin:5px 0;padding:0;display:block;position:relative;overflow:hidden}.attachment-image img{object-fit:contain;width:100%;max-height:320px;display:block}.attachment-image small{color:#fff;background:#191920b8;border-radius:4px;padding:3px 7px;position:absolute;bottom:8px;right:8px}.auth-card{gap:20px;width:min(390px,100% - 32px);margin:10vh auto;padding:28px;display:grid}.auth-card h1{margin:0 0 18px;font-size:30px}.auth-card p{margin:0}.auth-form{gap:8px;display:grid}.auth-form label{margin-top:4px;font-size:14px;font-weight:600}.auth-form input{border:1px solid #d8d6e0;border-radius:8px;height:40px;padding:8px 10px}.auth-form button{color:#fff;background:#7137d6;border-radius:8px;height:40px;margin-top:8px}.auth-switch{color:#9999a4;text-align:center;font-size:14px}.auth-switch a{color:#7137d6;margin-left:4px;font-weight:600}@media (min-width:760px){.welcome{padding-top:80px}.composer-dock{padding-bottom:24px}}@media (max-width:600px){.chat-header{padding:0 10px}.chat-header h1{font-size:17px}.welcome{padding-top:36px}.welcome h2{font-size:21px}.message{max-width:90%}}
