.chat-page{height:calc(100dvh - var(--topbar-h));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.chat-bar{padding:12px var(--gutter);justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-model{background-color:#0000;border-color:#0000;width:auto;max-width:min(360px,60vw);padding-top:7px;padding-bottom:7px;font-weight:600}.chat-model:hover{background-color:var(--surface)}.chat-bar-actions{gap:6px;display:flex}.chat-bar-actions .icon-btn{border:0}.chat-bar-actions .icon-btn.on{background:var(--accent-soft);color:var(--accent)}.chat-scroll{padding:0 var(--gutter);overflow-y:auto}.chat-thread{flex-direction:column;gap:20px;max-width:760px;min-height:100%;margin:0 auto;padding:12px 0 24px;display:flex}.chat-empty{text-align:center;justify-items:center;gap:20px;margin:auto 0;padding:40px 0;display:grid}.chat-empty h1{overflow-wrap:anywhere;font-size:26px;font-weight:600}.chat-starters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%;display:grid}.chat-starters button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font:inherit;text-align:left;cursor:pointer;padding:12px 14px;font-size:13px;transition:border-color .15s,color .15s}.chat-starters button:hover{color:var(--text);border-color:#33404b}.msg{gap:4px;display:grid}.msg-user{justify-items:end}.msg-body{overflow-wrap:anywhere;max-width:100%;font-size:15px;line-height:1.6}.msg-user .msg-body{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:18px 18px 4px;max-width:85%;padding:10px 14px}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote{margin:0 0 12px}.md ul,.md ol{padding-left:22px}.md a{color:var(--accent)}.md blockquote{border-left:2px solid var(--border);color:var(--muted);padding-left:12px}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.md :not(pre)>code{background:var(--surface);border-radius:5px;padding:1px 5px}.md pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.msg-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.msg:hover .msg-actions,.msg:focus-within .msg-actions,.msg:last-child .msg-actions{opacity:1}.msg-action{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.msg-action:hover{color:var(--text);background:#ffffff0f}.msg-action .material-symbols-outlined{font-size:16px}.chat-dock{width:100%;max-width:calc(760px + 2 * var(--gutter));padding:0 var(--gutter) 20px;gap:8px;margin:0 auto;display:grid}.chat-composer{background:var(--surface);border:1px solid var(--border);border-radius:22px;align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;transition:border-color .15s;display:flex}.chat-composer:focus-within{border-color:#3a4854}.chat-composer textarea{resize:none;background:0 0;border:0;flex:1;min-height:24px;max-height:220px;padding:6px 0;font-size:15px;line-height:1.5}.chat-composer textarea:focus-visible{outline:none}.chat-send{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chat-send:disabled{opacity:.35;cursor:not-allowed}.chat-send .material-symbols-outlined{font-size:20px}.chat-panel{z-index:20;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:6px;width:min(320px,100%);padding:16px 18px 24px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 40px #00000059}.chat-panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chat-panel-head .icon-btn{border:0}.chat-panel .label{margin:8px 0 2px}.chat-panel textarea{resize:vertical}.chat-panel .btn{align-self:flex-start;margin-top:8px}.sampler{margin-top:10px}.sampler-head{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.sampler output{color:var(--text);font-variant-numeric:tabular-nums}.sampler input{width:100%;accent-color:var(--accent);padding:0}@media (width<=639px){.chat-page{height:calc(100dvh - var(--topbar-h) - var(--footer-space))}.chat-dock{padding-bottom:12px}}@media (hover:none){.msg-actions{opacity:1}}