:root{font-family:system-ui,sans-serif;color:#302d37;background:#f7f5f8;font-synthesis:none;--accent: #654d83;--line: #d8d0df}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#493958;cursor:pointer}button:hover:not(:disabled){background:#eee7f6;border-color:var(--accent)}button:disabled{color:#77717d;background:#eeebf0;border-style:dashed;cursor:not-allowed}button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9374b7;outline-offset:3px}main{max-width:760px;height:100dvh;margin:auto;display:flex;flex-direction:column;background:#fcfbfd}header{padding:16px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header strong{font-size:20px}small{display:block;margin-top:5px;color:#69616f;font-size:12px}.badge{flex-shrink:0;border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:12px}.branch-picker{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);font-size:14px}.image-library{flex-wrap:wrap}.image-library section{width:100%;min-width:0;max-height:60dvh;overflow:auto;overflow-wrap:anywhere}.image-library fieldset{min-width:0}.image-library form{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px}.image-library form label{flex:1 1 180px;min-width:0}.image-library form input{display:block;width:100%;min-height:44px;box-sizing:border-box;font:inherit}.image-library fieldset>div{margin:10px 0}.image-library fieldset>div>label{display:flex;gap:8px;align-items:center;min-height:44px}.image-library input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.branch-picker select{min-width:0;flex:1;min-height:44px;padding:8px;font:inherit;color:inherit;background:#fff;border:1px solid var(--line);border-radius:10px}.rename-chat{flex-wrap:wrap}.rename-chat form{width:100%;flex-wrap:wrap}.rename-chat input{flex:1 1 140px;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;font:inherit;color:inherit;background:#fff}.rename-chat input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.messages{flex:1;min-height:0;overflow-y:auto;padding:0 20px 24px;overflow-wrap:anywhere}.date{text-align:center;font-size:12px;color:#726979;margin:22px 0}.turn{margin-bottom:28px;content-visibility:auto;contain-intrinsic-size:auto 230px}.turn:last-child{content-visibility:visible;contain-intrinsic-size:none}.user-message{margin-left:auto;width:-moz-fit-content;width:fit-content;max-width:87%;border-radius:18px 18px 4px;background:#eae2f2;padding:12px 16px;white-space:pre-wrap;line-height:1.65}.reply{margin-top:20px}.speaker{font-size:12px;font-weight:600;color:#756384}.body{white-space:pre-wrap;font-size:17px;line-height:1.8;margin:10px 0 14px}.markdown-message{white-space:normal;min-width:0}.markdown-message p{white-space:pre-wrap;margin:.5em 0}.markdown-message pre{white-space:pre;overflow:auto;max-width:100%;padding:12px;background:#f1edf5;border-radius:10px}.markdown-message code{font-size:.9em;overflow-wrap:anywhere}.markdown-message pre code{overflow-wrap:normal}.markdown-message blockquote{margin:12px 0;padding-left:12px;border-left:3px solid var(--accent)}.markdown-message ul,.markdown-message ol{padding-left:1.5em}.markdown-message h1,.markdown-message h2,.markdown-message h3{font-size:1.15em;line-height:1.5}.message-table{overflow-x:auto;max-width:100%}.message-table table{border-collapse:collapse}.message-table th,.message-table td{border:1px solid var(--line);padding:6px 10px}details{margin-top:10px;border-left:2px solid var(--line);padding-left:10px;color:#62576c;font-size:14px}summary{cursor:pointer;padding:10px 0;min-height:44px}.thinking{white-space:pre-wrap;line-height:1.6}.reply-actions,.choices{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.choices span{min-width:40px;text-align:center;font-size:13px}footer{border-top:1px solid var(--line);padding:8px 16px max(12px,env(safe-area-inset-bottom));background:#fcfbfd}.status{font-size:13px;min-height:22px;color:#6b557d}.reconnect{margin:4px 0 10px}form{display:flex;align-items:end;gap:10px}textarea{min-width:0;flex:1;resize:vertical;max-height:180px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;color:inherit;background:#fff;line-height:1.5}.send:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:360px){header{padding:12px}.messages{padding-inline:12px}footer{padding-inline:12px}}.image-pick-actions{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0}.image-pick-actions label{position:relative;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.image-pick-actions input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.image-pick-actions label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.image-pick-actions label:has(input:disabled){opacity:.5;cursor:not-allowed}.image-editor{width:min(92vw,560px);max-height:90dvh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:18px;color:inherit;background:#fcfbfd}.image-editor::backdrop{background:#24202c88}.image-editor h2{margin:0 0 12px;font-size:20px}.crop-stage{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:auto;overflow:hidden}.crop-stage img{display:block;max-width:100%;max-height:52dvh;width:100%;height:auto}.crop-box{position:absolute;border:3px solid white;outline:1px solid #302540;box-shadow:0 0 0 100vmax #0007;touch-action:none;cursor:move}.crop-handle{position:absolute;width:min(44px,30%);height:min(44px,30%);border:solid white;border-width:0;touch-action:none}.crop-handle.nw{top:0;left:0;border-top-width:6px;border-left-width:6px;cursor:nwse-resize}.crop-handle.ne{top:0;right:0;border-top-width:6px;border-right-width:6px;cursor:nesw-resize}.crop-handle.sw{bottom:0;left:0;border-bottom-width:6px;border-left-width:6px;cursor:nesw-resize}.crop-handle.se{bottom:0;right:0;border-bottom-width:6px;border-right-width:6px;cursor:nwse-resize}.image-editor-actions{position:sticky;bottom:-16px;background:#fcfbfd;border-top:1px solid var(--line);padding-bottom:max(8px,env(safe-area-inset-bottom))}.image-editor label{display:flex;gap:12px;align-items:center;min-height:44px}.image-editor input[type=range]{min-width:0;flex:1;height:44px}.chat-shell{--bg-start:#e6e3fa;--bg-mid:#f3ecfb;--bg-end:#f8e6f0;--bubble-a:#dccbf6;--bubble-b:#f1c8e0;--avatar-a:#b9a2ee;--avatar-b:#e7a3c9;--ink:#332f48;--muted:#625b78;--accent:#67478a;--line:#b5a5c9;color:var(--ink);font-family:-apple-system,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;background:radial-gradient(ellipse at 5% 25%,#ffffff60,transparent 60%),linear-gradient(168deg,var(--bg-start),var(--bg-mid) 45%,var(--bg-end));max-width:760px;isolation:isolate}.chat-shell[data-theme=dawn]{--bg-start:#e4eef4;--bg-mid:#f6efe8;--bg-end:#f6e4e6;--bubble-a:#f6d3c2;--bubble-b:#f0c3cf;--avatar-a:#eeb4a2;--avatar-b:#e39fb0;--ink:#2f3a48;--muted:#5c6675;--accent:#865264;--line:#b8a0a7}.chat-shell header{margin:10px 12px 0;padding:10px 14px;border:1px solid #ffffffb8;border-radius:24px;background:#ffffff65;box-shadow:0 6px 24px #465a6e0d}.chat-heading{flex:1;min-width:0;text-align:center}.chat-heading strong{font-size:18px;letter-spacing:1px}.chat-shell .model-name{color:var(--muted);font-size:12px;overflow-wrap:anywhere;line-height:1.5}.theme-picker{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.theme-picker select{font:inherit;font-size:14px;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:8px;color:var(--ink);background:#ffffffb8}.chat-shell button{color:var(--accent);border-color:var(--line);background:#ffffffb8;min-width:44px}.chat-shell button:hover:not(:disabled){background:#fff;border-color:var(--accent)}.chat-shell button:disabled{color:#77717d;background:#eeebf0;border-color:#c4bdc9;border-style:dashed}.chat-shell :is(button,textarea,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.chat-shell .messages{padding:0 14px 20px}.chat-shell .date{color:var(--muted);font-size:12px}.chat-shell .turn{margin-bottom:26px}.user-row{display:flex;justify-content:flex-end;align-items:flex-start;gap:10px}.chat-shell .user-message{margin-left:0;max-width:calc(100% - 58px);padding:10px 14px;font-size:15.5px;border-radius:14px 5px 14px 14px;background:linear-gradient(135deg,var(--bubble-a),var(--bubble-b));color:var(--ink);box-shadow:0 3px 12px #9678aa16}.chat-shell .avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink);box-shadow:0 0 0 1.5px #ffffffe6}.user-avatar{background:linear-gradient(140deg,var(--avatar-a),var(--avatar-b))}.reply-avatar{background:linear-gradient(140deg,#a5b8dc,#e0d7ed 55%,#efc9c8)}.chat-shell .reply{display:flex;align-items:flex-start;gap:10px;margin-top:20px}.reply-content{flex:1;min-width:0;padding-right:10px}.chat-shell .body{margin:8px 0 12px;padding:12px 15px;border:1px solid #ffffffb8;border-radius:18px;background:#ffffffa8;box-shadow:0 4px 18px #465a6e0a;font-size:15.5px;line-height:1.8}.chat-shell details{width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:0;margin-bottom:8px;padding:0 12px;background:#ffffff60;border:1px solid #b5a5c980;border-radius:14px;color:var(--muted)}.chat-shell details[open]{width:100%}.chat-shell summary{padding:11px 0}.chat-shell .thinking{margin:0 0 12px;padding-left:10px;border-left:2px solid var(--line);font-size:13px;line-height:1.75}.chat-shell .reply-actions{gap:8px}.chat-shell footer{margin:0 10px max(10px,env(safe-area-inset-bottom));padding:8px 10px 10px;border:1px solid #ffffffb8;border-radius:24px;background:#ffffff85}.chat-shell textarea{border-color:var(--line);background:#ffffffc9;font-size:16px}.chat-shell .send:not(:disabled){color:#fff;background:var(--accent);border-color:var(--accent)}.chat-shell .send:hover:not(:disabled){color:#fff;background:var(--accent);filter:brightness(.92)}.chat-shell .status{color:var(--muted)}.chat-shell .status:empty{min-height:0}.chat-shell .branch-picker{border:0}.chat-shell .chat-settings{width:auto;margin:0 12px 4px;flex-shrink:0;max-height:40dvh;overflow:auto;color:var(--ink)}.chat-shell .chat-settings[open]{width:auto}.chat-shell .chat-settings>summary{min-height:44px;color:var(--accent);cursor:pointer}.chat-shell .chat-settings .branch-picker{padding-inline:0;flex-wrap:wrap}.chat-shell header>div{min-width:0}.chat-shell header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-shell header>button{flex-shrink:0}@media(max-width:360px){.theme-picker>span{display:none}.reply-content{padding-right:0}.chat-shell .messages{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.chat-shell *,.chat-shell *:before,.chat-shell *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}