:root{--bg:#f5f0e8;--panel:#faf9f5;--ink:#141413;--muted:#3d3d3a;--faint:#8e8b82;--line:#e6dfd8;--accent:#cc785c;--accent-soft:#fbe9e2;--chip:#efe9de;--dark:#181715}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{gap:18px;max-width:1600px;height:100dvh;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.scrim{z-index:40;background:#14141359;border:0;position:fixed;inset:0}.sidebar{background:var(--panel);scrollbar-width:thin;border-radius:16px;flex-direction:column;flex:0 0 248px;gap:10px;width:248px;height:calc(100dvh - 32px);min-height:0;padding:16px 12px;display:flex;position:sticky;top:16px;overflow:hidden auto}.app.sidebar-collapsed .sidebar{display:none}.logo{flex-shrink:0;align-items:center;gap:10px;height:32px;padding:0 2px;display:flex}.logo-mark{flex-shrink:0;width:22px;height:22px;display:inline-flex}.wordmark{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:500;line-height:1}.new-chat{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;padding:0 20px;font:500 14px/1 Inter,sans-serif;transition:transform .12s,filter .15s;display:flex}.new-chat:hover{filter:brightness(.96)}.new-chat:active{transform:scale(.98)}.plus{flex-shrink:0;width:16px;height:16px;display:inline-block;position:relative}.plus:before,.plus:after{content:"";background:currentColor;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus:before{width:16px;height:2.5px}.plus:after{width:2.5px;height:16px}.plus-light{color:#fff}.plus-light:before{width:16px;height:2.5px}.plus-dark{color:var(--muted);width:12px;height:12px}.plus-dark:before{width:12px;height:1.8px}.plus-dark:after{width:1.8px;height:12px}.plus-muted{color:#6c6a64}.plus-muted:before{width:16px;height:2.4px}.plus-muted:after{width:2.4px;height:16px}.chats{scrollbar-width:thin;scrollbar-color:#d8d0c2 transparent;flex-direction:column;flex:0 auto;gap:6px;min-height:0;margin:-2px;padding:2px;display:flex;overflow:hidden auto}.chats::-webkit-scrollbar{width:6px}.chats::-webkit-scrollbar-thumb{background:#d8d0c2;border-radius:999px}.empty-chats{color:var(--faint);text-align:center;padding:12px 8px;font:400 13px/1.4 Inter,sans-serif}.chat-item{background:var(--bg);width:100%;min-width:0;height:40px;min-height:40px;color:var(--muted);text-align:left;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:0 12px;font:500 13px/1.2 Inter,sans-serif;transition:background .15s,color .15s;display:flex;position:relative}.chat-item:hover{background:var(--chip)}.chat-item.active{background:var(--dark);color:var(--panel)}.chat-item.active:hover{background:#252320}.chat-select{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:auto;align-items:center;height:100%;padding:0;display:flex}.chat-select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.chat-rename{border:1px solid var(--accent);min-width:0;height:28px;color:var(--ink);background:#fff;border-radius:6px;outline:0;flex:auto;margin:6px 0 6px 12px;padding:6px 8px;font:500 13px/1.2 Inter,sans-serif}.kebab-wrap{flex-shrink:0;align-items:center;display:flex}.kebab-btn{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2.6px;width:24px;height:28px;padding:0;display:inline-flex}.kebab-btn i{background:var(--muted);border-radius:50%;width:2.4px;height:2.4px;display:block}.chat-item.active .kebab-btn i{background:var(--panel)}.chat-item:hover .kebab-btn,.chat-item:focus-within .kebab-btn,.chat-item.menu-open .kebab-btn,.kebab-btn:focus-visible{opacity:1;pointer-events:auto}.kebab-btn:hover{background:#00000014}.chat-item.active .kebab-btn:hover{background:#ffffff1f}.kebab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (hover:none){.kebab-btn{opacity:1;pointer-events:auto}}.chat-menu{background:var(--panel);border:1px solid var(--line);z-index:100;border-radius:10px;flex-direction:column;gap:2px;min-width:140px;margin:0;padding:6px;display:flex;position:fixed;top:0;left:0;box-shadow:0 12px 32px #14141329}.chat-menu button{text-align:left;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:9px 10px;font:500 13px/1.2 Inter,sans-serif}.chat-menu button:hover{background:#0000000d}.chat-menu button.danger{color:#b3261e}.chat-menu button.danger:hover{background:#b3261e14}.sidebar-spacer{flex:auto;min-height:16px}.callout{background:var(--accent);border-radius:12px;flex-direction:column;flex-shrink:0;gap:4px;padding:16px;display:flex}.callout-title{color:#fff;font:700 14px/1.2 Inter,sans-serif}.callout-body{color:var(--accent-soft);font:400 12px/1.4 Inter,sans-serif}.main{flex-direction:column;flex:auto;gap:24px;min-width:0;height:calc(100dvh - 32px);min-height:0;padding:4px 0;display:flex}.header{flex-shrink:0;align-items:center;gap:12px;min-width:0;height:40px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;width:40px;height:40px;color:inherit;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex}a.icon-btn:hover,button.icon-btn:hover{background:#fff}.icon-btn:active{transform:scale(.96)}.panel-icon{border:1.5px solid var(--ink);border-radius:5px;width:18px;height:18px;display:block;position:relative}.panel-divider{background:var(--ink);width:1.6px;display:block;position:absolute;top:0;bottom:0;left:7px}.help-glyph{border:1.5px solid var(--muted);width:16px;height:16px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font:500 12px/14px Inter,sans-serif;display:inline-flex}.page-title{color:var(--ink);white-space:nowrap;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:400;line-height:1.2}.header-spacer{flex:auto;min-width:8px}.add-model{border:1px solid var(--line);background:var(--panel);color:#252523;cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;height:41px;padding:11px 14px;font:500 14px/1 Inter,sans-serif;transition:background .15s;display:inline-flex}.add-model:hover{background:#fff}.chat-scroll{scrollbar-width:thin;scrollbar-color:#d8d0c2 transparent;flex:auto;min-height:0;padding:0 130px;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{width:8px}.chat-scroll::-webkit-scrollbar-thumb{background:#d8d0c2;border-radius:999px}.chat-column{flex-direction:column;gap:16px;width:100%;max-width:882px;min-height:100%;margin:0 auto;padding:8px 0;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:32px 16px;display:flex}.empty-mark{opacity:.9;display:inline-flex}.empty-title{color:var(--ink);margin:6px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(26px,4vw,34px);font-weight:500;line-height:1.15}.empty-sub{color:var(--faint);margin:0;font:400 14px/1.5 Inter,sans-serif}#liveMessages{flex-direction:column;gap:16px;display:flex}#liveMessages:empty{display:contents}.user-row{justify-content:flex-end;width:100%;display:flex}.user-bubble{background:var(--panel);border:1px solid var(--line);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;word-break:break-word;border-radius:14px;max-width:min(520px,85%);padding:13px 18px;font:400 16px/1.5 Inter,sans-serif;box-shadow:0 1px 2px #1414130a}.ai-row{flex-direction:column;gap:10px;max-width:100%;padding:2px 0;display:flex}.ai-text{letter-spacing:-.01em;color:var(--muted);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:700px;margin:0;font:400 16px/1.6 Inter,sans-serif}.ai-text.is-error{color:#b3261e;background:#b3261e0f;border:1px solid #b3261e2e;border-radius:10px;padding:10px 12px}.ai-actions{align-items:center;gap:4px;min-height:18px;display:flex}.mini-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:24px;padding:0;display:inline-flex}.mini-btn:hover{background:#0000000d}.copy-icon{width:18px;height:18px;display:inline-block;position:relative}.copy-back,.copy-front{border:1.4px solid var(--faint);background:0 0;border-radius:3px;width:10px;height:10px;display:block;position:absolute}.copy-back{top:2.5px;left:2.5px}.copy-front{background:var(--bg);top:5.5px;left:5.5px}.typing{align-items:center;gap:5px;padding:4px 0;display:inline-flex}.typing .dot{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1.1s infinite blink}.typing .dot:nth-child(2){animation-delay:.15s}.typing .dot:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.form-section{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:0 130px;display:flex}.composer{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;width:100%;max-width:844px;height:64px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.composer:focus-within{border-color:#d5cabd;box-shadow:0 0 0 3px #cc785c1f}.composer.flash{animation:.7s flash}.composer.shake{animation:.35s shake}@keyframes flash{0%{box-shadow:0 0 0 4px #cc785c4d}to{box-shadow:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.attach-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.attach-btn:hover{background:#0000000d}.composer-input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:auto;height:100%;padding:0 4px;font:400 16px/1.4 Inter,sans-serif}.composer-input::placeholder{color:var(--faint)}.model-wrap{flex-shrink:0;position:relative}.model-pill{background:var(--chip);height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;max-width:180px;padding:0 12px;font:500 13px/1 Inter,sans-serif;transition:box-shadow .15s,border-color .15s,filter .15s;display:inline-flex;overflow:hidden}.model-pill:hover{filter:brightness(.97)}.model-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-pill.is-set{color:var(--muted)}.model-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.model-name.is-empty{color:var(--faint);font-weight:400}.model-pill.needs-attention{border-color:var(--accent);box-shadow:0 0 0 3px #cc785c38}.model-pill.shake{animation:.35s shake}.chev{border-bottom:1.6px solid;border-right:1.6px solid;flex-shrink:0;width:7px;height:7px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.model-menu{background:var(--panel);border:1px solid var(--line);z-index:60;border-radius:12px;flex-direction:column;gap:2px;min-width:210px;max-width:260px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 16px 40px #1414132e}.model-option{width:100%;min-width:0;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:2px;display:flex}.model-option:hover{background:#0000000d}.model-option.is-selected{color:var(--ink);background:#cc785c14}.model-select{text-align:left;min-width:0;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:auto;align-items:center;gap:10px;padding:10px 4px 10px 10px;font:500 13px/1.2 Inter,sans-serif;display:flex}.model-select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.model-kebab{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2.6px;width:28px;height:30px;margin-right:4px;padding:0;display:inline-flex}.model-kebab i{background:var(--muted);border-radius:50%;width:2.4px;height:2.4px;display:block}.model-option.is-selected .model-kebab i{background:var(--ink)}.model-option:hover .model-kebab,.model-option:focus-within .model-kebab,.model-option.menu-open .model-kebab,.model-kebab:focus-visible{opacity:1;pointer-events:auto}.model-kebab:hover{background:#00000014}.model-kebab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (hover:none){.model-kebab{opacity:1;pointer-events:auto}}.model-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.model-check{flex-shrink:0;width:16px;height:16px;position:relative}.model-option.is-selected .model-check:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.model-empty{color:var(--faint);text-align:center;white-space:normal;padding:10px;font:400 13px/1.4 Inter,sans-serif}.modal-backdrop{z-index:90;background:#14141373;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{background:var(--panel);scrollbar-width:thin;border-radius:16px;width:min(560px,100%);max-height:min(92dvh,780px);padding:20px 22px 22px;animation:.18s modalIn;overflow-y:auto;box-shadow:0 24px 64px #14141347}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-title{color:var(--ink);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:500;line-height:1.1}.modal-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:#0000000f}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modal-form{flex-direction:column;gap:15px;display:flex}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field-label{color:var(--muted);font:500 12.5px/1.2 Inter,sans-serif}.field-optional{color:var(--faint);font-weight:400}.field-input{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 12px;font:400 14px/1.4 Inter,sans-serif;transition:border-color .15s,box-shadow .15s}.field-input::placeholder{color:var(--faint)}.field-input:focus{border-color:#d5cabd;box-shadow:0 0 0 3px #cc785c1f}.field-input.field-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}.field-hint{color:var(--faint);margin:0;font:400 12px/1.4 Inter,sans-serif}.chip-group{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);height:33px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font:500 12.5px/1 Inter,sans-serif;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:#d5cabd}.chip.is-selected{background:var(--dark);border-color:var(--dark);color:var(--panel)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg{border:1px solid var(--line);background:#fff;border-radius:10px;align-self:flex-start;gap:3px;padding:3px;display:inline-flex}.seg-btn{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 16px;font:500 12.5px/1 Inter,sans-serif}.seg-btn.is-selected{background:var(--dark);color:var(--panel)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.range-row{align-items:center;gap:12px;display:flex}.range-input{min-width:0;accent-color:var(--accent);cursor:pointer;flex:auto}.range-value{text-align:right;min-width:48px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font:500 13px/1 Inter,sans-serif}.modal-submit{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;height:44px;margin-top:3px;font:600 14px/1 Inter,sans-serif;transition:transform .12s,filter .15s}.modal-submit:hover{filter:brightness(.96)}.modal-submit:active{transform:scale(.99)}.composer.no-model{border-style:dashed}.send-btn{background:var(--accent);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s,filter .15s,background .15s,opacity .15s;display:inline-flex}.send-btn:hover{filter:brightness(.95)}.send-btn:active{transform:scale(.95)}.send-btn:disabled,.send-btn[aria-disabled=true]{background:var(--line);cursor:not-allowed;filter:none;opacity:1;transform:none}.send-btn:disabled:hover,.send-btn[aria-disabled=true]:hover{filter:none;transform:none}.send-btn:disabled svg path,.send-btn[aria-disabled=true] svg path{stroke:var(--faint)}.send-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.send-btn.is-stop{background:var(--dark)}.send-btn.is-stop:hover{filter:brightness(1.15)}.disclaimer{text-align:center;width:100%;max-width:844px;color:var(--faint);margin:0;padding:0 8px;font:400 13px/1.4 Inter,sans-serif}.toast{background:var(--dark);color:var(--panel);z-index:100;opacity:0;pointer-events:none;text-align:center;border-radius:10px;max-width:min(90vw,420px);padding:10px 14px;font:500 13px/1.4 Inter,sans-serif;transition:opacity .2s,transform .2s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1200px){.chat-scroll,.form-section{padding-left:clamp(16px,6vw,80px);padding-right:clamp(16px,6vw,80px)}}@media (width<=1024px){.chat-scroll,.form-section{padding-left:24px;padding-right:24px}.sidebar{flex-basis:224px;width:224px}}@media (width<=860px){body{overflow:hidden}.app{gap:0;padding:12px}.sidebar{z-index:50;flex-basis:auto;width:min(300px,84vw);height:auto;transition:transform .25s;position:fixed;top:12px;bottom:12px;left:12px;transform:translate(calc(-100% - 16px));box-shadow:0 12px 40px #0000002e}.app.sidebar-open .sidebar{transform:translate(0)}.app.sidebar-collapsed .sidebar{display:flex;transform:translate(calc(-100% - 16px))}.app.sidebar-open.sidebar-collapsed .sidebar{transform:translate(0)}.main{gap:16px;height:calc(100dvh - 24px)}.chat-scroll,.form-section{padding-left:8px;padding-right:8px}}@media (width<=640px){.page-title{font-size:24px}.add-model{height:40px;padding:10px 12px;font-size:13px}.header{gap:8px}.composer{gap:4px;height:60px;padding:0 8px 0 4px}.attach-btn{width:36px;height:36px}.composer-input{font-size:15px}.model-pill{max-width:132px;padding:0 10px;font-size:12px}.model-menu{min-width:190px}.send-btn{width:40px;height:40px}.user-bubble{padding:12px 14px;font-size:15px}.ai-text{font-size:15px}.disclaimer{font-size:12px}.modal-backdrop{padding:12px}.modal{border-radius:14px;padding:18px 16px}.field-grid{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.model-pill{max-width:128px;font-size:12px}.model-menu{right:-48px}.wordmark{font-size:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}