:root{color:#ececec;background:#212121;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#212121}*{scrollbar-width:thin;scrollbar-color:#6b6b6b transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#6b6b6b;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#8a8a8a;background-clip:content-box}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:14px;height:100vh;min-height:0;padding:12px 8px;border-right:1px solid #303030;background:#171717}.brand{display:grid;grid-template-columns:28px 1fr 32px;align-items:center;gap:8px;min-height:36px;padding:4px 8px}.brand strong{font-size:15px;font-weight:700}.brand button,.user-box button,.user-box a,.history-tools button,.chat-input button,.generator-form button,.settings-form button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:0;border-radius:8px;color:#ececec;background:transparent}.brand button:hover,.user-box button:hover,.user-box a:hover,.history-tools button:hover,.chat-input button:hover{background:#2f2f2f}.brand-mark,.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#111;background:#ececec;font-size:12px;font-weight:700}.nav-list{display:grid;gap:4px}.nav-list a{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:8px;color:#ececec;font-size:14px;font-weight:500}.nav-list a:hover,.nav-list a.router-link-active,.history-row:hover,.history-row.active{background:#2f2f2f}.history-tools{display:flex;align-items:center;padding:4px 8px}input,textarea,select{width:100%;border:1px solid #424242;border-radius:8px;color:#ececec;background:#2f2f2f;outline:none}input,select{height:34px;padding:0 10px}textarea{min-height:42px;resize:none;padding:12px 8px}input::placeholder,textarea::placeholder{color:#a0a0a0}.history-list{display:grid;align-content:start;gap:2px;min-height:0;overflow:auto;padding:0 4px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;min-height:34px;padding:0 4px 0 0;border:0;border-radius:8px}.history-open{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;min-width:0;padding:0 8px;border:0;color:#ececec;background:transparent;text-align:left}.history-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.history-open small{display:none}.history-delete{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;color:#a0a0a0;background:transparent;opacity:0}.history-row:hover .history-delete,.history-row.active .history-delete{opacity:1}.history-delete:hover{color:#f3f3f3;background:#3a3a3a}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#00000085}.confirm-dialog{width:min(360px,100%);padding:18px;border:1px solid #3c3c3c;border-radius:12px;color:#ececec;background:#2b2b2b;box-shadow:0 18px 60px #0000006b}.confirm-dialog h3{margin:0 0 8px;font-size:16px}.confirm-dialog p{margin:0;color:#bdbdbd;font-size:13px;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-actions button{height:34px;padding:0 14px;border:0;border-radius:8px;font-weight:600}.confirm-secondary{color:#ececec;background:#3a3a3a}.confirm-danger{color:#fff;background:#d5483f}.user-box{display:grid;grid-template-columns:30px 1fr 32px 32px;align-items:center;gap:6px;margin-top:auto;padding:8px;border-top:1px solid #303030}.user-box strong{display:block;font-size:13px}.user-box small,.topbar small,.glow-card small{color:#a0a0a0;font-size:12px}.main-panel{display:grid;grid-template-rows:auto 1fr;min-width:0;height:100vh;min-height:0;overflow:hidden;background:#212121}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 22px;background:#212121}.topbar h2{margin:0;font-size:15px;font-weight:600}.model-select{display:flex;align-items:center;gap:6px;width:min(260px,42vw);padding:0 8px;border-radius:8px;color:#bdbdbd;background:transparent}.model-select select{height:32px;border:0;color:#bdbdbd;background:transparent}.chat-window{display:grid;grid-template-rows:1fr auto;min-height:0;padding:0 0 28px}.chat-scroll{min-height:0;overflow-y:auto;padding:0 24px}.welcome-panel{display:grid;place-items:center;align-content:center;gap:26px;min-height:0;text-align:center}.welcome-panel h1{margin:0;color:#f4f4f4;font-size:24px;font-weight:700;letter-spacing:0}.welcome-panel p,.hud-ring{display:none}.prompt-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:min(620px,100%)}.prompt-grid button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #424242;border-radius:999px;color:#ececec;background:transparent;font-size:13px}.prompt-grid button:hover{background:#2f2f2f}.message-list{display:grid;align-content:start;gap:22px;min-height:0;width:min(860px,100%);margin:0 auto;padding:24px 0 32px}.message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.message.user{grid-template-columns:minmax(0,1fr)}.message.user .message-avatar{display:none}.message-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#111;background:#ececec;font-size:11px;font-weight:700}.message-body{min-width:0;padding:2px 0;color:#ececec;background:transparent;line-height:1.65;font-size:15px}.message-content{min-width:0}.message.user .message-body{justify-self:end;max-width:min(680px,88%);padding:10px 14px;border-radius:18px;background:#2f2f2f}.message-body p{margin:0 0 .8em}.message-body p:last-child{margin-bottom:0}.typing-indicator{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:7px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#a8a8a8;animation:typing-pulse 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1.2em 0 .55em;color:#f4f4f4;line-height:1.3}.markdown-body h1{font-size:1.45em}.markdown-body h2{font-size:1.25em}.markdown-body h3{font-size:1.12em}.markdown-body ul,.markdown-body ol{margin:.35em 0 .9em;padding-left:1.55em}.markdown-body li{margin:.22em 0}.markdown-body li::marker{color:#c7c7c7}.markdown-body blockquote{margin:.9em 0;padding:.15em 0 .15em 1em;border-left:3px solid #555;color:#cfcfcf}.markdown-body a{color:#8ab4f8;text-decoration:underline;text-underline-offset:2px}.markdown-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{padding:8px 10px;border:1px solid #3f3f3f}.markdown-body th{background:#2a2a2a;font-weight:700}.markdown-body :not(pre)>code{padding:.15em .34em;border:1px solid #3b3b3b;border-radius:5px;color:#f0d98c;background:#2b2b2b;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.code-card{overflow:hidden;margin:1em 0;border:1px solid #3b3b3b;border-radius:10px;background:#151515}.code-title{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;border-bottom:1px solid #333;color:#b8b8b8;background:#242424;font-size:12px}.code-copy{height:26px;padding:0 8px;border:0;border-radius:6px;color:#d8d8d8;background:transparent;font-size:12px}.code-copy:hover{background:#333}.code-block{margin:0;padding:14px;overflow-x:auto;color:#e8e8e8;background:#151515}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.65}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#ff7b72}.hljs-string,.hljs-attr,.hljs-symbol{color:#a5d6ff}.hljs-number,.hljs-literal{color:#79c0ff}.hljs-comment{color:#8b949e}.hljs-title,.hljs-function{color:#d2a8ff}.message-actions{display:flex;align-items:center;gap:4px;margin-top:8px;opacity:0;transition:opacity .14s ease}.message.assistant:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#c7c7c7;background:transparent}.message-actions button:hover{color:#f4f4f4;background:#2f2f2f}.chat-input{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(770px,calc(100% - 32px));margin:0 auto;min-height:58px;padding:6px 10px;border-radius:999px;background:#303030}.chat-input textarea{min-height:24px;max-height:108px;padding:4px 0;border:0;color:#ececec;background:transparent;line-height:1.5;overflow-y:auto}.input-actions{display:flex;align-items:center;gap:8px}.reasoning-menu{position:relative}.instant-button,.ghost-input-button{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 8px;border:0;border-radius:999px;color:#c4c4c4;background:transparent}.instant-button{min-width:82px;font-size:14px}.reasoning-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;display:grid;gap:3px;min-width:150px;padding:10px;border:1px solid #444;border-radius:14px;background:#303030;box-shadow:0 16px 44px #00000061}.reasoning-popover small{padding:0 6px 4px;color:#aaa}.reasoning-popover button{justify-content:flex-start;width:100%;height:34px;padding:0 10px;border:0;border-radius:8px;color:#f2f2f2;background:transparent;font-weight:600}.reasoning-popover button:hover,.reasoning-popover button.active{background:#4a4a4a}.reasoning-popover hr{width:100%;margin:6px 0;border:0;border-top:1px solid #505050}.ghost-input-button{min-width:34px}.voice-button,.chat-input .stop-button{display:grid;place-items:center;min-width:42px;width:42px;height:42px;color:#111;background:#ececec;border-radius:50%}.voice-button:disabled{color:#f4f4f4;background:#4a4a4a;cursor:default}.dashboard,.image-generator,.settings-page{display:grid;align-content:start;gap:14px;min-height:0;overflow-y:auto;padding:22px}.image-generator{justify-items:center;grid-template-columns:minmax(0,1fr);gap:22px;padding:32px clamp(18px,4vw,56px)}.dashboard{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.glow-card,.generator-form,.login-panel,.image-card{border:1px solid #383838;border-radius:10px;background:#262626}.glow-card{padding:16px}.glow-card strong{display:block;margin-top:10px;font-size:28px;font-weight:700}.generator-form{display:grid;gap:12px;width:min(860px,100%);padding:14px}.image-workbench{padding:18px}.image-heading{display:grid;gap:4px;padding:2px 2px 6px}.image-heading h1{margin:0;color:#f4f4f4;font-size:22px}.image-heading p{margin:0;color:#a8a8a8;font-size:13px}.generator-form textarea{min-height:120px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 104px;gap:10px}.generator-form button,.settings-form button,.login-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;border:0;border-radius:8px;color:#111;background:#ececec;font-weight:700}.generator-form button:disabled{color:#8f8f8f;background:#4a4a4a;cursor:default}.generation-status{display:inline-flex;align-items:center;gap:8px;color:#bdbdbd;font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,min(480px,100%)));justify-content:center;width:min(1040px,100%);gap:14px;align-items:start}.image-card{overflow:hidden;width:min(480px,100%);max-width:100%}.image-card img,.image-placeholder{width:100%;max-height:min(62vh,620px);object-fit:contain;background:#1b1b1b}.image-placeholder{display:grid;place-items:center;gap:10px;min-height:240px;color:#a0a0a0}.image-card p{margin:0;padding:12px;color:#d6d6d6;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.settings-page{grid-template-columns:minmax(0,1fr) minmax(260px,420px)}.settings-form,.model-list{display:grid;gap:10px}.model-list{padding:0;margin:0;list-style:none}.model-list li{display:grid;gap:4px;padding:10px;border:1px solid #383838;border-radius:8px}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:#212121}.login-panel{display:grid;gap:12px;width:min(390px,100%);padding:24px}.login-panel h1,.login-panel p{margin:0}.login-panel h1{font-size:24px}.login-panel p{color:#a0a0a0}.login-panel .link-button{color:#ececec;background:transparent}.empty-state{display:grid;place-items:center;gap:10px;color:#a0a0a0}@media(max-width:860px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.sidebar{height:auto;min-height:auto}.main-panel{height:auto;min-height:100vh;overflow:visible}.topbar,.settings-page{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.model-select{width:100%}.form-row,.message,.message.user{grid-template-columns:1fr}.message-avatar{display:none}}.dashboard-page{display:grid;gap:14px;padding:22px;align-content:start}.dashboard-page .dashboard{padding:0}.dashboard-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}.range-toggle{display:inline-flex;background:#1d1d1d;border:1px solid #383838;border-radius:8px;overflow:hidden}.range-toggle button{padding:6px 14px;background:transparent;border:0;color:#bdbdbd;font-size:13px;cursor:pointer}.range-toggle button.active{background:#ececec;color:#111;font-weight:700}.dashboard-search{display:inline-flex;align-items:center;gap:8px;padding:0 12px;flex:1 1 260px;min-width:220px;background:#1d1d1d;border:1px solid #383838;border-radius:8px;color:#8f8f8f}.dashboard-search input{flex:1;height:34px;background:transparent;border:0;outline:none;color:#f4f4f4;font-size:13px}.dashboard-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.dashboard-section-head h3{margin:0;font-size:15px}.dashboard-section-head small{color:#8f8f8f;font-size:12px}.trend-chart-wrap{height:300px}.trend-chart-wrap .echarts{width:100%!important;height:100%!important}.trend-empty{display:grid;place-items:center;height:200px;color:#8f8f8f;font-size:13px}.dashboard-table{width:100%;border-collapse:collapse;font-size:13px}.dashboard-table th,.dashboard-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #2c2c2c}.dashboard-table th{color:#8f8f8f;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.dashboard-table tr:last-child td{border-bottom:0}.dashboard-table th.num,.dashboard-table td.num{text-align:right;font-variant-numeric:tabular-nums}.dashboard-table .provider-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#2c2c2c;color:#d6d6d6;font-size:11px}.dashboard-table .bar-cell{min-width:160px}.dashboard-table .bar-cell .bar-track{height:6px;background:#2c2c2c;border-radius:999px;overflow:hidden;margin-bottom:4px}.dashboard-table .bar-cell .bar-fill{height:100%;background:linear-gradient(90deg,#7aa2f7,#bb9af7)}.dashboard-table .bar-cell small{color:#8f8f8f;font-size:11px}.settings-hint{margin:4px 0 12px;color:#8f8f8f;font-size:12px}.settings-form .field,.model-edit .field{display:grid;gap:4px}.settings-form .field span,.model-edit .field span{color:#8f8f8f;font-size:12px}.settings-form .field-row,.model-edit .field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-form .field-row.inline,.model-edit .field-row.inline{grid-template-columns:auto auto;align-items:center}.settings-form .checkbox,.model-edit .checkbox{display:inline-flex;align-items:center;gap:6px;color:#d6d6d6;font-size:13px}.settings-form select,.model-edit select{height:34px;border:1px solid #383838;border-radius:8px;background:#1d1d1d;color:#f4f4f4;padding:0 10px}.error-text{margin:0;color:#f7768e;font-size:12px}.settings-list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.settings-list-head h3{margin:0;font-size:15px}.settings-list-head small{color:#8f8f8f;font-size:12px}.model-list li.disabled{opacity:.55}.model-list .model-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.model-list .model-row-text{display:grid;gap:2px;min-width:0}.model-list .model-row-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-list .model-row-text small{color:#8f8f8f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-list .status-dot{width:8px;height:8px;border-radius:50%;background:#9ece6a}.model-list .status-dot.off{background:#4a4a4a}.model-list .model-row svg{transition:transform .2s ease;color:#8f8f8f}.model-list .model-row svg.rotated{transform:rotate(180deg)}.model-edit{display:grid;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed #383838}.model-edit-actions{display:flex;justify-content:flex-end;gap:8px}.model-edit-actions button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:8px;background:#ececec;color:#111;font-weight:600;cursor:pointer}.model-edit-actions .btn-secondary{background:#2c2c2c;color:#d6d6d6}.model-edit-actions .btn-danger{background:#f7768e;color:#1c1c1c}