:root{
  --bg:#f8fafc;--panel:#fff;--panel-2:#f3f5f7;--text:#17202a;--muted:#748094;--border:#e5e9ef;
  --accent:#4d6bfe;--accent-2:#3857e8;--assistant:#fff;--user:#eaf0ff;--code:#0f172a;--shadow:0 18px 55px rgba(20,31,50,.14);
  --sidebar:268px;--drawer:380px;--radius:14px
}
[data-theme="dark"]{
  --bg:#16181d;--panel:#1d2027;--panel-2:#252932;--text:#edf1f7;--muted:#9ca6b7;--border:#303540;
  --accent:#6f87ff;--accent-2:#8095ff;--assistant:#1d2027;--user:#283252;--code:#0b0e13;--shadow:0 18px 55px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
button,input,textarea{font:inherit}.app-shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:var(--bg)}
.sidebar{min-width:0;background:var(--panel-2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100dvh;padding:14px 12px;z-index:40}
.sidebar-top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:8px;border-radius:12px;text-align:left}.brand:hover{background:rgba(127,127,127,.08)}
.brand-mark,.hero-icon{display:grid;place-items:center;background:linear-gradient(145deg,#5f79ff,#314dcc);color:#fff;font-weight:800;box-shadow:0 6px 18px rgba(77,107,254,.25)}.brand-mark{width:34px;height:34px;border-radius:11px}.brand span:last-child{display:flex;flex-direction:column}.brand small{color:var(--muted);margin-top:1px}
.new-chat-btn{margin:16px 2px 14px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:11px;padding:11px 13px;display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:600}.new-chat-btn:hover{border-color:#cfd6e2;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.history-label{font-size:12px;color:var(--muted);padding:8px 10px}.chat-history{overflow-y:auto;min-height:0;flex:1;padding-right:2px}.history-item{width:100%;border:0;background:transparent;color:var(--text);padding:10px 11px;border-radius:9px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin:1px 0}.history-item:hover,.history-item.active{background:rgba(127,127,127,.1)}
.sidebar-bottom{padding-top:10px;border-top:1px solid var(--border)}.sidebar-action{width:100%;display:flex;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);padding:10px 11px;border-radius:9px;cursor:pointer}.sidebar-action:hover{background:rgba(127,127,127,.1)}
.main{min-width:0;height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) auto;position:relative}.topbar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;z-index:20}
.model-wrap{min-width:0}.model-button{border:0;background:transparent;color:var(--text);border-radius:12px;padding:6px 9px;display:flex;align-items:center;gap:9px;cursor:pointer;max-width:min(520px,58vw)}.model-button:hover{background:var(--panel-2)}.model-dot{width:8px;height:8px;border-radius:50%;background:#36c88a;box-shadow:0 0 0 4px rgba(54,200,138,.12)}.model-button-copy{display:flex;flex-direction:column;text-align:left;min-width:0}.model-button-copy>span{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-button-copy small{font-size:11px;color:var(--muted);white-space:nowrap}.chevron{color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:7px}.icon-btn,.pill-btn,.tool-btn{border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;border-radius:10px}.icon-btn{width:38px;height:38px;font-size:19px}.icon-btn:hover,.tool-btn:hover{background:var(--panel-2)}.pill-btn{height:38px;padding:0 11px;display:flex;align-items:center;gap:7px;border-color:var(--border);background:var(--panel)}.pill-btn b{font-size:11px;background:var(--panel-2);padding:2px 6px;border-radius:999px;color:var(--muted)}
.chat-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.chat-inner{max-width:920px;margin:0 auto;padding:26px 28px 120px}.welcome{min-height:calc(100dvh - 260px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-icon{width:54px;height:54px;border-radius:17px;font-size:22px}.welcome h1{font-size:31px;margin:18px 0 7px;letter-spacing:-.025em}.welcome p{max-width:610px;color:var(--muted);line-height:1.6;margin:0}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:680px;width:100%;margin-top:28px}.suggestions button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:13px;padding:14px 15px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.suggestions button:hover{border-color:#cbd3df;transform:translateY(-1px)}.suggestions span{color:var(--muted)}
.messages{display:flex;flex-direction:column;gap:26px}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:750;font-size:12px}.message.user .avatar{background:#222a3a;color:#fff}.message.assistant .avatar{background:linear-gradient(145deg,#617bff,#3857e8);color:#fff}.message-body{min-width:0;line-height:1.72;font-size:15px}.message.user .message-body{background:var(--user);padding:11px 14px;border-radius:15px 15px 4px 15px;justify-self:end;max-width:82%}.message.assistant .message-body{width:100%}.message-meta{font-size:11px;color:var(--muted);margin-bottom:5px}.message-content{overflow-wrap:anywhere}.message-content p{margin:.45em 0 .85em}.message-content h1,.message-content h2,.message-content h3{line-height:1.3;margin:1.2em 0 .45em}.message-content h1{font-size:1.45em}.message-content h2{font-size:1.25em}.message-content h3{font-size:1.08em}.message-content ul,.message-content ol{padding-left:1.5em}.message-content a{color:var(--accent)}.inline-code{font-family:"SFMono-Regular",Consolas,monospace;background:var(--panel-2);padding:2px 5px;border-radius:5px;font-size:.92em}
.code-block{border:1px solid #252c3a;background:var(--code);border-radius:12px;overflow:hidden;margin:13px 0;color:#e7edf8}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#151a24;border-bottom:1px solid #252c3a;color:#aeb8c9;font-size:12px}.code-actions{display:flex;gap:5px}.code-actions button{border:0;background:#242b39;color:#dbe3ef;border-radius:7px;padding:5px 8px;cursor:pointer;font-size:11px}.code-actions button:hover{background:#30394a}.code-block pre{margin:0;padding:15px;overflow:auto;max-height:560px;tab-size:2}.code-block code{font:13px/1.6 "SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre}.message-tools{display:flex;align-items:center;gap:4px;margin-top:7px}.message-tools button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px 7px;border-radius:7px;font-size:12px}.message-tools button:hover{background:var(--panel-2);color:var(--text)}.typing{display:inline-flex;gap:4px;padding:8px 0}.typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:bounce 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}
.composer-area{position:relative;padding:8px 24px 14px;background:linear-gradient(180deg,transparent,var(--bg) 20%)}.composer-wrap{max-width:820px;margin:0 auto}.composer{background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:10px 11px 8px;box-shadow:0 6px 24px rgba(31,43,61,.06)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 8px 30px rgba(77,107,254,.09)}#promptInput{width:100%;border:0;outline:0;resize:none;background:transparent;color:var(--text);font-size:15px;line-height:1.5;max-height:180px;overflow-y:auto;padding:4px 3px 8px}#promptInput::placeholder{color:var(--muted)}.composer-bottom{display:flex;justify-content:space-between;align-items:center}.composer-tools{display:flex;gap:7px;align-items:center}.tool-btn{width:31px;height:31px}.free-badge{font-size:10px;font-weight:750;letter-spacing:.06em;color:#249366;background:rgba(54,200,138,.11);padding:4px 7px;border-radius:999px}.send-btn,.stop-btn{border:0;width:34px;height:34px;border-radius:11px;cursor:pointer;font-size:20px;font-weight:700}.send-btn{background:var(--accent);color:white}.send-btn:hover{background:var(--accent-2)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.stop-btn{background:#252a34;color:#fff;font-size:13px}.composer-hint{text-align:center;color:var(--muted);font-size:11px;padding-top:7px}
.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(var(--drawer),92vw);background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:70;transform:translateX(105%);transition:.22s ease;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{padding:18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0;font-size:18px}.drawer-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.drawer-actions{display:flex;gap:8px;padding:12px 16px}.primary-small,.secondary-small{border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:600}.primary-small{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary-small{border:1px solid var(--border);background:var(--panel);color:var(--text)}.primary-small:disabled,.secondary-small:disabled{opacity:.45;cursor:not-allowed}.file-list{overflow:auto;min-height:0;padding:0 12px 18px}.file-card{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;margin:7px 0;overflow:hidden}.file-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px}.file-name{font-family:Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row button{border:0;background:transparent;color:var(--muted);cursor:pointer}.file-preview{border-top:1px solid var(--border);margin:0;padding:10px;max-height:190px;overflow:auto;white-space:pre;font:11px/1.5 Consolas,monospace;background:var(--code);color:#dbe3ef}.empty-state{padding:30px 14px;text-align:center;color:var(--muted);font-size:13px}
.modal{position:fixed;inset:0;background:rgba(8,12,20,.44);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;z-index:100}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(720px,96vw);max-height:min(760px,88dvh);background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 18px 12px}.modal-head h2{margin:0;font-size:19px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.search-row{display:flex;gap:8px;padding:0 18px 12px}.search-row input{flex:1;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;padding:10px 12px;outline:0}.model-list{overflow:auto;padding:0 10px 14px}.model-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:11px;cursor:pointer;border:1px solid transparent}.model-item:hover{background:var(--panel-2)}.model-item.selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.model-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);margin-top:2px;flex:0 0 auto}.model-item.selected .model-radio{border:5px solid var(--accent)}.model-copy{min-width:0}.model-title{display:flex;align-items:center;gap:7px;font-weight:650}.model-title span{font-size:9px;background:rgba(54,200,138,.12);color:#249366;border-radius:99px;padding:3px 5px}.model-desc{font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-meta{font-size:10px;color:var(--muted);margin-top:5px}.settings-card{width:min(650px,96vw);padding-bottom:14px}.settings-textarea{margin:0 18px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:11px;padding:11px;resize:vertical;min-height:140px}.field-label{font-size:12px;color:var(--muted);padding:0 18px 6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 18px}.two-col label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.two-col input[type=number]{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px;border-radius:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 8px}.compact-card{width:min(520px,96vw)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#202632;color:#fff;padding:9px 13px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:120;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.scrim{display:none}.mobile-only{display:none}
@media(max-width:820px){
  body{overflow:hidden}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(300px,86vw);transform:translateX(-105%);transition:.22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:35;opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}.mobile-only{display:grid;place-items:center}.main{width:100%}.topbar{padding:8px 10px}.model-button{max-width:calc(100vw - 155px);padding-left:3px}.model-button-copy small{display:none}.desktop-label{display:none}.pill-btn{padding:0 8px}.chat-inner{padding:18px 15px 110px}.welcome{min-height:calc(100dvh - 245px)}.welcome h1{font-size:27px}.welcome p{font-size:14px}.suggestions{grid-template-columns:1fr;margin-top:20px}.message{grid-template-columns:29px minmax(0,1fr);gap:9px}.avatar{width:28px;height:28px}.message.user .message-body{max-width:92%}.composer-area{padding:7px 10px max(10px,env(safe-area-inset-bottom))}.composer-hint{display:none}.code-block pre{max-height:430px}.two-col{grid-template-columns:1fr}.stacked-mobile{grid-template-columns:1fr}.modal{padding:10px}.modal-card{max-height:92dvh}
}
@media(max-width:480px){.top-actions .pill-btn span:first-child{display:none}.welcome .suggestions button:nth-child(n+3){display:none}.chat-inner{padding-left:11px;padding-right:11px}.message-content{font-size:14px}.model-button-copy>span{max-width:43vw}.drawer{width:100vw}.search-row{padding-left:12px;padding-right:12px}.model-list{padding-left:5px;padding-right:5px}}