:root{--blue-1:#4a90e2;--blue-2:#357abd;--blue-3:#2c5aa0;--fg:#222;--muted:#666;--line:#d9e1ea;--user:#e3efff;--ok:#1d7a3a;--warn:#9a5b00;--error:#b42318;color:var(--fg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--blue-1) 0%, var(--blue-2) 50%, var(--blue-3) 100%);flex-direction:column;align-items:center;min-height:100dvh;margin:0;padding:24px 16px 16px;display:flex}.window{background:#fff;border-radius:8px 8px 4px 4px;flex-direction:column;width:100%;max-width:760px;height:min(820px,100dvh - 120px);min-height:520px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000059}.title-bar{background:linear-gradient(to bottom, var(--blue-1), var(--blue-2));color:#fff;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.title-bar h1{margin:0;font-size:14px;font-weight:600}.title-bar h1 span{opacity:.85;margin-left:6px;font-weight:400}.window-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex}.intro{margin:0;font-size:15px;line-height:1.5}.notice{border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.45}.notice.ok{color:var(--ok);background:#e8f6ec;border:1px solid #b9e2c6}.notice.error{color:var(--error);background:#fdeceb;border:1px solid #f3c1bd}.picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker label{color:var(--muted);font-size:14px}.picker select{flex:1;min-width:0}#progress-bar{width:100%;height:14px;accent-color:var(--blue-2)}#progress{color:var(--muted);margin-top:2px;font-size:12px}#log{border:1px solid var(--line);background:#f7f9fc;border-radius:6px;flex-direction:column;flex:1;gap:8px;min-height:120px;padding:12px;display:flex;overflow-y:auto}#log:empty:before{content:"Your conversation will appear here.";color:var(--muted);margin:auto;font-size:14px}.msg{white-space:pre-wrap;border-radius:8px;max-width:90%;padding:8px 12px;font-size:15px;line-height:1.45}.msg.user{background:var(--user);align-self:flex-end}.msg.assistant{border:1px solid var(--line);background:#fff;align-self:flex-start}.msg.system{color:var(--muted);align-self:center;font-size:13px}#composer{gap:8px;display:flex}#composer textarea{resize:none;flex:1;padding:8px}button,select,textarea{font:inherit;color:var(--fg);background:#fff;border:1px solid #b8c4d3;border-radius:6px;padding:7px 12px;font-size:14px}button{cursor:pointer;color:#fff;background:linear-gradient(#5a9de1,#4088d4);border-color:#3574b6;box-shadow:inset 0 1px 2px #ffffff4d}button:hover:not(:disabled){background:linear-gradient(#6ba6e4,#4d94e0)}button:disabled{opacity:.5;cursor:default}#stop{color:var(--fg);background:#fff;border-color:#b8c4d3}:focus-visible{outline-offset:2px;outline:2px solid #ffbf47}.status{color:var(--warn);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.status [data-ok=true]{color:var(--ok)}footer{text-align:center;color:#fff;max-width:760px;margin-top:14px;font-size:14px}footer p{margin:4px 0}footer a{color:#fff}footer .small{opacity:.85;font-size:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){body{padding:0 0 12px}.window{height:calc(100dvh - 90px);min-height:480px;box-shadow:none;border-radius:0}.window-body{padding:12px}footer{padding:0 12px}}