:root {
  --bg:#fffaf5; --side:#fff0e2; --panel:#fffdf9; --text:#302a27; --muted:#7a5845;
  --line:#eed8c7; --green:#b9432c; --accent:#ffdec7; --hover:#ffe7d3; --subtle:#fff3e9;
  --danger:#ae322c; --success:#176b60; --focus:#b9432c; --code:#233632;
  --elevation:0 18px 60px #713c2726; --radius:12px; color-scheme:light;
}
* {box-sizing:border-box}
[hidden] {display:none!important}
body {margin:0;display:flex;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.6 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.dark {--bg:#211b18;--side:#191411;--panel:#30251f;--text:#fff0e1;--muted:#d2b5a1;--line:#5c4335;--green:#ffb58d;--accent:#5a3426;--hover:#493024;--subtle:#38291f;--danger:#ffb0a0;--success:#7fceba;--focus:#ffb58d;--code:#142822;--elevation:0 18px 60px #0006;color-scheme:dark}
button,input,textarea,select {font:inherit;color:inherit}
button {cursor:pointer;border:0;background:none;padding:0}
button,input,select {min-height:36px}
button,a,select {-webkit-tap-highlight-color:transparent}
button:disabled {opacity:.45;cursor:not-allowed}
button,a {touch-action:manipulation}
button {transition:background-color .16s ease,color .16s ease,border-color .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid var(--focus);outline-offset:3px}
::selection {background:var(--accent);color:var(--text)}
input,textarea {caret-color:var(--green)}
::placeholder {color:var(--muted);opacity:1}
a {color:inherit;text-underline-offset:3px}
svg {display:block;flex:none}
[data-icon] {display:inline-flex;align-items:center;justify-content:center}
kbd {font:11px/1.3 "Segoe UI",sans-serif;color:inherit;white-space:nowrap}
.skip-link {position:fixed;top:-80px;left:20px;padding:12px 18px;background:var(--panel);z-index:200;border-radius:8px}
.skip-link:focus {top:12px}
aside {width:248px;flex:none;background:var(--side);display:flex;flex-direction:column;padding:24px 16px 14px;border-right:1px solid var(--line)}
.brand {display:flex;align-items:center;gap:11px;text-decoration:none;padding:0 9px 29px}
.brand-mark {width:48px;height:48px;flex:none;object-fit:contain}
.brand-wordmark {width:108px;height:29px}
.dark .brand-wordmark {filter:brightness(0) saturate(100%) invert(93%) sepia(9%) saturate(410%) hue-rotate(31deg)}
.new-chat {display:flex;align-items:center;gap:9px;background:var(--green);color:#fff;padding:10px 12px;border-radius:10px;min-height:44px;font-weight:500}
.new-chat:hover {background:#9f3320}
.new-chat kbd {margin-left:auto;opacity:.85}
.dark .new-chat,.dark .primary,.dark .send {background:#ffb58d;color:#382013}
.dark .new-chat:hover,.dark .primary:hover,.dark .send:hover:not(:disabled) {background:#ffc6a5}
.workspace-nav {padding-top:21px;display:grid;gap:3px}
.nav {width:100%;display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 12px;border-radius:8px;text-align:left;color:var(--muted)}
.nav:hover {background:var(--hover);color:var(--text)}
.nav.active {background:var(--accent);color:var(--green);font-weight:600}
.nav svg {width:19px;height:19px}
.nav-count {margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.history-heading {display:flex;align-items:center;justify-content:space-between;padding:23px 7px 5px 12px;font-size:12px;color:var(--muted)}
.history-heading .icon-btn {width:30px;min-height:30px;height:30px}
.history-heading svg {width:15px;height:15px}
.history-search {display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid transparent;border-radius:8px;margin:0 0 8px;color:var(--muted)}
.history-search svg {width:15px;height:15px}
.history-search input {width:100%;background:none;border:0;outline:none;min-height:34px;font-size:12px;padding:0}
.history-search:focus-within {background:var(--panel);border-color:var(--line)}
#history {flex:1;overflow-y:auto;min-height:40px}
.history-empty {color:var(--muted);font-size:12px;line-height:1.9;padding:12px}
.history-row {display:flex;align-items:center;border-radius:8px}
.history-row:hover,.history-row.selected {background:var(--hover)}
.history-row>button:first-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:9px 12px;flex:1;min-width:0;font-size:13px}
.history-delete {width:30px;color:var(--muted);opacity:0}
.history-row:hover .history-delete,.history-row:focus-within .history-delete {opacity:1}
.sidebar-bottom {margin-top:16px}
.connection-link {width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-size:13px}
.connection-link:hover {background:var(--panel)}
.connection-link>span:first-child {color:var(--success)}
.connection-link>span:last-child {margin-left:auto;color:var(--green)}
.connection-link small {display:block;font-size:11px;color:var(--muted);margin-top:1px}
.connection-link>span:last-child svg {width:15px;height:15px}
.quota-card {padding:13px 10px 11px;font-size:11px;color:var(--muted)}
.quota-card small {display:block;margin:1px 0 0 12px;font-size:11px}
.status-dot {display:inline-block;width:5px;height:5px;background:var(--success);border-radius:50%;flex:none;margin-right:5px}
.account {display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 6px;border-top:1px solid var(--line);font-size:13px}
.account:hover {background:var(--hover);border-radius:8px}
.account small {display:block;color:var(--muted);font-size:11px}
.account>span:last-child {margin-left:auto}
.account>span:last-child svg {width:15px;height:15px}
.avatar {border-radius:50%;background:var(--accent);width:34px;height:34px;display:grid;place-items:center;flex:none}
.avatar svg {width:19px;height:19px}
main {flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
header {height:72px;flex:none;padding:0 32px;display:flex;align-items:center;justify-content:space-between}
.header-left,.header-actions {display:flex;align-items:center;gap:16px;font-size:13px}
#workspace-label {font-weight:600;white-space:nowrap}
.header-divider {height:13px;border-left:1px solid var(--line)}
.quiet {font-size:12px;color:var(--muted)}
.workspace-status {display:flex;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}
.text-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;color:var(--muted);border-radius:8px;font-size:12px}
.text-btn:hover {background:var(--hover);color:var(--text)}
.text-btn svg {width:16px;height:16px}
.icon-btn {display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:8px;color:var(--muted)}
.icon-btn:hover {background:var(--hover);color:var(--text)}
.icon-btn svg {width:19px;height:19px}
.mobile {display:none}
#scroll-area {flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}
.welcome {max-width:808px;margin:0 auto;padding:70px 32px 28px}
.welcome-mark {display:block;width:58px;height:58px;margin-bottom:17px;object-fit:contain}
h1 {font-size:36px;font-weight:500;line-height:1.45;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
h1 span {color:#bc4b31}
.dark h1 span {color:#ffb58d}
.welcome>p {color:var(--muted);font-size:15px;margin:0 0 35px;line-height:1.8}
.suggestions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.suggestions button {text-align:left;position:relative;padding:16px 8px 16px 38px;border-top:1px solid var(--line);min-height:78px;border-radius:0}
.suggestions button:hover {background:var(--subtle)}
.suggestions button>span {position:absolute;left:5px;top:20px;color:var(--green)}
.suggestions button:nth-child(2)>span,.suggestions button:nth-child(4)>span {color:var(--success)}
.suggestions svg {width:19px;height:19px}
.suggestions strong {display:block;font-size:14px;font-weight:500}
.suggestions small {display:block;font-size:12px;color:var(--muted);margin-top:3px}
.welcome-note {font-size:12px;color:var(--muted);margin:25px 0 0}
.composer-area {position:relative;max-width:872px;width:100%;margin:0 auto;padding:15px 32px 22px}
.composer {background:var(--panel);border:1px solid #d99b78;border-radius:16px;padding:14px 14px 10px;transition:border-color .18s ease}
.composer:focus-within {border-color:var(--green)}
.dark .composer {border-color:#93664b}
textarea {width:100%;background:none;resize:none;border:0;outline:none;max-height:180px;min-height:65px;padding:4px 5px 8px;font-size:15px;line-height:1.75}
.composer-tools,.tool-left {display:flex;align-items:center;gap:8px;min-width:0}
.composer-tools {justify-content:space-between}
.tool-divider {height:17px;border-left:1px solid var(--line)}
.model-control {position:relative;min-width:0}
#model-trigger {display:flex;align-items:center;gap:6px;min-height:38px;max-width:270px;padding:5px 8px;border-radius:8px;font-size:12px}
#model-trigger:hover,#model-trigger[aria-expanded=true] {background:var(--hover)}
#model-trigger svg {width:14px;height:14px}
#model-label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#model-trigger>span:last-child {flex:none}
.search-toggle {display:flex;align-items:center;gap:5px;min-height:38px;padding:5px 8px;border:1px solid transparent;border-radius:8px;font-size:12px;white-space:nowrap}
.search-toggle svg {width:17px;height:17px}
.search-toggle:hover {background:var(--hover)}
.search-toggle[aria-pressed=true] {background:var(--accent);border-color:var(--line)}
.send {width:37px;height:37px;min-height:37px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--green);color:#fff}
.send:hover:not(:disabled) {background:#9f3320}
.send:disabled {background:var(--accent);color:var(--green);opacity:.75}
.composer-caption {display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:10px;gap:12px}
#region-note {font-size:11px;color:var(--muted);text-align:center;margin-top:6px}
#image-model {font-size:12px}
.scroll-bottom {position:absolute;top:-34px;left:calc(50% - 18px);background:var(--panel);border:1px solid var(--line);border-radius:50%;z-index:4}
.attachment {display:inline-flex;align-items:center;gap:8px;padding:6px 9px;background:var(--subtle);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;font-size:12px;max-width:100%;min-width:0}
.attachment>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment>button {flex:none;width:24px;min-height:24px}
.attachment img {width:30px;height:30px;object-fit:cover;border-radius:4px}
.message {max-width:808px;margin:28px auto;padding:0 32px;overflow-wrap:anywhere}
.message .meta {font-size:12px;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.meta .badge {font-size:12px;font-weight:650;color:var(--green);letter-spacing:.04em}
.message.user .body {margin-left:auto;background:var(--accent);padding:12px 17px;border-radius:14px 14px 4px 14px;width:fit-content;max-width:88%;white-space:pre-wrap;font-size:15px}
.message.user .meta {justify-content:flex-end}
.body {font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.body p {margin:9px 0}
.body h1,.body h2,.body h3 {font-size:21px;letter-spacing:0;margin:26px 0 10px}
.body pre {position:relative;background:var(--code);color:#e2ebdb;padding:18px;border-radius:10px;overflow:auto;line-height:1.65;font-size:13px}
.body code {font-family:Consolas,"Cascadia Code",monospace}
.body :not(pre)>code {background:var(--hover);padding:2px 5px;border-radius:4px;font-size:.9em}
.body blockquote {margin-left:0;padding:3px 15px;border-left:1px solid var(--muted);color:var(--muted)}
.body table {border-collapse:collapse;display:block;overflow:auto;font-size:14px}
.body td,.body th {border:1px solid var(--line);padding:8px 12px;white-space:normal}
.body th {background:var(--subtle);text-align:left}
.body img.generated {max-width:min(100%,480px);border-radius:12px;display:block}
.body img.uploaded {max-width:min(100%,260px);border-radius:10px;margin-bottom:8px}
.body .katex-display {overflow-x:auto;overflow-y:hidden;padding:4px 0}
.message-actions {display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:10px 0 0 -9px;color:var(--muted)}
.message-actions :is(button,a) {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 9px;line-height:20px;border-radius:8px;font-size:12px;text-decoration:none}
.message-actions :is(button,a):hover {background:var(--hover);color:var(--text)}
.message-actions svg {width:15px;height:15px}
.loading {color:var(--muted);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse {50% {opacity:.55}}
.error-text,#notice,#login-error {color:var(--danger);font-size:13px}
#notice {padding:9px 3px}
.sources {margin-top:20px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.sources summary {cursor:pointer;color:var(--muted);min-height:32px}
.sources a {display:block;padding:8px 0;text-decoration:none;overflow-wrap:anywhere}
.sources a:hover strong {text-decoration:underline}
.sources strong {font-size:13px;font-weight:500}
.sources small {display:block;color:var(--muted)}
.model-picker {position:fixed;z-index:30;width:480px;max-height:min(660px,calc(100dvh - 36px));display:flex;flex-direction:column;background:var(--panel);border-radius:16px;box-shadow:var(--elevation);overflow:hidden;isolation:isolate}
.picker-heading {display:flex;align-items:center;gap:5px;padding:20px 18px 13px}
.picker-heading>div {flex:1;min-width:0}
.picker-heading strong {display:block;font-size:17px;font-weight:600}
.picker-heading small {display:block;color:var(--muted);font-size:11px;margin-top:3px}
.picker-heading .icon-btn {width:32px;height:32px;min-height:32px}
.model-search {display:flex;align-items:center;gap:9px;background:var(--subtle);border:1px solid var(--line);border-radius:9px;margin:0 18px;padding:0 11px;color:var(--muted)}
.model-search input {border:0;background:none;outline:none;width:100%;min-width:0;min-height:42px;font-size:13px;padding:0}
.model-search svg {width:17px;height:17px}
.model-search:focus-within {border-color:var(--green)}
.model-search kbd {font-size:11px}
.model-filters {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px 9px}
.segmented {display:flex;gap:2px;background:var(--subtle);padding:3px;border-radius:8px}
.segmented button {padding:4px 11px;min-height:29px;border-radius:5px;font-size:12px;color:var(--muted)}
.segmented button[aria-pressed=true] {background:var(--panel);color:var(--text);box-shadow:0 1px 4px #142c1610}
.model-filters select {max-width:170px;border:0;background:var(--panel);color:var(--muted);font-size:12px;min-height:32px;padding:0 4px}
.model-results {padding:0 20px 7px;font-size:11px;color:var(--muted)}
#model-options {min-height:80px;overflow:auto;padding:0 9px 10px;overscroll-behavior:contain}
.model-group-label {font-size:11px;color:var(--muted);padding:11px 10px 5px;display:flex;align-items:center;justify-content:space-between}
#model-options button {display:flex;align-items:flex-start;width:100%;gap:11px;padding:11px 10px;border-radius:9px;text-align:left;position:relative}
#model-options button:hover,#model-options button:focus-visible {background:var(--subtle)}
#model-options button[aria-selected=true] {background:var(--accent)}
.provider-symbol {display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:650;background:var(--subtle);color:var(--text);margin-top:2px}
.provider-symbol[data-provider=openai] {background:#e2eee4;color:#28523d}
.provider-symbol[data-provider=anthropic] {background:#f3e7dd;color:#8a4b32}
.provider-symbol[data-provider=google] {background:#e6ecf7;color:#325886}
.provider-symbol[data-provider=deepseek] {background:#e6ecfa;color:#3b5f9a}
.provider-symbol[data-provider=qwen] {background:#ece7f5;color:#69518b}
.provider-symbol[data-provider=xai] {background:#e7e9e8;color:#26352e}
.model-option-copy {flex:1;min-width:0}
.model-option-title {display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.model-option-copy strong {font-size:13px;font-weight:600;overflow-wrap:anywhere}
.model-option-copy small {display:block;font-size:11px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.model-option-details {display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:5px;font-variant-numeric:tabular-nums}
.model-tag {display:inline-flex;align-items:center;gap:3px;padding:1px 5px;background:var(--subtle);border-radius:4px;font-size:11px;font-weight:400;white-space:nowrap;color:var(--muted)}
.model-option-status {display:flex;align-items:center;gap:4px;flex:none;font-size:11px;color:var(--muted);padding-top:3px;white-space:nowrap}
.model-option-status svg {width:14px;height:14px}
.model-option-status.ready {color:var(--success)}
.model-empty {padding:25px 15px;text-align:center;color:var(--muted);font-size:13px}
.picker-footer {display:flex;align-items:center;gap:5px;padding:10px 15px;border-top:1px solid var(--line);background:var(--subtle);flex-wrap:wrap}
.picker-note {margin:0;flex:1;font-size:11px;color:var(--muted);min-width:160px}
.picker-footer .text-btn {min-height:30px;padding:4px 6px;font-size:11px}
dialog {border:0;border-radius:16px;padding:0;max-width:420px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);background:var(--panel);color:var(--text);box-shadow:var(--elevation)}
dialog::backdrop {background:#18241b66}
dialog form:not(#key-form),.dialog-content {padding:34px}
.dialog-close {position:absolute;right:14px;top:14px}
.modal-mark {display:block;width:58px;height:58px;margin-bottom:20px;object-fit:contain}
dialog h2 {font-size:22px;font-weight:600;line-height:1.4;margin:0 0 10px;letter-spacing:-.02em}
dialog p {font-size:13px;color:var(--muted);margin:0 0 23px;line-height:1.75}
dialog label {display:block;font-size:12px;font-weight:500;margin:17px 0 7px}
dialog label input {display:block;width:100%;margin-top:7px}
dialog input {min-height:44px;border:1px solid var(--line);background:var(--subtle);border-radius:8px;padding:9px 12px;outline:none;font-size:14px}
dialog input:focus {border-color:var(--green)}
.primary,.secondary {min-height:42px;border-radius:8px;padding:9px 17px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.primary {background:var(--green);color:white}
.primary:hover:not(:disabled) {background:#9f3320}
.secondary {border:1px solid var(--line);background:var(--panel)}
.secondary:hover:not(:disabled) {background:var(--hover)}
.full-width,#login-form>.primary {width:100%}
#login-form>.primary {margin-top:14px}
dialog small {display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:17px}
#login-error {margin-top:10px}
.account-dialog-icon {margin-bottom:17px;color:var(--green)}
.account-dialog-icon svg {width:30px;height:30px}
.settings-row {display:flex;align-items:center;gap:10px;border-block:1px solid var(--line);width:100%;padding:16px 0;text-align:left;font-size:14px;margin-bottom:21px}
.settings-row>span:last-child {margin-left:auto}
.settings-row small {margin:0;font-size:11px}
.account-privacy {font-size:12px}
.keys-dialog {max-width:780px;width:calc(100% - 40px)}
.keys-header {padding:28px 30px 22px;border-bottom:1px solid var(--line);position:relative}
.keys-header h2 {font-size:23px}
.keys-header p {margin:0;font-size:13px}
.keys-header .dialog-close {top:22px;right:22px}
.keys-layout {display:grid;grid-template-columns:185px minmax(0,1fr);min-height:440px}
#key-providers {padding:16px 10px;background:var(--subtle);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
#key-providers button {display:flex;align-items:center;gap:9px;padding:9px 10px;text-align:left;border-radius:8px;min-height:40px;font-size:12px}
#key-providers button:hover {background:var(--hover)}
#key-providers button[aria-pressed=true] {background:var(--accent);font-weight:600}
#key-providers .provider-symbol {width:24px;height:24px;font-size:11px;margin:0;border-radius:6px}
#key-providers .provider-connected {margin-left:auto;color:var(--success)}
#key-providers .provider-connected svg {width:13px;height:13px}
.key-detail {min-width:0;padding:26px 30px 22px}
.key-provider-heading {display:flex;gap:12px;align-items:center;margin-bottom:22px}
.key-provider-heading>.provider-symbol {width:39px;height:39px;font-size:16px;margin:0;border-radius:10px}
.key-provider-heading h3 {font-size:18px;font-weight:600;margin:0}
.key-provider-heading p {font-size:12px;margin:3px 0 0}
.key-saved {display:flex;gap:9px;align-items:center;padding:11px 12px;background:var(--accent);border-radius:8px;color:var(--success);margin-bottom:18px;font-size:12px}
.key-saved>div {flex:1}
.key-saved small {font-size:11px;margin:2px 0 0;color:var(--muted)}
.key-saved strong {font-weight:500;font-family:Consolas,monospace}
.connection-state {font-size:11px;white-space:nowrap}
#key-form label {margin-top:0}
.secret-input {position:relative}
.secret-input input {width:100%;padding-right:44px}
.secret-input button {position:absolute;right:5px;top:4px}
.field-help {font-size:12px;margin:9px 0 10px;line-height:1.7}
.provider-doc-link {display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--green);text-decoration:none}
.provider-doc-link:hover {text-decoration:underline}
.provider-doc-link svg {width:13px;height:13px}
.key-form-actions {display:flex;justify-content:flex-end;gap:9px;margin-top:21px}
#key-feedback {font-size:12px;line-height:1.7;padding:10px 12px;background:var(--subtle);border-radius:7px;margin-top:15px;overflow-wrap:anywhere}
#key-feedback[data-state=error] {color:var(--danger)}
#key-feedback[data-state=success] {color:var(--success)}
.key-delete-row {margin-top:14px}
.danger-btn {font-size:12px;color:var(--danger);padding:5px 0}
#key-delete-confirm p {font-size:12px;margin:10px 0}
#key-delete-confirm .danger-btn {margin-left:13px}
.key-security {display:flex;align-items:flex-start;gap:9px;margin-top:23px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}
.key-security svg {width:16px;height:16px;margin-top:3px}
.key-security p {font-size:12px;margin:0;line-height:1.8}
#toast {position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 20px;background:var(--text);color:var(--panel);border-radius:10px;box-shadow:0 8px 30px #10281826;z-index:100;font-size:13px;text-align:center}
.shade {position:fixed;inset:0;background:#14231866;z-index:40;width:100%;height:100%}
@media(min-width:1500px) {.welcome {padding-top:100px}}
@media(max-height:760px) and (min-width:761px) {.welcome {padding-top:35px}.welcome-mark{width:36px;height:36px;margin-bottom:15px}.welcome>p{margin-bottom:24px}.welcome-note{margin-top:18px}}
@media(max-width:1050px) {.quiet,.header-divider{display:none}.workspace-status{display:none}header{padding:0 24px}.welcome,.message{padding-left:28px;padding-right:28px}.composer-area{padding-left:24px;padding-right:24px}aside{width:226px}}
@media(max-width:760px) {
  .mobile{display:inline-flex}aside{position:fixed;z-index:50;inset:0 auto 0 0;width:280px;transform:translateX(-100%);transition:transform .2s ease;padding-top:23px}.sidebar-open aside{transform:translateX(0)}
  header{height:63px;padding:0 15px}.header-left,.header-actions{gap:8px}.header-actions .text-btn{font-size:12px}.header-actions .text-btn svg{display:none}.icon-btn{width:40px;height:40px;min-height:40px}
  .welcome{padding:41px 24px 26px}.welcome-mark{width:38px;height:38px;margin-bottom:18px}h1{font-size:30px;letter-spacing:-.03em}.welcome>p{font-size:14px;max-width:30ch;margin-bottom:29px}.suggestions{column-gap:16px}.suggestions button{padding:14px 2px 14px 29px;min-height:77px}.suggestions button>span{left:0;top:17px}.suggestions strong{font-size:13px}.suggestions small{font-size:11px}.suggestions svg{width:17px;height:17px}.welcome-note{font-size:11px;line-height:1.8}
  .composer-area{padding:11px 14px max(13px,env(safe-area-inset-bottom))}.composer{padding:11px 10px 8px;border-radius:14px}textarea{min-height:59px;font-size:16px;max-height:150px}.composer-caption{font-size:11px;margin-top:7px}.composer-caption>span:last-child{display:none}.composer-tools{gap:4px}.tool-left{flex:1;gap:1px}.tool-divider{display:none}.model-control{flex:1;min-width:0}#model-trigger{max-width:100%;width:100%;gap:4px;padding:4px 3px;min-height:42px}#model-trigger .status-dot{display:none}.search-toggle{min-height:42px;padding:4px 7px}.send{width:38px;height:38px}.model-picker{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}
  .message{padding:0 23px;margin:24px auto}.body{font-size:15px}.message.user .body{max-width:94%;font-size:15px}.message-actions :is(button,a){min-height:42px}.history-delete{opacity:1}.history-row>button{min-height:42px}
  .keys-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.keys-header{padding:24px 22px 18px}.keys-header h2{font-size:21px}.keys-header p{font-size:12px;max-width:27ch}.keys-header .dialog-close{top:16px;right:14px}.keys-layout{display:flex;flex-direction:column;min-height:0}#key-providers{flex-direction:row;overflow-x:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line);padding:11px 14px;flex:none}#key-providers button{white-space:nowrap;min-height:38px;padding:6px 9px}#key-providers .provider-connected{display:none}.key-detail{padding:21px 22px}.key-provider-heading{margin-bottom:18px}.key-form-actions{justify-content:stretch}.key-form-actions>button{flex:1}.key-security{margin-top:19px}.key-saved{padding:10px}.connection-state{display:none}
}
@media(max-width:380px) {.welcome{padding-left:20px;padding-right:20px}h1{font-size:27px}.suggestions{column-gap:10px}.suggestions small{font-size:11px}.model-filters{gap:4px}.segmented button{padding:4px 9px}.model-filters select{max-width:145px}.model-option-status{font-size:11px}.provider-symbol{width:25px;height:25px}.picker-heading{padding-top:15px}.picker-footer{padding:8px 12px}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}