@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #fbfaf7;--bg-alt: #f3f1ec;--surface: #ffffff;--ink: #1f1d1a;--ink-soft: #3a3731;--muted: #8a847b;--faint: #e6e2d9;--accent: #c96442;--accent-bg: color-mix(in srgb, var(--accent) 14%, var(--bg));--accent-soft: color-mix(in srgb, var(--accent) 40%, var(--bg));--yellow: #f5dd5c;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(31, 29, 26, .04);--shadow-md: 0 4px 12px rgba(31, 29, 26, .08), 0 1px 2px rgba(31, 29, 26, .04);--shadow-lg: 0 16px 48px rgba(31, 29, 26, .18), 0 2px 8px rgba(31, 29, 26, .08);--palette-backdrop: rgba(31, 29, 26, .28);--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--font);font-size:14px;line-height:1.5;font-weight:400;color:var(--ink);background:var(--bg);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg: #1a1815;--bg-alt: #23201c;--surface: #2b2722;--ink: #f3efea;--ink-soft: #c9c3b9;--muted: #948d82;--faint: #3a352e;--accent: #e8795a;--accent-bg: color-mix(in srgb, var(--accent) 18%, var(--bg));--accent-soft: color-mix(in srgb, var(--accent) 50%, var(--bg));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--palette-backdrop: rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;transition:background-color .15s,color .15s}body{overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;touch-action:manipulation}input,textarea,select{font-family:inherit;font-size:inherit}kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--faint);background:var(--surface);color:var(--muted);box-shadow:0 1px 0 var(--faint)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.rail{background:var(--bg-alt);border-right:1px solid var(--faint);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .18s cubic-bezier(.3,.7,.3,1)}.rail.collapsed{width:52px}.rail.expanded{width:240px}.rail-top{padding:10px 8px;display:flex;align-items:center;gap:8px;min-height:48px}.rail-toggle{width:36px;height:36px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .12s,color .12s;flex-shrink:0}.rail-toggle:hover{background:var(--faint);color:var(--ink)}.rail-brand{font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .15s}.rail.expanded .rail-brand{opacity:1;transition-delay:50ms}.rail-nav{display:flex;flex-direction:column;gap:2px;padding:4px 8px 8px}.rail-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--ink-soft);font-size:13px;font-weight:500;white-space:nowrap;text-align:left;width:100%;transition:background .12s,color .12s}.rail-btn:hover{background:var(--faint);color:var(--ink)}.rail-btn.primary{color:var(--accent)}.rail-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.rail-btn-label{flex:1;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s}.rail-btn-kbd{font-family:var(--font-mono);font-size:11px;color:var(--muted);opacity:0;transition:opacity .15s}.rail.expanded .rail-btn-label,.rail.expanded .rail-btn-kbd{opacity:1;transition-delay:50ms}.rail-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px 12px}.rail.collapsed .rail-list{display:none}.rail-group{margin-bottom:6px}.rail-section{padding:12px 10px 4px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.convo-row{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--radius);cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .12s,color .12s;outline:none}.convo-row:hover{background:var(--faint)}.convo-row:focus-visible{box-shadow:0 0 0 2px var(--accent-soft)}.convo-row.active{background:var(--accent-bg);color:var(--accent)}.convo-pin{display:inline-flex;color:var(--accent);flex-shrink:0}.convo-title{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}.convo-date{font-size:11px;color:var(--muted);flex-shrink:0}.rail-empty{padding:16px 10px;font-size:12px;color:var(--muted);text-align:center}.rail-list::-webkit-scrollbar-thumb{background:var(--faint)}.rail-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(max-width:720px){.rail.collapsed{width:0;border-right:none}.rail.expanded{position:fixed;inset:0 auto 0 0;z-index:90;width:85vw;max-width:320px;box-shadow:var(--shadow-lg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.rail-btn-kbd{display:none}.rail-btn{padding:10px 12px;font-size:14px}.convo-row{padding:10px 12px}.convo-title{font-size:14px}}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--palette-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:pal-fade .12s ease}@keyframes pal-fade{0%{opacity:0}to{opacity:1}}.palette{width:100%;max-width:580px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:pal-pop .15s cubic-bezier(.3,.7,.3,1);color:var(--ink);font-family:inherit}@keyframes pal-pop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.palette-input{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--faint)}.palette-input-icon{display:inline-flex;color:var(--muted)}.palette-input input{flex:1;border:none;outline:none;background:transparent;color:var(--ink);font-size:16px}.palette-input input::placeholder{color:var(--muted)}.palette-list{max-height:52vh;overflow-y:auto;padding:6px 0}.palette-group-title{padding:10px 18px 4px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.palette-item{display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;font-size:14px;color:var(--ink);transition:background .1s;width:100%;text-align:left;background:none;border:none;font-family:var(--font)}.palette-item.active{background:var(--accent-bg)}.palette-ico{display:inline-flex;color:var(--muted);width:16px;justify-content:center}.palette-main{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-desc{font-size:12px;color:var(--muted);margin-left:6px}.palette-empty{padding:30px 18px;text-align:center;color:var(--muted);font-size:13px}.palette-footer{border-top:1px solid var(--faint);padding:10px 18px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);background:var(--bg-alt)}.palette-footer kbd{margin:0 2px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--palette-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:8vh 20px;animation:s-fade .12s ease}@keyframes s-fade{0%{opacity:0}to{opacity:1}}.settings-modal{width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:s-pop .15s cubic-bezier(.3,.7,.3,1);color:var(--ink)}@keyframes s-pop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--faint);flex-shrink:0}.settings-header h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.2px}.settings-close{width:28px;height:28px;border-radius:var(--radius);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.settings-close:hover{background:var(--bg-alt);color:var(--ink)}.settings-body{overflow-y:auto;padding:8px 0}.settings-section{padding:16px 18px;border-bottom:1px solid var(--faint)}.settings-section:last-child{border-bottom:none}.settings-section h3{margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.settings-row+.settings-row{border-top:1px dashed var(--faint)}.settings-field{padding:6px 0 10px}.settings-field-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.provider-select{font-family:var(--font);font-size:12px;font-weight:500;padding:4px 8px;border-radius:var(--radius);border:1px solid var(--faint);background:var(--bg);color:var(--ink);outline:none;cursor:pointer;transition:border-color .12s,box-shadow .12s}.provider-select:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-bg)}.settings-label{font-size:13px;font-weight:500;color:var(--ink);display:block;margin-bottom:6px}.settings-help{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.5}.settings-input{width:100%;padding:8px 10px;border:1px solid var(--faint);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s}.settings-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-bg)}.settings-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.preset-chip{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--faint);background:var(--bg);color:var(--ink-soft);transition:all .12s}.preset-chip:hover{border-color:var(--muted);color:var(--ink)}.preset-chip.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.theme-group{display:inline-flex;background:var(--bg-alt);border-radius:var(--radius);padding:2px;gap:2px}.theme-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--muted);transition:all .12s}.theme-option:hover{color:var(--ink)}.theme-option.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-option-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--ink) 50%,var(--bg) 50%);border:1px solid var(--faint)}.accent-group{display:inline-flex;gap:8px}.accent-swatch{width:24px;height:24px;border-radius:6px;border:2px solid var(--faint);cursor:pointer;transition:transform .12s,border-color .12s}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch.active{border-color:var(--ink)}.btn-danger{padding:6px 12px;border-radius:var(--radius);background:transparent;color:#d14;border:1px solid var(--faint);font-size:12px;font-weight:500;transition:all .12s}.btn-danger:hover:not(:disabled){background:#d14;color:#fff;border-color:#d14}.btn-danger:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .btn-danger{color:#ff6a6a}[data-theme=dark] .btn-danger:hover:not(:disabled){background:#ff4a4a;color:#fff;border-color:#ff4a4a}.btn-secondary{padding:6px 12px;border-radius:var(--radius);background:var(--bg-alt);color:var(--ink);border:1px solid var(--faint);font-size:12px;font-weight:500;transition:all .12s}.btn-secondary:hover{background:var(--faint)}.or-picker{margin-top:8px;display:flex;flex-direction:column;gap:6px}.or-picker-toolbar{display:flex;align-items:center;gap:8px}.or-picker-search{flex:1;padding:6px 10px;border:1px solid var(--faint);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-size:12px;outline:none;transition:border-color .12s,box-shadow .12s}.or-picker-search:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-bg)}.or-picker-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.or-picker-toggle input{margin:0;cursor:pointer}.or-picker-list{max-height:240px;overflow-y:auto;border:1px solid var(--faint);border-radius:var(--radius);background:var(--bg)}.or-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;color:var(--ink-soft);background:transparent;border:none;border-bottom:1px solid var(--faint);cursor:pointer;text-align:left;transition:background .12s,color .12s}.or-item:last-child{border-bottom:none}.or-item:hover{background:var(--bg-alt);color:var(--ink)}.or-item.active{background:var(--accent-bg);color:var(--accent)}.or-item-id{font-family:var(--font-mono);font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-item-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--accent);text-transform:uppercase;letter-spacing:.4px}.or-item-ctx{font-family:var(--font-mono);font-size:10px;color:var(--muted);white-space:nowrap}.or-picker-status{padding:10px 12px;font-size:12px;color:var(--muted);text-align:center}.App{display:flex;height:100vh;height:100dvh;width:100%;max-width:100vw;background:var(--bg);overflow:hidden}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;min-height:52px;border-bottom:1px solid var(--faint);background:var(--bg);flex-shrink:0}.main-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius);align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;transition:background .12s,color .12s}.mobile-menu-btn:hover{background:var(--faint);color:var(--ink)}.rail-backdrop{display:none}.crumb-title{color:var(--ink);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-muted{color:var(--muted);font-weight:500;font-size:14px}.main-actions,.main-actions-inline{display:flex;align-items:center;gap:6px}.more-wrap{display:none;position:relative}.overflow-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.overflow-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--faint);border-radius:var(--radius);padding:4px;box-shadow:var(--shadow-lg);z-index:75;display:flex;flex-direction:column;gap:2px;animation:overflow-menu-in .12s ease-out}@keyframes overflow-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.overflow-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--ink-soft);font-size:13px;font-weight:500;text-align:left;transition:background .12s,color .12s}.overflow-item:hover:not(:disabled){background:var(--faint);color:var(--ink)}.overflow-item:disabled{opacity:.4;cursor:not-allowed}.overflow-item svg{color:var(--muted);flex-shrink:0}.overflow-divider{height:1px;background:var(--faint);margin:4px 2px}.icon-btn{width:34px;height:34px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--faint);color:var(--ink)}.icon-btn:disabled,.icon-btn.disabled{opacity:.35;cursor:not-allowed}.icon-btn.on{color:var(--accent)}.mock-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-left:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.error-banner{margin:12px 24px 0;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-soft);padding:8px 12px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.error-banner button{color:inherit;opacity:.7;display:inline-flex;align-items:center}.error-banner button:hover{opacity:1}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.hero-title{font-size:34px;font-weight:700;letter-spacing:-.8px;margin:0 0 8px;color:var(--ink)}.hero-sub{color:var(--muted);margin:0 0 28px;font-size:15px}.quick-actions-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px}.quick-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--faint);background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .12s}.quick-chip:hover{border-color:var(--muted);background:var(--bg-alt)}.quick-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.quick-chip-icon{display:inline-flex;align-items:center}.messages-section{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 24px 20px}.messages-container{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:24px;min-width:0}.msg{display:flex;flex-direction:column;gap:6px}.msg-label{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.msg.user .msg-label{color:var(--accent)}.msg-body{font-size:15px;line-height:1.65;color:var(--ink);word-wrap:break-word;overflow-wrap:anywhere;min-width:0}.msg-body p{margin:0 0 10px}.msg-body p:last-child{margin-bottom:0}.msg-body ol,.msg-body ul{margin:8px 0;padding-left:22px}.msg-body li{margin-bottom:4px}.msg-body code{font-family:var(--font-mono);font-size:13px;background:var(--bg-alt);padding:1px 5px;border-radius:4px}.msg-body pre{margin:12px 0;padding:12px;background:var(--bg-alt);border:1px solid var(--faint);border-radius:var(--radius);overflow-x:auto;font-size:13px}.msg-body pre code{background:transparent;padding:0}.msg-body strong{font-weight:600}.msg-body em{font-style:italic}.msg-body a{color:var(--accent);text-decoration:underline}.msg-image{max-width:320px;border-radius:var(--radius);border:1px solid var(--faint);margin-top:4px}.msg-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s;margin-top:2px}.msg:hover .msg-actions{opacity:1}.msg-action{padding:3px 8px;font-size:11px;color:var(--muted);border-radius:5px;display:inline-flex;align-items:center;gap:4px;transition:background .12s,color .12s}.msg-action:hover{background:var(--faint);color:var(--ink)}.msg-loading{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.msg-loading .dot{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:mc-pulse 1.2s ease-in-out infinite}@keyframes mc-pulse{0%,to{opacity:.3}50%{opacity:1}}.composer-wrap{padding:0 24px 20px;flex-shrink:0}.composer{max-width:740px;margin:0 auto;background:var(--surface);border:1px solid var(--faint);border-radius:var(--radius-lg);padding:4px;transition:border-color .12s,box-shadow .12s;box-shadow:var(--shadow-sm)}.composer:focus-within{border-color:var(--muted);box-shadow:var(--shadow-md)}.composer-pills{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px 0}.action-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--accent-bg);color:var(--accent);border-radius:6px;font-size:12px;font-weight:500}.image-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-alt);color:var(--ink-soft);border-radius:6px;font-size:12px;max-width:100%}.image-pill-thumb{width:20px;height:20px;object-fit:cover;border-radius:3px}.image-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.pill-close{display:inline-flex;align-items:center;color:var(--muted);padding:0 2px;opacity:.8}.pill-close:hover{opacity:1;color:var(--ink)}.composer textarea{width:100%;border:none;outline:none;resize:none;padding:12px 14px 4px;font-size:15px;line-height:1.5;background:transparent;color:var(--ink);max-height:240px;overflow-y:auto;font-family:inherit}.composer textarea::placeholder{color:var(--muted)}.composer-row{display:flex;align-items:center;gap:6px;padding:4px 8px 6px}.composer-row .spacer{flex:1}.composer-hint-inline{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.model-pill{display:inline-flex;align-items:center;gap:6px;max-width:240px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;overflow:hidden;transition:background .12s,color .12s,border-color .12s}.model-pill:hover{background:var(--bg-alt);color:var(--ink);border-color:var(--faint)}.model-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.model-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-btn{width:32px;height:32px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .12s,color .12s}.image-upload-btn:hover{background:var(--faint);color:var(--ink)}.send-btn{width:32px;height:32px;border-radius:var(--radius);background:var(--ink);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.send-btn:hover:not(:disabled){background:var(--accent)}.send-btn:disabled{background:var(--faint);color:var(--muted);cursor:not-allowed}.composer-hint{text-align:center;font-size:11px;color:var(--muted);margin:10px auto 0;max-width:740px}.composer-hint kbd{margin:0 2px}.chat-status-label{color:var(--muted);font-size:12px;text-align:center;padding:14px;background:var(--bg-alt);border:1px solid var(--faint);border-radius:var(--radius-lg);max-width:740px;margin:0 auto}.tooltip-container{position:relative;display:inline-flex}.tooltip-container .tooltip-text{visibility:hidden;white-space:nowrap;background:var(--ink);color:var(--bg);text-align:center;border-radius:6px;padding:4px 8px;position:absolute;font-size:11px;z-index:20;opacity:0;transition:opacity .15s;pointer-events:none}.tooltip-container.bottom .tooltip-text{top:110%;left:50%;transform:translate(-50%)}.tooltip-container.top .tooltip-text{bottom:110%;left:50%;transform:translate(-50%)}.tooltip-container.left .tooltip-text{top:50%;right:110%;transform:translateY(-50%)}.tooltip-container.right .tooltip-text{top:50%;left:110%;transform:translateY(-50%)}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.loading-spinner{width:16px;height:16px;border:2px solid var(--faint);border-top-color:var(--muted);border-radius:50%;animation:mc-spin .7s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow-md);z-index:300;animation:toast-in .2s}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:720px){.main-header{padding:8px 12px;min-height:48px;padding-top:max(8px,env(safe-area-inset-top))}.main-crumb{gap:6px}.crumb-title,.crumb-muted{font-size:15px}.hero{padding:16px 16px 12px;justify-content:flex-start;padding-top:10vh}.hero-title{font-size:26px}.hero-sub{font-size:14px;margin-bottom:20px}.kbd-hint{display:none}.messages-section{padding:8px 14px 12px}.messages-container{gap:20px}.msg-image{max-width:100%}.msg-actions{opacity:1}.composer-wrap{padding:8px 12px max(10px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--faint)}.composer{border-radius:22px;padding:2px;box-shadow:none}.composer textarea{font-size:16px;padding:10px 14px 2px;line-height:1.4;max-height:160px}.composer-row{padding:2px 6px 4px;gap:4px}.composer-hint-inline,.composer-hint{display:none}.model-pill{max-width:110px;font-size:10px;padding:4px 8px}.image-upload-btn,.send-btn{width:38px;height:38px}.mobile-menu-btn{display:inline-flex;width:40px;height:40px}.icon-btn{width:40px;height:40px}.rail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--palette-backdrop);z-index:80;animation:rail-backdrop-in .15s}.main-actions-inline{display:none}.more-wrap{display:block}.more-btn{width:40px;height:40px}.error-banner{margin:8px 12px 0}.quick-actions-row{gap:6px}.quick-chip{font-size:13px;padding:7px 12px}}@media(max-width:380px){.main-header{padding-left:8px;padding-right:8px}.messages-section{padding-left:10px;padding-right:10px}.composer-wrap{padding-left:8px;padding-right:8px}}@keyframes rail-backdrop-in{0%{opacity:0}to{opacity:1}}