:root{--bg:#f7f8fb;--panel:#fff;--sidebar:#11131a;--sidebar-soft:#1a1d26;--text:#181b25;--muted:#73798a;--border:#e5e7ee;--accent:#6d5dfc;--accent-dark:#5546eb;--accent-soft:#efedff;--danger:#e24b5b;--shadow:0 24px 70px #1618231f}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.loading-screen{background:#11131a;place-items:center;height:100dvh;display:grid}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{color:#f5f6fa;background:radial-gradient(circle at 20% -10%, #6d5dfc3d, transparent 35%), var(--sidebar);flex-direction:column;flex:0 0 284px;width:284px;padding:20px 14px 14px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;padding:0 7px 20px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8c7dff,#5845ef);border-radius:11px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:inline-grid;box-shadow:0 8px 24px #5d47f159}.brand-mark.large{border-radius:17px;width:54px;height:54px;font-size:24px}.brand strong{letter-spacing:.2px;font-size:15px;display:block}.brand small{color:#818696;margin-top:3px;font-size:11px;display:block}.icon-button{color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#8086991f}.mobile-close{display:none}.new-chat-button{color:#fff;background:linear-gradient(135deg,#6d5dfcf2,#5140e2f2);border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:45px;font-size:14px;font-weight:650;display:flex;box-shadow:0 12px 25px #392abe33}.new-chat-button:hover{filter:brightness(1.08)}.agent-library-button{color:#cfd2dc;text-align:left;background:0 0;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:9px;padding:8px 10px;display:flex}.agent-library-button:hover,.agent-library-button.active{background:var(--sidebar-soft)}.agent-library-button.active{box-shadow:inset 2px 0 var(--accent)}.agent-library-button>svg{color:#a89fff;width:19px}.agent-library-button strong,.agent-library-button small{display:block}.agent-library-button strong{font-size:11px}.agent-library-button small{color:#73798a;margin-top:4px;font-size:8px}.history-label{color:#777c8c;letter-spacing:.13em;text-transform:uppercase;margin:25px 9px 9px;font-size:11px;font-weight:700}.conversation-list{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.conversation-item{border-radius:11px;align-items:center;min-height:62px;margin:3px 0;transition:background .15s;display:flex}.conversation-item:hover,.conversation-item.active{background:var(--sidebar-soft)}.conversation-item.active{box-shadow:inset 2px 0 var(--accent)}.conversation-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-self:stretch;padding:10px 5px 9px 13px}.conversation-title{text-overflow:ellipsis;white-space:nowrap;color:#dde0e9;font-size:13px;font-weight:560;display:block;overflow:hidden}.conversation-meta{color:#747a8c;gap:5px;margin-top:6px;font-size:10px;display:flex}.conversation-meta i{font-style:normal}.conversation-meta b{color:#5eb482;font-weight:700}.conversation-actions{opacity:0;align-items:center;margin-right:5px;display:flex}.conversation-actions button{color:#8a90a0;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:29px;display:grid}.conversation-actions svg{width:14px}.conversation-item:hover .conversation-actions{opacity:1}.conversation-actions button:hover{color:#c4c7d1;background:#ffffff12}.conversation-actions button:last-child:hover{color:#ff7f8c;background:#e24b5b1a}.rename-input{color:#fff;background:#12141c;border:1px solid #6454ef;border-radius:7px;outline:none;flex:1;min-width:0;margin:11px 5px 11px 11px;padding:6px 7px;font-size:12px}.sidebar-footer{border-top:1px solid #ffffff12;align-items:center;gap:3px;padding:12px 1px 0;display:flex}.sidebar-footer>button{text-align:left;color:#c9ccd6;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:9px 10px;display:flex}.sidebar-footer>button:hover{background:var(--sidebar-soft)}.sidebar-footer .user-menu-button{flex:1;min-width:0}.sidebar-footer .user-menu-button.static{cursor:default}.sidebar-footer .user-menu-button.static:hover{background:0 0}.sidebar-footer .agent-admin-shortcut{color:#a99fff;background:#6d5dfc1a;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.sidebar-footer .agent-admin-shortcut svg{width:17px}.sidebar-footer .logout-button{flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.sidebar-footer .cache-clear-button{color:#a99fff;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.sidebar-footer .cache-clear-button:hover{color:#fff;background:#6d5dfc29}.sidebar-footer .logout-button svg,.sidebar-footer .cache-clear-button svg{width:17px}.user-avatar{color:#fff;background:linear-gradient(135deg,#7666fa,#5142d7);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small{color:#717787;margin-top:3px;font-size:10px}.chat-panel{background:var(--panel);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#ffffffe0;flex:0 0 69px;justify-content:space-between;align-items:center;height:69px;padding:0 26px;display:flex}.menu-button{display:none}.model-picker{align-items:center;gap:9px;display:flex}.model-picker select{color:var(--text);background:0 0;border:0;outline:0;padding:6px 22px 6px 0;font-size:14px;font-weight:700}.model-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.family-claude{background:#d37b55;box-shadow:0 0 0 4px #f8e9e2}.family-grok{background:#2e3037;box-shadow:0 0 0 4px #eceef2}.online-status{color:#3b9361;background:#ecf8f1;border-radius:20px;margin-left:5px;padding:4px 7px;font-size:9px;font-weight:700}.active-provider-chip{border-left:1px solid var(--border);color:#7d8290;grid-template-rows:auto auto auto;grid-template-columns:62px minmax(0,1fr);align-items:baseline;gap:2px 8px;max-width:330px;margin-left:16px;padding-left:14px;display:grid}.active-provider-chip>span{white-space:nowrap;grid-area:1/1;font-size:8px;font-weight:700;line-height:1.35}.active-provider-chip>strong{text-overflow:ellipsis;white-space:nowrap;color:#4f46c8;grid-area:1/2;min-width:0;font-size:10px;line-height:1.35;overflow:hidden}.active-provider-chip>small{color:#7d8290;white-space:nowrap;grid-area:2/2;font-size:7px;line-height:1.35}.active-provider-chip>code{text-overflow:ellipsis;white-space:nowrap;color:#969aa6;grid-area:3/2;min-width:0;font-family:inherit;font-size:8px;line-height:1.35;overflow:hidden}.active-provider-chip.missing strong{color:var(--danger)}.active-agent-chip{border:1px solid var(--border);color:#696f7c;background:#fff;border-radius:10px;align-items:center;gap:7px;min-width:150px;margin-left:auto;margin-right:10px;padding:6px 9px;display:flex}.active-agent-chip.bound{background:#f7f5ff;border-color:#dcd8ff}.active-agent-chip svg{width:17px;color:var(--accent);flex:0 0 17px}.active-agent-chip small,.active-agent-chip strong{display:block}.active-agent-chip small{color:#989ca8;font-size:7px}.active-agent-chip strong{text-overflow:ellipsis;white-space:nowrap;color:#414653;max-width:160px;margin-top:2px;font-size:10px;overflow:hidden}.top-settings{border:1px solid var(--border);color:#5d6372;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.top-settings svg{width:17px}.top-settings:hover{background:var(--bg)}.messages{background:radial-gradient(circle at 72% 15%,#6d5dfc0b,#0000 27%),#fff;flex:1;min-height:0;overflow-y:auto}.empty-messages{place-items:center;display:grid}.scroll-jump-controls{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #dadce5f2;border-radius:12px;gap:3px;padding:4px;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%);box-shadow:0 8px 26px #2225311f}.scroll-jump-controls button{color:#686e7c;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;transition:color .15s,background .15s,transform .15s;display:grid}.scroll-jump-controls button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.scroll-jump-controls button:disabled{opacity:.28;cursor:default}.scroll-jump-controls svg{width:17px;height:17px}.welcome{text-align:center;width:min(680px,100% - 40px);padding:30px 0 45px}.welcome-orb{background:#f7f5ff;border:1px solid #e8e5ff;border-radius:25px;place-items:center;width:80px;height:80px;margin:0 auto 19px;display:grid;transform:rotate(-3deg)}.welcome-orb .brand-mark{transform:rotate(3deg)}.eyebrow{color:var(--accent);letter-spacing:.17em;margin:0 0 9px;font-size:10px;font-weight:800}.welcome h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3vw,36px)}.welcome-copy{max-width:510px;color:var(--muted);margin:14px auto 25px;font-size:13px;line-height:1.7}.suggestion-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.suggestion-grid button{border:1px solid var(--border);min-height:79px;color:var(--text);background:#ffffffd9;border-radius:13px;padding:14px 15px;transition:transform .15s,border-color .15s,box-shadow .15s}.suggestion-grid button:hover{border-color:#cbc5ff;transform:translateY(-2px);box-shadow:0 10px 25px #36315a12}.suggestion-grid strong{margin-bottom:6px;font-size:12px;display:block}.suggestion-grid span{color:var(--muted);font-size:11px;line-height:1.45;display:block}.message-column{width:min(820px,100% - 44px);margin:0 auto;padding:42px 0 20px}.message{grid-template-columns:34px minmax(0,1fr);gap:13px;margin-bottom:32px;display:grid}.avatar{color:#fff;background:linear-gradient(135deg,#8070ff,#5847e7);border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.message.user .avatar{color:#5f6471;background:#f0f1f5}.message-label{align-items:baseline;gap:9px;height:27px;display:flex}.message-label strong{font-size:12px}.message-label span{color:#a0a4b0;font-size:9px}.message-content{color:#343844;overflow-wrap:anywhere;font-size:14px;line-height:1.76}.message-content p{white-space:pre-wrap;margin:0 0 5px}.message-content p strong{color:#20232d;font-weight:760}.message-heading{color:#20232d;font-weight:780;margin:17px 0 8px!important}.message-heading:first-child{margin-top:0!important}.message-heading.heading-1{font-size:18px}.message-heading.heading-2{font-size:16px}.message-heading.heading-3{font-size:14px}.assistant-content-card{background:#f7f7f9;border:1px solid #e2e2e7;border-radius:18px;width:100%;margin-top:3px;overflow:hidden;box-shadow:0 10px 30px #1f22300e}.content-card-toolbar{background:linear-gradient(#f7f7f9,#f2f2f5);border-bottom:1px solid #e4e4e9;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px 8px 16px;display:flex}.content-card-toolbar>span{color:#777d8b;letter-spacing:.08em;font-size:10px;font-weight:760}.content-card-toolbar>div{align-items:center;gap:4px;display:flex}.content-card-toolbar button{color:#5f6572;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:34px;padding:0 9px;font-size:10px;display:flex}.content-card-toolbar button:hover{color:var(--accent);background:#e9e7fa}.content-card-toolbar button svg{width:16px}.content-card-body{background:#f7f7f9;padding:26px 28px 30px}.content-card-footer{background:linear-gradient(#f4f4f6,#f0f0f3);border-top:1px solid #e4e4e9;justify-content:flex-end;align-items:center;min-height:58px;padding:10px 14px;display:flex}.content-card-footer button{color:#5c4ee5;background:#ffffffe6;border:1px solid #d6d2ff;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:112px;height:36px;padding:0 14px;font-size:11px;font-weight:720;display:flex;box-shadow:0 3px 10px #4538aa0f}.content-card-footer button:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.content-card-footer button svg{width:16px}.document-preview-backdrop{z-index:45;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0e14b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.document-preview-dialog{background:#fff;border-radius:20px;flex-direction:column;width:min(920px,100%);max-height:calc(100dvh - 56px);display:flex;overflow:hidden;box-shadow:0 28px 90px #00000057}.document-preview-dialog>header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:11px 14px 11px 24px;display:flex}.document-preview-dialog>header>div:first-child{min-width:0}.document-preview-dialog>header small{color:var(--accent);letter-spacing:.14em;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.document-preview-dialog>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.document-preview-dialog>header>div:last-child{align-items:center;gap:6px;display:flex}.document-preview-dialog>header button{border:1px solid var(--border);color:#606674;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:10px;display:flex}.document-preview-dialog>header button:hover{color:var(--accent);background:#faf9ff;border-color:#cbc6ff}.document-preview-dialog>header button svg{width:16px}.document-preview-dialog>header .document-preview-close{justify-content:center;width:36px;padding:0}.document-preview-content{color:#282c36;flex:1;min-height:0;padding:42px 54px 56px;font-size:15px;line-height:1.88;overflow-y:auto}.document-preview-content p{white-space:pre-wrap;margin:0 0 7px}.generated-image-card{width:min(640px,100%);margin:8px 0 12px}.generated-image-open{color:#fff;background:#f5f5f8;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.generated-image{border:1px solid var(--border);object-fit:contain;background:#f5f5f8;border-radius:14px;width:100%;max-height:680px;display:block}.generated-image-open>span{opacity:0;color:#fff;background:#14161eb8;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;bottom:12px;right:12px}.generated-image-open:hover>span{opacity:1}.generated-image-open>span svg{width:14px}.generated-image-download{border:1px solid var(--border);color:#656b78;background:#fff;border-radius:8px;align-items:center;gap:5px;margin-top:7px;padding:6px 9px;font-size:10px;display:flex}.generated-image-download:hover{color:var(--accent);border-color:#cfcaff}.generated-image-download svg{width:14px}.message-error .avatar{background:#d94b5d}.message-error .message-content{color:#a92f3e;background:#fff4f5;border:1px solid #f4c5cc;border-radius:10px;padding:10px 12px}.image-preview-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090ee0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-preview-dialog{flex-direction:column;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);display:flex;position:relative}.image-preview-dialog>img{object-fit:contain;border-radius:12px;max-width:100%;max-height:calc(100dvh - 100px);box-shadow:0 20px 70px #00000073}.image-preview-actions{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.image-preview-actions button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:11px;display:flex}.image-preview-actions button:hover{background:#ffffff2e}.image-preview-actions button svg{width:16px}.image-preview-actions .image-preview-close{justify-content:center;width:36px;padding:0}.message.user .message-content{background:#f4f3ff;border-radius:4px 14px 14px;padding:10px 13px;display:inline-block}.message-attachments{flex-wrap:wrap;gap:8px;margin:2px 0 9px;display:flex}.message-attachments img{object-fit:cover;border:1px solid var(--border);background:#f3f4f7;border-radius:12px;width:min(260px,100%);max-height:220px}.file-chip{border:1px solid var(--border);color:#5f6472;text-overflow:ellipsis;white-space:nowrap;background:#f8f9fb;border-radius:10px;align-items:center;gap:7px;max-width:300px;padding:8px 10px;font-size:11px;display:flex;overflow:hidden}.file-chip svg{flex:0 0 16px;width:16px}.copy-button{color:#8c91a0;background:0 0;border:0;align-items:center;gap:5px;padding:4px 6px 4px 0;font-size:10px;display:flex}.copy-button svg{width:14px}.copy-button:hover{color:var(--accent)}.message-actions{align-items:center;gap:13px;margin-top:8px;display:flex}.typing{gap:4px;padding-top:8px;display:inline-flex}.typing i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite pulse}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.generation-progress{color:#5d55a9;background:#f8f7ff;border:1px solid #e1ddff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.generation-progress .typing{padding-top:0}.generation-progress strong{font-size:10px;font-weight:700}.generation-progress small{color:#9691b5;white-space:nowrap;margin-left:auto;font-size:9px}@keyframes pulse{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.composer-wrap{background:#fff;flex:none;padding:10px 26px 15px}.pending-attachments{flex-wrap:wrap;gap:7px;width:min(820px,100%);margin:0 auto 8px;display:flex}.pending-file{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:8px;max-width:245px;height:51px;padding:6px;display:flex;box-shadow:0 5px 16px #1e202d0d}.pending-file>img{object-fit:cover;border-radius:7px;flex:0 0 37px;width:37px;height:37px}.pending-file>svg{width:37px;height:37px;color:var(--accent);background:var(--accent-soft);border-radius:7px;flex:0 0 37px;padding:9px}.pending-file>span{flex:1;min-width:0}.pending-file strong,.pending-file small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pending-file strong{font-size:10px}.pending-file small{color:var(--muted);margin-top:3px;font-size:8px}.pending-file button{color:#9296a3;background:0 0;border:0;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.pending-file button:hover{color:var(--danger);background:#fff0f2}.pending-file button svg{width:13px}.image-size-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;width:min(820px,100%);margin:0 auto 8px;display:flex}.image-size-control label{align-items:center;gap:6px;display:flex}.image-size-control span{color:#858a97;font-size:10px;font-weight:700}.image-size-control select{border:1px solid var(--border);color:#555b69;background:#fff;border-radius:9px;outline:none;height:31px;padding:0 27px 0 10px;font-size:10px;font-weight:700}.image-size-control select:focus{border-color:#bdb6ff;box-shadow:0 0 0 3px #f1efff}@media (max-width:620px){.image-size-control{justify-content:flex-start}.image-size-control label{flex:125px}.image-size-control select{width:100%;min-width:0}}.composer{background:#fff;border:1px solid #dfe1e8;border-radius:17px;align-items:flex-end;width:min(820px,100%);min-height:57px;margin:0 auto;padding:9px 9px 9px 18px;display:flex;position:relative;box-shadow:0 8px 30px #23263412}.composer.dragging-files{border-color:var(--accent);background:#f6f4ff;box-shadow:0 8px 30px #4c3eb71f,0 0 0 4px #ebe8ff}.composer-drop-hint{z-index:3;pointer-events:none;color:var(--accent);background:#f8f7fff5;border:1px dashed #9589ff;border-radius:13px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:4px}.hidden-file-input{display:none}.attach-button{color:#747987;background:0 0;border:0;border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.attach-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.attach-button svg{width:18px}.composer:focus-within{border-color:#bdb6ff;box-shadow:0 8px 30px #4c3eb71a,0 0 0 3px #f1efff}.composer textarea{resize:none;min-width:0;min-height:37px;max-height:180px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:9px 9px 4px 0;font-size:13px;line-height:1.55;overflow-y:auto}.composer textarea::placeholder{color:#a8acb7}.send-button{color:#fff;background:var(--accent);border:0;border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.send-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.send-button svg{width:18px}.stop-button span{background:#fff;border-radius:2px;width:11px;height:11px}.composer-note{color:#a0a4af;text-align:center;margin:8px 0 0;font-size:9px}.error-banner{color:#a22f3d;background:#fff3f5;border:1px solid #f6c9cf;border-radius:10px;justify-content:space-between;gap:15px;width:min(820px,100%);margin:0 auto 9px;padding:9px 11px;font-size:11px;line-height:1.5;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-weight:700}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c1294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(690px,100%);max-height:min(820px,100dvh - 40px);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:22px 25px 17px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-header .eyebrow{margin-bottom:5px}.modal-body{padding:21px 25px 25px;overflow-y:auto}.server-key-note{color:#5148a9;background:linear-gradient(135deg,#f8f7ff 0%,#f3f1ff 100%);border:1px solid #dcd7ff;border-radius:13px;grid-template-columns:minmax(180px,1fr) minmax(310px,1.35fr);align-items:center;gap:14px 18px;margin-bottom:22px;padding:14px;display:grid}.server-key-copy strong,.server-key-copy span{display:block}.server-key-copy strong{font-size:12px}.server-key-copy span{color:#77728d;max-width:270px;margin-top:5px;font-size:9px;line-height:1.55}.server-key-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.server-key-actions button{color:#584ad8;background:#ffffffeb;border:1px solid #c9c3ff;border-radius:9px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:700}.server-key-actions button:hover:not(:disabled){background:#fff;border-color:#a99fff;box-shadow:0 5px 14px #5646d017}.server-key-actions button:disabled{opacity:.6;cursor:wait}.server-key-actions .connection-test-button{color:#fff;background:linear-gradient(135deg,#7565ed,#6251df);border-color:#7565ed;grid-column:1/-1}.server-key-actions .connection-test-button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6857e8,#5543cf);border-color:#5d4bd8;box-shadow:0 6px 16px #5646d033}.connection-test-result{overflow-wrap:anywhere;background:#fff;border:1px solid #e1deef;border-radius:9px;grid-column:1/-1;padding:9px 10px}.connection-test-result.success{border-left:3px solid #42a269}.connection-test-result.warning{border-left:3px solid #d99a33}.connection-test-result.failure{border-left:3px solid var(--danger)}.connection-test-result b{font-size:10px;display:block}.connection-test-result.success b{color:#328153}.connection-test-result.warning b{color:#9a6817}.connection-test-result.failure b{color:#b43141}.connection-test-result span{color:#696f7d;margin-top:3px;display:block}.field{margin-bottom:18px;display:block}.field>span,.section-title span{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field input,.field textarea,.field select,.model-row input,.model-row select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:10px 11px;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus,.model-row input:focus,.model-row select:focus{border-color:#b9b1ff;box-shadow:0 0 0 3px #f1efff}.field textarea{resize:vertical;line-height:1.55}.field small,.section-title small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.5;display:block}.key-field{position:relative}.key-field input{padding-right:58px}.key-field button{color:var(--muted);background:#f1f2f5;border:0;border-radius:7px;font-size:10px;position:absolute;top:5px;bottom:5px;right:5px}.section-title{justify-content:space-between;align-items:flex-start;gap:20px;margin:5px 0 10px;display:flex}.section-title span{margin-bottom:0}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.text-button svg{width:15px}.model-family-settings{background:#faf9ff;border:1px solid #e5e2ff;border-radius:12px;margin-bottom:18px;padding:13px}.model-family-list{flex-wrap:wrap;gap:7px;display:flex}.model-family-row{flex:170px;grid-template-columns:minmax(0,1fr) 34px;gap:6px;min-width:150px;display:grid}.model-family-row input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:9px;outline:none;padding:8px 10px;font-size:10px}.model-family-row input:focus{border-color:#b9b1ff;box-shadow:0 0 0 3px #f1efff}.model-family-row .danger{color:var(--danger)}.model-list{gap:8px;display:grid}.model-row{grid-template-columns:78px 1fr 1.1fr 120px 36px;gap:7px;display:grid}.model-row .danger{color:var(--danger)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;padding:15px 25px;display:flex}.primary-button,.secondary-button{border-radius:9px;min-width:90px;padding:9px 13px;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.secondary-button{border:1px solid var(--border);color:#555b69;background:#fff}.mobile-overlay{display:none}.agent-modal{width:min(880px,100%)}.agent-manager-body{grid-template-columns:230px 1fr;min-height:470px;display:grid;overflow:hidden}.agent-admin-list{border-right:1px solid var(--border);background:#f8f9fb;padding:15px 11px;overflow-y:auto}.new-agent-button{width:100%;height:38px;color:var(--accent);background:#f3f1ff;border:1px dashed #bfb8ff;border-radius:9px;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.new-agent-button svg{width:15px}.agent-admin-item{width:100%;min-height:55px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;margin-bottom:4px;padding:8px;display:flex}.agent-admin-item:hover,.agent-admin-item.active{background:#fff;box-shadow:0 4px 14px #2326340f}.agent-admin-item>span{width:31px;height:31px;color:var(--accent);background:var(--accent-soft);border-radius:8px;flex:0 0 31px;place-items:center;display:grid}.agent-admin-item svg{width:16px}.agent-admin-item strong,.agent-admin-item small{display:block}.agent-admin-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:155px;font-size:11px;overflow:hidden}.agent-admin-item small{color:var(--muted);margin-top:4px;font-size:8px}.agent-list-status{color:var(--muted);text-align:center;padding:10px;font-size:10px}.agent-editor{padding:19px 22px;overflow-y:auto}.secret-prompt-field textarea{min-height:175px}.agent-enabled{color:#515663;align-items:center;gap:7px;font-size:10px;display:flex}.agent-enabled input{accent-color:var(--accent)}.agent-error{margin:14px 0 0}.agent-rule-files{border:1px solid var(--border);background:#fafafe;border-radius:11px;margin-bottom:16px;padding:12px}.agent-rule-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-rule-heading strong,.agent-rule-heading small{display:block}.agent-rule-heading strong{color:#424754;font-size:11px}.agent-rule-heading small{color:#8b8f9c;margin-top:4px;font-size:8px;line-height:1.45}.rule-upload-button{color:#5c4de1;cursor:pointer;background:#fff;border:1px solid #d5d0ff;border-radius:8px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.rule-upload-button svg{width:14px}.rule-upload-button input{display:none}.agent-rule-list{gap:7px;margin-top:10px;display:grid}.agent-rule-list>p{color:#a0a4af;text-align:center;border:1px dashed #dfe1e8;border-radius:8px;margin:0;padding:12px;font-size:9px}.agent-rule-item{background:#fff;border:1px solid #e5e6ec;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.agent-rule-item>svg{width:17px;color:var(--accent);flex:0 0 17px}.agent-rule-item>span{flex:1;min-width:0}.agent-rule-item strong,.agent-rule-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.agent-rule-item strong{color:#4b505d;font-size:9px}.agent-rule-item small{color:#999da9;margin-top:2px;font-size:8px}.agent-rule-item button{color:#d94b5d;background:0 0;border:0;border-radius:7px;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.agent-rule-item button:hover{background:#fff0f2}.agent-rule-item button svg{width:14px}.agent-rule-summary{color:#8c909c;justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.agent-rule-warning{color:#aa6d25;margin-top:8px;font-size:8px;line-height:1.45;display:block}.provider-help{color:#666083;background:#f7f5ff;border:1px solid #ddd9ff;border-radius:9px;margin-bottom:16px;padding:9px 10px;font-size:10px;line-height:1.55}.provider-key-input{position:relative}.provider-key-input input{padding-right:58px}.provider-key-input button{color:#686e7a;background:#f0f1f5;border:0;border-radius:7px;padding:0 10px;font-size:9px;position:absolute;top:5px;bottom:5px;right:5px}.provider-user-access{margin:0 0 16px}.provider-user-access>strong,.provider-user-access>small{display:block}.provider-user-access>strong{font-size:12px}.provider-user-access>small{color:var(--muted);margin:5px 0 9px;font-size:9px}.provider-user-access>div{border:1px solid var(--border);background:#fafafd;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;max-height:125px;padding:5px;display:grid;overflow-y:auto}.provider-user-access label{color:#505563;border-radius:7px;align-items:center;gap:7px;padding:7px;font-size:10px;display:flex}.provider-user-access label:hover{background:#fff}.provider-user-access input{accent-color:var(--accent)}.provider-user-access i{color:var(--muted);font-style:normal}.agent-modal-footer{justify-content:space-between}.agent-modal-footer>div{gap:8px;display:flex}.danger-button{color:var(--danger);background:#fff5f6;border:1px solid #f2c2c8;border-radius:9px;align-items:center;gap:5px;padding:8px 12px;font-size:10px;display:flex}.danger-button svg{width:14px}.user-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-system-prompt textarea{min-height:145px}.user-permission-options{flex-wrap:wrap;gap:22px;margin-top:-2px;display:flex}.user-permission-options input:disabled{opacity:.55}.admin-user-library-button{color:#e4e4ee;text-align:left;background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:9px;padding:8px 10px;display:flex}.admin-user-library-button:hover{background:#6d5dfc17;border-color:#8e81ff80}.admin-user-library-button>svg{color:#a89fff;flex:0 0 19px;width:19px}.admin-user-library-button strong,.admin-user-library-button small{display:block}.admin-user-library-button strong{font-size:11px}.admin-user-library-button small{color:#73798a;margin-top:4px;font-size:8px}.admin-sidebar-actions{grid-template-columns:1fr;gap:0;display:grid}.admin-sidebar-actions .admin-user-library-button{min-width:0}.conversation-archive-modal{width:min(1180px,100%);height:min(780px,100dvh - 40px)}.archive-error{color:#a22f3d;background:#fff3f5;border:1px solid #f6c9cf;border-radius:9px;margin:11px 15px 0;padding:9px 11px;font-size:10px}.conversation-archive-body{flex:1;grid-template-columns:230px 280px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.archive-user-list,.archive-conversation-list{border-right:1px solid var(--border);background:#f8f9fb;min-width:0;padding:14px 10px;overflow-y:auto}.archive-conversation-list{background:#fbfbfd}.archive-column-title{color:#777c89;padding:2px 7px 10px;font-size:10px;display:block}.archive-list-button{color:#454a57;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;width:100%;min-width:0;margin-bottom:5px;padding:10px 9px;display:flex}.archive-list-button:hover{background:#fff}.archive-list-button.active{color:#4f43ca;background:#fff;border-color:#d9d4ff;box-shadow:0 5px 15px #4337970f}.archive-list-button>svg{color:#8174ef;flex:0 0 17px;width:17px;margin-top:1px}.archive-list-button>span{min-width:0}.archive-list-button strong,.archive-list-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.archive-list-button strong{font-size:10px}.archive-list-button small{color:#8a8f9c;margin-top:4px;font-size:8px;line-height:1.45}.archive-transcript{background:#fff;min-width:0;min-height:0;padding:0 22px 24px;overflow-y:auto}.archive-transcript-header{z-index:1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;margin:0 -22px 17px;padding:15px 22px;display:flex;position:sticky;top:0}.archive-transcript-header strong,.archive-transcript-header small{display:block}.archive-transcript-header strong{font-size:13px}.archive-transcript-header small,.archive-transcript-header>span{color:#9296a2;margin-top:4px;font-size:8px}.archive-transcript-header>span{flex:none;margin:0}.archive-messages{gap:12px;display:grid}.archive-message{background:#fafafd;border:1px solid #ececf2;border-radius:12px;padding:11px 12px}.archive-message-user{background:#f6f4ff;border-color:#e1ddff}:is(.archive-message-error,.archive-message:has(>p:first-of-type:empty)){border-color:#f6c9cf}.archive-message>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:7px;display:flex}.archive-message>header strong{font-size:10px}.archive-message>header time{color:#979ba6;font-size:8px}.archive-message>p{overflow-wrap:anywhere;white-space:pre-wrap;color:#4d5260;margin:0;font-size:10px;line-height:1.65}.archive-message>img{object-fit:contain;background:#f0f1f4;border-radius:9px;width:auto;max-width:100%;max-height:360px;margin-top:9px;display:block}.archive-attachment{color:#656a76;background:#fff;border:1px solid #e4e5eb;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:7px 8px;font-size:9px;display:flex}.archive-attachment>svg{color:#8074e8;width:15px}.archive-attachment>img{object-fit:cover;border-radius:6px;width:46px;height:46px}.archive-empty{color:#999da8;margin:10px 7px;font-size:9px;line-height:1.55}.archive-empty-main{text-align:center;place-items:center;min-height:100%;display:grid}.agent-library{background:radial-gradient(circle at 85% 8%,#6d5dfc14,#0000 25%),#fbfbfd;flex:1;min-height:0;padding:54px clamp(24px,6vw,88px);overflow-y:auto}.library-header{justify-content:space-between;align-items:flex-end;gap:25px;max-width:1050px;margin:0 auto 30px;display:flex}.library-header h1{letter-spacing:-.04em;margin:0;font-size:30px}.library-header>div>p:last-child{color:var(--muted);margin:10px 0 0;font-size:12px}.create-agent-card-button{color:#fff;background:var(--accent);border:0;border-radius:10px;flex:none;align-items:center;gap:6px;height:41px;padding:0 15px;font-size:11px;font-weight:700;display:flex;box-shadow:0 9px 22px #5240dc33}.create-agent-card-button svg{width:16px}.agent-card-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;max-width:1050px;margin:0 auto;display:grid}.agent-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;min-height:245px;padding:19px;transition:all .18s;display:flex;box-shadow:0 8px 26px #2326340b}.agent-card:hover{border-color:#cdc7ff;transform:translateY(-2px);box-shadow:0 14px 32px #332c6114}.agent-card-top{justify-content:space-between;align-items:center;display:flex}.agent-card-avatar{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.agent-card-avatar svg{width:21px}.shared-badge{color:#4d8a64;background:#edf8f1;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:700}.agent-card h2{margin:16px 0 8px;font-size:16px}.agent-card>p{min-height:42px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.agent-card-privacy{color:#9a9eaa;align-items:center;gap:5px;margin-top:13px;font-size:8px;display:flex}.agent-card footer{gap:7px;margin-top:auto;padding-top:18px;display:flex}.agent-start-button,.agent-edit-button{border-radius:9px;justify-content:center;align-items:center;gap:5px;height:35px;font-size:10px;font-weight:700;display:flex}.agent-start-button{color:#fff;background:var(--accent);border:0;flex:1}.agent-edit-button{border:1px solid var(--border);color:#646978;background:#fff;width:72px}.agent-start-button svg,.agent-edit-button svg{width:14px}.library-empty{max-width:1050px;min-height:300px;color:var(--muted);text-align:center;background:#fff;border:1px dashed #d9dbe2;border-radius:16px;align-content:center;place-items:center;margin:0 auto;display:grid}.library-empty>svg{color:#aca5f5;width:35px;height:35px}.library-empty h2{color:var(--text);margin:12px 0 5px;font-size:16px}.library-empty p{margin:0;font-size:10px}.login-screen{background:radial-gradient(circle at 18% 12%,#705efc47,#0000 27%),radial-gradient(circle at 83% 86%,#705efc29,#0000 25%),#11131a;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191c26e0;border:1px solid #ffffff1c;border-radius:22px;width:min(410px,100%);padding:35px;box-shadow:0 30px 80px #00000052}.login-brand{text-align:center;margin-bottom:28px}.login-brand .brand-mark{margin-bottom:19px}.login-brand .eyebrow{color:#9286ff}.login-brand h1{letter-spacing:-.03em;margin:0;font-size:25px}.login-brand>p:last-child{color:#858b9c;margin:9px 0 0;font-size:12px}.login-card .field>span{color:#d8dbe4}.login-card .field input{color:#fff;background:#151821;border-color:#353947}.login-card .field input::placeholder{color:#666c7d}.login-button{color:#fff;background:linear-gradient(135deg,#7665fa,#5846e8);border:0;border-radius:11px;width:100%;height:45px;font-size:13px;font-weight:700;box-shadow:0 12px 25px #503bde40}.login-button:hover:not(:disabled){filter:brightness(1.08)}.login-error{color:#ff9daa;background:#e24b5b1a;border:1px solid #f56f7f40;border-radius:8px;margin:-5px 0 14px;padding:8px 10px;font-size:10px}.login-hint{color:#696f80;text-align:center;margin-top:17px;font-size:9px;display:block}@media (max-width:760px){.sidebar{z-index:15;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:18px 0 50px #00000040}.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:14;background:#0000006b;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-button{display:grid}.topbar{padding:0 14px}.model-picker{flex:1;margin-left:8px}.online-status,.top-settings span{display:none}.active-provider-chip{border-left:0;max-width:105px;margin-left:6px;padding-left:0;display:block}.active-provider-chip>span,.active-provider-chip>small,.active-provider-chip>code{display:none}.active-provider-chip>strong{max-width:105px;display:block}.active-agent-chip{min-width:100px;margin-right:5px}.active-agent-chip small{display:none}.active-agent-chip strong{max-width:100px}.top-settings{padding:8px}.message-column{width:calc(100% - 26px);padding-top:25px}.content-card-toolbar{padding-left:12px}.content-card-toolbar button{justify-content:center;width:34px;padding:0}.content-card-toolbar button span{display:none}.content-card-body{padding:20px 17px 24px}.content-card-footer{padding:9px 10px}.content-card-footer button{width:100%}.document-preview-backdrop{padding:10px}.document-preview-dialog{border-radius:15px;max-height:calc(100dvh - 20px)}.document-preview-dialog>header{padding-left:16px}.document-preview-dialog>header button:not(.document-preview-close){justify-content:center;width:36px;padding:0;font-size:0}.document-preview-content{padding:26px 20px 38px;font-size:14px}.scroll-jump-controls{right:8px}.scroll-jump-controls button{width:31px;height:31px}.composer-wrap{padding:8px 10px 10px}.pending-file{max-width:100%}.suggestion-grid{grid-template-columns:1fr}.suggestion-grid button:nth-child(n+4){display:none}.welcome{width:calc(100% - 28px);padding-top:18px}.welcome-copy{font-size:12px}.model-row{grid-template-columns:82px 1fr 36px}.model-row input:nth-of-type(2){grid-area:2/1/auto/3}.model-row select:nth-of-type(2){grid-area:3/1/auto/3}.model-row .danger{grid-area:1/3/4;align-self:center}.modal-body,.modal-header,.modal-footer{padding-left:17px;padding-right:17px}.server-key-note{grid-template-columns:1fr}.server-key-copy span{max-width:none}.login-card{padding:28px 21px}.agent-manager-body{grid-template-columns:1fr;overflow-y:auto}.agent-admin-list{border-right:0;border-bottom:1px solid var(--border);max-height:175px}.agent-editor{overflow:visible}.agent-library{padding:30px 16px}.library-header{align-items:flex-start}.library-header h1{font-size:25px}.create-agent-card-button{padding:0 11px}.agent-card-grid{grid-template-columns:1fr}.conversation-archive-body{grid-template-columns:1fr;overflow-y:auto}.archive-user-list,.archive-conversation-list{border-right:0;border-bottom:1px solid var(--border);max-height:170px}.archive-transcript{min-height:380px;overflow:visible}}