Files
chat/backend/public/assets/ChatView-CphvBJpD.css
T
2026-07-22 10:18:59 +08:00

2 lines
41 KiB
CSS

.sidebar[data-v-dfdf068b]{width:var(--sidebar-width);background:#fffffff0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:transform .24s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-top[data-v-dfdf068b]{padding:16px 14px 12px;display:flex;flex-direction:column;gap:14px}.sidebar-brand[data-v-dfdf068b]{display:flex;align-items:center;gap:10px;min-height:40px;padding:2px}.brand-badge[data-v-dfdf068b]{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);border:1px solid #d9e6fb;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.brand-copy[data-v-dfdf068b]{min-width:0;flex:1}.sidebar-brand strong[data-v-dfdf068b]{display:block;overflow:hidden;color:var(--text-primary);font-size:14px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand p[data-v-dfdf068b]{margin-top:2px;color:var(--text-muted);font-size:11px;line-height:1.3}.sidebar-close[data-v-dfdf068b]{display:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary)}.new-chat-btn[data-v-dfdf068b]{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;padding:0 14px;background:var(--accent);border-radius:12px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 7px 18px #2d66da33;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.new-chat-btn[data-v-dfdf068b]:hover{background:var(--accent-hover);box-shadow:0 9px 22px #2d66da3d}.new-chat-btn[data-v-dfdf068b]:active{transform:scale(.98)}.conversation-list[data-v-dfdf068b]{flex:1;overflow-y:auto;padding:6px 9px 12px}.conversation-heading[data-v-dfdf068b]{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 7px;color:var(--text-muted);font-size:11px}.conversation-item[data-v-dfdf068b]{position:relative;display:flex;align-items:center;gap:9px;min-height:42px;margin-bottom:2px;padding:8px 8px 8px 10px;border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:13px;transition:background .15s ease,color .15s ease}.conversation-item[data-v-dfdf068b]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.conversation-item.active[data-v-dfdf068b]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);color:var(--text-primary);font-weight:500}.conversation-icon[data-v-dfdf068b]{color:var(--text-muted);flex-shrink:0}.conversation-item.active .conversation-icon[data-v-dfdf068b]{color:var(--accent)}.conv-title[data-v-dfdf068b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn[data-v-dfdf068b]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);opacity:0;flex-shrink:0;transition:background .15s ease,color .15s ease,opacity .15s ease}.conversation-item:hover .delete-btn[data-v-dfdf068b],.delete-btn[data-v-dfdf068b]:focus-visible{opacity:1}.delete-btn[data-v-dfdf068b]:hover{background:#fff0f0;color:var(--danger)}.empty-tip[data-v-dfdf068b]{padding:26px 18px;color:var(--text-muted);font-size:12px;line-height:1.6;text-align:center}.sidebar-footer[data-v-dfdf068b]{padding:10px 12px 12px;border-top:1px solid var(--border)}.user-info[data-v-dfdf068b]{display:flex;align-items:center;gap:10px;padding:6px}.avatar[data-v-dfdf068b]{width:34px;height:34px;border-radius:11px;background:#eef1f6;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;flex-shrink:0}.user-meta[data-v-dfdf068b]{display:flex;flex-direction:column;min-width:0}.user-name[data-v-dfdf068b]{overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.user-level[data-v-dfdf068b]{margin-top:2px;color:var(--text-muted);font-size:11px}@media(max-width:768px){.sidebar[data-v-dfdf068b]{position:fixed;inset:0 auto 0 0;z-index:100;width:min(84vw,304px);transform:translate(-100%);box-shadow:20px 0 50px #15203324}.sidebar.open[data-v-dfdf068b]{transform:translate(0)}.sidebar-close[data-v-dfdf068b]{display:flex}.delete-btn[data-v-dfdf068b]{opacity:.68}}@media(prefers-reduced-motion:reduce){.sidebar[data-v-dfdf068b],.new-chat-btn[data-v-dfdf068b],.conversation-item[data-v-dfdf068b],.delete-btn[data-v-dfdf068b]{transition:none}}.message[data-v-bda4968a]{display:flex;gap:10px;width:100%;max-width:var(--input-max-width);margin:0 auto 30px;padding:0 10px}.message.user[data-v-bda4968a]{flex-direction:row-reverse}.message-avatar[data-v-bda4968a]{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.message.user .message-avatar[data-v-bda4968a]{background:#edf1f6;color:var(--text-secondary)}.message.assistant .message-avatar[data-v-bda4968a]{background:var(--accent-soft);border-color:#dbe7fa;color:var(--accent)}.message-body[data-v-bda4968a]{display:flex;flex-direction:column;min-width:0;max-width:84%;padding-top:1px}.message.user .message-body[data-v-bda4968a]{max-width:76%;align-items:flex-end}.message.assistant .message-body[data-v-bda4968a]{align-items:flex-start}.message.assistant .message-body.wide-image-message[data-v-bda4968a]{width:100%;max-width:100%}.message-content[data-v-bda4968a]{display:inline-block;max-width:100%;color:var(--text-primary);font-size:15px;line-height:1.75;cursor:text;-webkit-user-select:text;user-select:text}.message-actions[data-v-bda4968a]{display:flex;width:100%;height:0;justify-content:flex-start;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease}.image-edit-btn[data-v-bda4968a]{color:var(--accent);background:var(--accent-soft)}.message-actions.has-image[data-v-bda4968a]{height:auto;margin-top:7px;opacity:1;pointer-events:auto;transform:none}.message.user .message-actions[data-v-bda4968a]{justify-content:flex-end}.message:hover .message-actions[data-v-bda4968a],.message:focus-within .message-actions[data-v-bda4968a]{opacity:1;pointer-events:auto}.message-action-btn[data-v-bda4968a]{min-height:28px;padding:0 8px;border-radius:8px;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:550;white-space:nowrap;transition:color .16s ease,background .16s ease,transform .16s ease}.message-action-btn[data-v-bda4968a]:hover,.message-action-btn[data-v-bda4968a]:focus-visible{background:#fff;color:var(--accent)}.message-action-btn[data-v-bda4968a]:active{transform:scale(.96)}.message.user .message-content[data-v-bda4968a]{padding:11px 14px;background:var(--accent-soft);border:1px solid #dbe7fa;border-radius:16px 16px 5px}.message.assistant .message-content[data-v-bda4968a]{padding:3px 1px}.message.streaming .message-content[data-v-bda4968a]:after{content:"";display:inline-block;width:2px;height:15px;margin-left:3px;border-radius:1px;background:var(--accent);vertical-align:-2px;animation:cursor-blink-bda4968a .9s step-end infinite}.message-content[data-v-bda4968a] pre{background:#f6f8fb;border-color:var(--border)}.message.user .message-content[data-v-bda4968a] pre,.message.user .message-content[data-v-bda4968a] :not(pre)>code{background:#ffffffb8}.message.user .message-content[data-v-bda4968a] a{color:var(--accent)}.attachments[data-v-bda4968a]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.attachments.image-grid[data-v-bda4968a],.image-loading-grid[data-v-bda4968a]{display:grid;position:relative;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:hidden;border-radius:16px}.attachments.image-grid .att-image[data-v-bda4968a]{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:1 / 1;border:0;border-radius:0;box-shadow:none}.image-loading-grid i[data-v-bda4968a]{display:block;aspect-ratio:1 / 1;background:linear-gradient(115deg,#edf2ff 8%,#f5f1ff 38%,#eaf3ff 64%,#edf2ff 92%);background-size:240% 100%;animation:image-skeleton-bda4968a 1.8s ease-in-out infinite}.generation-progress[data-v-bda4968a]{display:inline-flex;position:absolute;z-index:1;top:10px;left:10px;align-items:center;gap:4px;padding:5px 8px;border:1px solid rgba(214,223,241,.9);border-radius:8px;background:#ffffffeb;color:#4b5565;font-size:12px;font-style:normal;font-weight:650;box-shadow:0 5px 16px #263b5c14}.message.user .attachments[data-v-bda4968a]{justify-content:flex-end}.att-image[data-v-bda4968a]{display:block;width:auto;max-width:min(100%,460px);max-height:520px;border-radius:16px;border:1px solid var(--border-strong);box-shadow:0 12px 32px #263b5c1a;cursor:zoom-in;object-fit:cover}.message.user .att-image[data-v-bda4968a]{max-width:min(100%,300px);max-height:360px}.att-video[data-v-bda4968a]{width:min(100%,460px);max-height:320px;border-radius:16px}.att-audio[data-v-bda4968a]{width:100%;max-width:380px}.att-document[data-v-bda4968a]{display:inline-flex;align-items:center;gap:7px;max-width:360px;padding:9px 11px;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:13px;transition:background .15s ease,border-color .15s ease}.att-document[data-v-bda4968a]:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.document-name[data-v-bda4968a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size[data-v-bda4968a]{color:var(--text-muted);font-size:11px;white-space:nowrap}@keyframes cursor-blink-bda4968a{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes image-skeleton-bda4968a{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:768px){.message[data-v-bda4968a]{gap:8px;margin-bottom:26px;padding:0 2px}.message-avatar[data-v-bda4968a]{width:28px;height:28px;border-radius:9px}.message-body[data-v-bda4968a],.message.user .message-body[data-v-bda4968a]{max-width:calc(100% - 38px)}.message-content[data-v-bda4968a]{font-size:14px;line-height:1.7}.message.user .message-content[data-v-bda4968a]{padding:10px 12px}.message-actions[data-v-bda4968a]{opacity:1;pointer-events:auto}.att-image[data-v-bda4968a],.message.user .att-image[data-v-bda4968a]{max-width:100%;max-height:420px;border-radius:14px}.attachments.image-grid[data-v-bda4968a],.image-loading-grid[data-v-bda4968a]{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}}@media(prefers-reduced-motion:reduce){.message-actions[data-v-bda4968a],.message-action-btn[data-v-bda4968a],.message.streaming .message-content[data-v-bda4968a]:after{animation:none}.att-document[data-v-bda4968a]{transition:none}.image-loading-grid i[data-v-bda4968a]{animation:none}}.workbench[data-v-65896541]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;grid-template-columns:minmax(280px,30vw) 1fr;background:#f7f8fa;color:#172033}.workbench-sidebar[data-v-65896541]{display:flex;min-width:0;flex-direction:column;border-right:1px solid #dfe3ea;background:#fff}.sidebar-header[data-v-65896541]{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e8ebf0}.sidebar-header div[data-v-65896541]{display:flex;flex-direction:column;gap:3px}.sidebar-header strong[data-v-65896541]{font-size:16px}.sidebar-header span[data-v-65896541],.composer-footer span[data-v-65896541]{color:#7a8495;font-size:11px}.icon-button[data-v-65896541]{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;color:#4b5565}.icon-button[data-v-65896541]:hover{background:#f0f3f7}.icon-button[data-v-65896541]:disabled{cursor:not-allowed;opacity:.34}.icon-button[data-v-65896541]:disabled:hover{background:transparent}.history-action[data-v-65896541]{flex:0 0 auto}.ops-panel[data-v-65896541]{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;padding:14px 16px;border-bottom:1px solid #edf0f4;overflow:auto}.ops-title[data-v-65896541]{color:#667085;font-size:12px;font-weight:650}.result-strip[data-v-65896541]{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.result-strip button[data-v-65896541]{display:flex;width:108px;flex-direction:column;align-items:stretch;gap:6px;padding:0;border:0;background:transparent}.result-strip button img[data-v-65896541]{width:108px;height:108px;border:2px solid transparent;border-radius:12px;object-fit:cover;background:#f0f2f5;box-shadow:0 6px 18px #222d4214}.result-strip button.active img[data-v-65896541]{border-color:#376fe8}.tool-chip[data-v-65896541]{display:inline-flex;align-self:flex-start;padding:3px 8px;border-radius:999px;background:#eef3ff;color:#285fcf;font-size:11px;font-weight:650;line-height:1.4}.tool-note[data-v-65896541]{padding:16px 20px 8px;flex:0 0 auto}.tool-note strong[data-v-65896541]{font-size:15px}.tool-note p[data-v-65896541]{margin:8px 0 0;color:#667085;font-size:13px;line-height:1.65}.clear-mask[data-v-65896541]{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#376fe8;font-size:12px}.outpaint-side-note[data-v-65896541]{margin:4px 20px 10px;padding:12px 14px;border:1px solid #e4e9f2;border-radius:12px;background:#f8fafc}.outpaint-side-note span[data-v-65896541]{display:block;color:#285fcf;font-size:12px;font-weight:650}.outpaint-side-note p[data-v-65896541]{margin:6px 0 0;color:#667085;font-size:12px;line-height:1.55}.command-log[data-v-65896541]{padding:0 20px 8px;border-bottom:1px solid #edf0f4;flex:0 0 auto}.command-log strong[data-v-65896541]{display:block;margin-bottom:8px;color:#526074;font-size:12px}.command-log ul[data-v-65896541]{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;max-height:140px;overflow:auto}.command-log li[data-v-65896541]{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid #e8ebf0;border-radius:10px;background:#f8fafc}.command-tool[data-v-65896541]{color:#376fe8;font-size:11px;font-weight:650}.command-text[data-v-65896541]{color:#303a4a;font-size:12px;line-height:1.5;word-break:break-word}.suggestions[data-v-65896541]{display:flex;flex-wrap:wrap;gap:8px;padding:8px 20px;flex:0 0 auto}.sidebar-workflow .ops-panel[data-v-65896541]{flex:1}.suggestions button[data-v-65896541]{padding:8px 11px;border:1px solid #dfe4ec;border-radius:10px;color:#526074;font-size:12px;text-align:left}.suggestions button[data-v-65896541]:hover{border-color:#b9c8e5;background:#f5f8fd}.composer[data-v-65896541]{margin:auto 18px 14px;border:1.5px solid #7fa4f6;border-radius:16px;background:#fff;box-shadow:0 10px 30px #2e4b8217;flex:0 0 auto}.composer textarea[data-v-65896541]{width:100%;min-height:92px;padding:14px 15px;border:0;outline:0;resize:none;background:transparent;color:#172033;font:inherit;line-height:1.55}.composer-footer[data-v-65896541]{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 9px 14px}.composer-footer button[data-v-65896541]{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#4c78ee;color:#fff}.composer-footer button[data-v-65896541]:disabled{opacity:.55}.status[data-v-65896541]{margin:0 20px 15px;color:#376fe8;font-size:12px}.status.error[data-v-65896541]{color:#d53b4c}.workbench-main[data-v-65896541]{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) auto}.tool-bar[data-v-65896541]{display:flex;align-items:center;gap:2px;min-height:64px;padding:9px 14px;border-bottom:1px solid #dfe3ea;background:#fff;overflow-x:auto}.tool-bar>button[data-v-65896541]:not(.icon-button){display:flex;min-width:72px;height:46px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:10px;color:#303a4a;font-size:13px;white-space:nowrap}.tool-bar>button[data-v-65896541]:hover,.tool-bar>button.active[data-v-65896541]{background:#eef3ff;color:#285fcf}.toolbar-spacer[data-v-65896541]{flex:1}.canvas-shell[data-v-65896541]{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:42px;background:#f0f2f5}.canvas-stage[data-v-65896541]{position:relative;transform-origin:center;transition:transform .15s ease;background-color:#fff;background-image:linear-gradient(45deg,#e3e6eb 25%,transparent 25%),linear-gradient(-45deg,#e3e6eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e6eb 75%),linear-gradient(-45deg,transparent 75%,#e3e6eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.canvas-stage img[data-v-65896541]{display:block;max-width:min(76vw,1100px);max-height:calc(100dvh - 180px);object-fit:contain;box-shadow:0 18px 50px #222d4229}.canvas-stage canvas[data-v-65896541]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.canvas-stage canvas.drawing[data-v-65896541]{cursor:crosshair}.canvas-footer[data-v-65896541]{display:flex;min-height:52px;align-items:center;justify-content:flex-end;gap:9px;padding:0 22px;border-top:1px solid #dfe3ea;background:#fff}.canvas-footer button[data-v-65896541]{display:inline-flex;align-items:center;gap:5px;padding:7px;border-radius:8px;color:#526074}.canvas-footer button[data-v-65896541]:hover{background:#f0f3f7}.canvas-footer span[data-v-65896541]{min-width:48px;text-align:center;font-size:12px}.canvas-footer i[data-v-65896541]{width:1px;height:20px;background:#dfe3ea}.spin[data-v-65896541]{animation:spin-65896541 .8s linear infinite}@keyframes spin-65896541{to{transform:rotate(360deg)}}@media(max-width:800px){.workbench[data-v-65896541]{grid-template-columns:1fr}.workbench-sidebar[data-v-65896541]{position:absolute;inset:auto 8px 8px;z-index:2;max-height:46dvh;border:1px solid #dfe3ea;border-radius:16px;box-shadow:0 18px 50px #1a263d33}.sidebar-header[data-v-65896541],.ops-panel[data-v-65896541],.tool-note[data-v-65896541],.suggestions[data-v-65896541],.command-log[data-v-65896541],.outpaint-side-note[data-v-65896541]{display:none}.composer[data-v-65896541]{margin:10px}.tool-bar[data-v-65896541]{padding-right:54px}.tool-bar>button[data-v-65896541]:not(.icon-button){min-width:58px;flex-direction:column;gap:2px;font-size:10px}.canvas-shell[data-v-65896541]{padding:20px 10px 48dvh}.canvas-stage img[data-v-65896541]{max-width:94vw;max-height:45dvh}}@media(prefers-reduced-motion:reduce){.canvas-stage[data-v-65896541]{transition:none}.spin[data-v-65896541]{animation:none}}.workbench-main[data-v-65896541]{display:flex;flex-direction:column}.tool-bar>button[data-v-65896541]:disabled{cursor:not-allowed;opacity:.42}.workflow-panel[data-v-65896541]{display:flex;width:min(880px,calc(100% - 40px));flex:0 0 auto;align-self:center;margin:18px auto 0;border:1px solid #dfe3ea;border-radius:16px;background:#fff;box-shadow:0 10px 30px #2e4b820f}.replace-panel[data-v-65896541]{flex-direction:column;padding:0 16px}.selection-tools[data-v-65896541]{display:flex;min-height:54px;align-items:center;gap:6px;border-bottom:1px solid #edf0f4}.selection-tools>button[data-v-65896541]{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;color:#4f5969}.selection-tools>button[data-v-65896541]:hover,.selection-tools>button.active[data-v-65896541]{background:#eef3ff;color:#285fcf}.selection-tools>i[data-v-65896541]{width:1px;height:25px;margin:0 6px;background:#dfe3ea}.background-toggle[data-v-65896541]{display:flex;align-items:center;gap:8px;color:#3f4857;font-size:13px;cursor:pointer}.background-toggle input[data-v-65896541]{width:18px;height:18px;accent-color:#376fe8}.workflow-command[data-v-65896541]{display:flex;min-height:62px;align-items:center;gap:11px}.workflow-command>svg[data-v-65896541]{flex:0 0 auto;color:#4c78ee}.workflow-command input[data-v-65896541]{min-width:0;flex:1;border:0;outline:0;color:#172033;font:inherit;font-size:14px}.workflow-command input[data-v-65896541]::placeholder{color:#8b95a5}.workflow-command>button[data-v-65896541]{display:flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:#4c78ee;color:#fff}.workflow-command>button[data-v-65896541]:disabled{cursor:not-allowed;opacity:.3}.outpaint-panel[data-v-65896541]{min-height:64px;align-items:center;justify-content:center;gap:10px;padding:8px 12px}.ratio-options[data-v-65896541]{display:flex;align-items:center;gap:3px}.ratio-options button[data-v-65896541]{display:flex;height:46px;align-items:center;gap:6px;padding:0 10px;border-radius:11px;color:#3e4756;font-size:13px;white-space:nowrap}.ratio-options button[data-v-65896541]:hover,.ratio-options button.active[data-v-65896541]{background:#eef3ff;color:#285fcf}.ratio-options button>i[data-v-65896541]{display:block;width:21px;max-height:20px;border:1.8px solid currentColor;border-radius:3px}.panel-divider[data-v-65896541]{width:1px;height:30px;background:#dfe3ea}.primary-workflow-button[data-v-65896541]{display:flex;min-width:112px;height:42px;align-items:center;justify-content:center;gap:7px;padding:0 18px;border-radius:12px;background:#4c78ee;color:#fff;font-size:14px;font-weight:650;white-space:nowrap}.primary-workflow-button[data-v-65896541]:disabled{cursor:not-allowed;opacity:.55}.panel-status[data-v-65896541]{width:100%;margin:0 4px 8px;color:#376fe8;font-size:12px}.panel-status.error[data-v-65896541]{color:#d53b4c}.outpaint-panel .panel-status[data-v-65896541]{position:absolute;transform:translateY(46px);text-align:center;pointer-events:none}.canvas-shell[data-v-65896541]{position:relative;flex:1}.canvas-frame[data-v-65896541]:not(.outpaint-frame){display:contents}.outpaint-mode[data-v-65896541]{padding:28px;align-items:center;justify-content:center}.outpaint-frame[data-v-65896541]{display:flex;position:relative;width:min(78vw,calc((100dvh - 260px) * var(--outpaint-ratio)));height:min(calc(100dvh - 260px),720px);max-width:100%;aspect-ratio:var(--outpaint-ratio);align-items:center;justify-content:center;border:1px dashed #aeb8c8;background-color:#eef1f5;background-image:radial-gradient(circle,#d5dbe6 1.1px,transparent 1.2px);background-size:16px 16px;box-shadow:inset 0 0 0 1px #ffffff8c}.outpaint-frame .canvas-stage[data-v-65896541]{display:block;background:none;transform-origin:center center}.outpaint-frame .canvas-stage img[data-v-65896541]{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;box-shadow:0 10px 28px #222d4229}.canvas-stage canvas.erasing[data-v-65896541]{cursor:cell}.restore-overlay[data-v-65896541]{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;align-items:flex-end;justify-content:center;padding:0 20px 28px;background:#0d121ca3}.restore-overlay.outpaint-overlay[data-v-65896541]{background:#0d121c47}.restore-progress[data-v-65896541]{display:flex;min-height:54px;align-items:center;gap:10px;padding:0 18px;border:1px solid rgba(255,255,255,.48);border-radius:14px;background:#fffffff5;color:#303a4a;font-size:14px;box-shadow:0 14px 38px #111b2d3d}.restore-progress>svg[data-v-65896541]{color:#4c78ee}.restore-progress button[data-v-65896541]{margin-left:8px;color:#285fcf;font-weight:650}.restore-progress button[data-v-65896541]:hover{text-decoration:underline}.workflow-panel button[data-v-65896541]:active,.tool-bar button[data-v-65896541]:active{transform:translateY(1px)}.workflow-panel[data-v-65896541]{position:relative}@media(max-width:1100px){.ratio-options button[data-v-65896541]{padding:0 7px}.ratio-options button>i[data-v-65896541]{display:none}.workflow-panel[data-v-65896541]{width:calc(100% - 24px)}.primary-workflow-button[data-v-65896541]{min-width:96px;padding:0 12px}}@media(max-width:800px){.workflow-panel[data-v-65896541]{position:absolute;right:8px;bottom:calc(46dvh + 18px);left:8px;z-index:3;width:auto;margin:0}.outpaint-panel[data-v-65896541]{overflow-x:auto;justify-content:flex-start}.outpaint-frame[data-v-65896541]{width:min(94vw,calc(38dvh * var(--outpaint-ratio)));height:min(38dvh,520px);max-width:94vw}.restore-overlay[data-v-65896541]{padding-bottom:16px}.restore-progress[data-v-65896541]{min-height:46px;padding:0 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.workflow-panel button[data-v-65896541]:active,.tool-bar button[data-v-65896541]:active{transform:none}}.message-list-shell[data-v-6c48c526]{position:relative;flex:1;min-height:0}.message-list[data-v-6c48c526]{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 18px}.scroll-bottom-btn[data-v-6c48c526]{position:absolute;left:50%;bottom:12px;z-index:12;min-height:38px;padding:0 14px;border:1px solid var(--border-strong);border-radius:999px;background:#fffffff5;box-shadow:0 10px 30px #263b5c24;color:var(--text-secondary);display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.scroll-bottom-btn[data-v-6c48c526]:hover{color:var(--accent);border-color:#2d66da52;box-shadow:0 12px 34px #263b5c2e;transform:translate(-50%) translateY(-1px)}.scroll-bottom-btn[data-v-6c48c526]:active{transform:translate(-50%) scale(.97)}.scroll-button-enter-active[data-v-6c48c526],.scroll-button-leave-active[data-v-6c48c526]{transition:opacity .18s ease,transform .18s ease}.scroll-button-enter-from[data-v-6c48c526],.scroll-button-leave-to[data-v-6c48c526]{opacity:0;transform:translate(-50%) translateY(7px)}.image-preview-overlay[data-v-6c48c526]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:58px 28px 22px;background:#0c131fe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.image-preview-stage[data-v-6c48c526]{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center}.image-preview-full[data-v-6c48c526]{display:block;width:auto;height:auto;max-width:94vw;max-height:calc(100vh - 112px);border-radius:14px;box-shadow:0 28px 80px #00000061;object-fit:contain;-webkit-user-select:none;user-select:none}.image-preview-close[data-v-6c48c526]{position:fixed;top:18px;right:20px;z-index:1;width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .16s ease,transform .16s ease}.image-preview-close[data-v-6c48c526]:hover,.image-preview-close[data-v-6c48c526]:focus-visible{background:#ffffff38}.image-preview-close[data-v-6c48c526]:active{transform:scale(.95)}.image-preview-caption[data-v-6c48c526]{max-width:min(80vw,720px);margin:14px auto 0;overflow:hidden;color:#ffffffc7;font-size:12px;line-height:1.4;text-align:center;text-overflow:ellipsis;white-space:nowrap}.image-preview-enter-active[data-v-6c48c526],.image-preview-leave-active[data-v-6c48c526]{transition:opacity .2s ease}.image-preview-enter-active .image-preview-full[data-v-6c48c526],.image-preview-leave-active .image-preview-full[data-v-6c48c526]{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease}.image-preview-enter-from[data-v-6c48c526],.image-preview-leave-to[data-v-6c48c526]{opacity:0}.image-preview-enter-from .image-preview-full[data-v-6c48c526],.image-preview-leave-to .image-preview-full[data-v-6c48c526]{opacity:0;transform:scale(.96)}.welcome[data-v-6c48c526]{display:flex;align-items:center;justify-content:center;min-height:100%}.welcome-panel[data-v-6c48c526]{width:min(100%,620px);padding:24px 18px 30px;text-align:center;animation:welcome-in-6c48c526 .45s cubic-bezier(.16,1,.3,1) both}.welcome-icon[data-v-6c48c526]{width:52px;height:52px;margin:0 auto 18px;border-radius:16px;background:#fff;border:1px solid var(--border-strong);color:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #263b5c14}.welcome h2[data-v-6c48c526]{margin-bottom:10px;color:var(--text-primary);font-size:clamp(23px,2.4vw,28px);font-weight:680;letter-spacing:-.035em;line-height:1.28}.welcome p[data-v-6c48c526]{max-width:460px;margin:0 auto;color:var(--text-secondary);font-size:14px;line-height:1.65}.loading-state[data-v-6c48c526]{width:min(100%,680px);margin:28px auto;padding:18px 0}.loading-state span[data-v-6c48c526]{display:block;height:12px;margin-bottom:10px;border-radius:6px;background:#e8edf3;animation:skeleton-pulse-6c48c526 1.2s ease-in-out infinite}.loading-state span[data-v-6c48c526]:nth-child(1){width:68%}.loading-state span[data-v-6c48c526]:nth-child(2){width:88%}.loading-state span[data-v-6c48c526]:nth-child(3){width:52%}.typing-indicator[data-v-6c48c526]{display:flex;gap:4px;max-width:var(--input-max-width);margin:0 auto;padding:12px 40px}.typing-indicator span[data-v-6c48c526]{width:7px;height:7px;background:#aab5c4;border-radius:50%;animation:bounce-6c48c526 1.2s infinite ease-in-out both}.typing-indicator span[data-v-6c48c526]:nth-child(1){animation-delay:-.24s}.typing-indicator span[data-v-6c48c526]:nth-child(2){animation-delay:-.12s}@keyframes welcome-in-6c48c526{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse-6c48c526{0%,to{opacity:.55}50%{opacity:1}}@keyframes bounce-6c48c526{0%,80%,to{transform:scale(.65);opacity:.45}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.message-list[data-v-6c48c526]{padding:14px 12px 10px}.scroll-bottom-btn[data-v-6c48c526]{bottom:8px;min-height:36px;padding:0 12px}.welcome-panel[data-v-6c48c526]{padding:18px 10px 24px}.welcome-icon[data-v-6c48c526]{width:48px;height:48px;margin-bottom:16px;border-radius:15px}.welcome h2[data-v-6c48c526]{max-width:330px;margin-right:auto;margin-left:auto;font-size:23px;line-height:1.3}.welcome p[data-v-6c48c526]{max-width:310px;font-size:13px}.image-preview-overlay[data-v-6c48c526]{padding:54px 12px 16px}.image-preview-full[data-v-6c48c526]{max-width:calc(100vw - 24px);max-height:calc(100vh - 100px);border-radius:10px}.image-preview-close[data-v-6c48c526]{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.scroll-bottom-btn[data-v-6c48c526],.image-preview-overlay[data-v-6c48c526],.image-preview-full[data-v-6c48c526],.image-preview-close[data-v-6c48c526],.welcome-panel[data-v-6c48c526],.loading-state span[data-v-6c48c526],.typing-indicator span[data-v-6c48c526]{animation:none}}.drop-overlay[data-v-de09dd02]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:24px;background:#f5f8fcc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none}.drop-card[data-v-de09dd02]{width:min(460px,calc(100vw - 40px));min-height:238px;padding:34px;border:2px dashed #a9c3ee;border-radius:26px;background:#fffffff5;box-shadow:0 24px 70px #263b5c2b;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.drop-icon[data-v-de09dd02]{width:66px;height:66px;margin-bottom:18px;border-radius:20px;display:grid;place-items:center;background:#edf4ff;color:var(--accent);box-shadow:inset 0 0 0 1px #2d66da17}.drop-card strong[data-v-de09dd02]{font-size:21px;font-weight:680;letter-spacing:-.01em}.drop-card>span[data-v-de09dd02]:last-child{max-width:32em;margin-top:9px;color:var(--text-secondary);font-size:13px;line-height:1.65}.drop-overlay.blocked .drop-card[data-v-de09dd02]{border-color:#e7b4b4}.drop-overlay.blocked .drop-icon[data-v-de09dd02]{background:#fff1f1;color:var(--danger)}.drop-overlay-enter-active[data-v-de09dd02],.drop-overlay-leave-active[data-v-de09dd02]{transition:opacity .18s ease}.drop-overlay-enter-active .drop-card[data-v-de09dd02],.drop-overlay-leave-active .drop-card[data-v-de09dd02]{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease}.drop-overlay-enter-from[data-v-de09dd02],.drop-overlay-leave-to[data-v-de09dd02]{opacity:0}.drop-overlay-enter-from .drop-card[data-v-de09dd02],.drop-overlay-leave-to .drop-card[data-v-de09dd02]{opacity:0;transform:translateY(10px) scale(.97)}.chat-input-area[data-v-de09dd02]{padding:10px 24px 20px;background:transparent}.attachment-preview[data-v-de09dd02]{display:flex;flex-wrap:wrap;gap:8px;max-width:var(--input-max-width);margin:0 auto 10px}.preview-item[data-v-de09dd02]{position:relative;display:inline-flex}.preview-thumb[data-v-de09dd02]{width:68px;height:68px;object-fit:cover;border-radius:14px;border:1px solid var(--border);box-shadow:0 6px 20px #263b5c14}.preview-file[data-v-de09dd02]{padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:13px}.preview-uploading[data-v-de09dd02]{display:flex;flex-direction:column;gap:4px;width:140px;padding:8px 10px;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:12px}.upload-name[data-v-de09dd02]{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:14px}.upload-percent[data-v-de09dd02]{color:var(--text-muted);font-size:11px}.upload-progress-track[data-v-de09dd02]{width:100%;height:4px;background:var(--bg-soft);border-radius:2px;overflow:hidden}.upload-progress-fill[data-v-de09dd02]{height:100%;background:var(--accent);border-radius:2px;transition:width .15s ease}.remove-btn[data-v-de09dd02]{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.input-wrapper[data-v-de09dd02]{max-width:var(--input-max-width);margin:0 auto;background:#fff;border:1px solid var(--border-strong);border-radius:20px;position:relative;box-shadow:var(--shadow-composer);transition:border-color .18s ease,box-shadow .18s ease}.agent-trigger[data-v-de09dd02]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 10px;flex-shrink:0;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text-secondary);font-size:12px;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.agent-trigger[data-v-de09dd02]:hover{border-color:#cdd8e7;background:#f8fafc;color:var(--text-primary)}.agent-trigger.active[data-v-de09dd02]{border-color:#bfd1ef;background:#eef4fd;color:var(--accent)}.agent-trigger[data-v-de09dd02]:active{transform:scale(.96)}.agent-live-dot[data-v-de09dd02]{width:5px;height:5px;border-radius:50%;background:#2f8d73;box-shadow:0 0 0 3px #2f8d731a}.input-wrapper[data-v-de09dd02]:focus-within{border-color:#2d66da8a;box-shadow:0 0 0 3px #2d66da17,var(--shadow-composer)}.input-wrapper.image-mode[data-v-de09dd02]:focus-within{border-color:#2d66da8a}.input-textarea[data-v-de09dd02]{width:100%;resize:none;min-height:76px;max-height:220px;padding:16px 18px 10px;font-size:16px;line-height:1.55}.input-textarea[data-v-de09dd02]::placeholder{color:#8a97a9}.input-textarea[data-v-de09dd02]:focus-visible,.model-picker select[data-v-de09dd02]:focus-visible{outline:none}.toolbar-row[data-v-de09dd02]{display:flex;align-items:center;gap:8px;padding:8px 10px 10px}.toolbar-primary[data-v-de09dd02],.toolbar-secondary[data-v-de09dd02]{display:flex;align-items:center;gap:6px}.toolbar-primary[data-v-de09dd02]{min-width:0}.toolbar-secondary[data-v-de09dd02]{margin-left:auto;flex-shrink:0}.icon-btn[data-v-de09dd02]{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.toolbar-primary>.icon-btn[data-v-de09dd02]{background:#fff;border-color:var(--border)}.icon-btn[data-v-de09dd02]:hover{background:var(--bg-soft);color:var(--text-primary)}.icon-btn[data-v-de09dd02]:active,.mode-tab[data-v-de09dd02]:active,.send-btn[data-v-de09dd02]:active:not(:disabled){transform:scale(.96)}.mode-switch[data-v-de09dd02]{display:inline-flex;align-items:center;gap:2px;height:36px;padding:2px;border-radius:12px;background:#f3f6fa;border:1px solid var(--border);flex-shrink:0}.mode-tab[data-v-de09dd02]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;color:var(--text-secondary);font-size:13px;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.mode-tab.active[data-v-de09dd02]{background:#fff;color:var(--accent);box-shadow:0 1px 3px #23354e1f}.mode-label-short[data-v-de09dd02]{display:none}.model-picker[data-v-de09dd02]{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:12px;background:#f8fafc;border:1px solid var(--border);color:var(--text-secondary);min-width:0;transition:background .16s ease,border-color .16s ease}.model-picker[data-v-de09dd02]:hover{background:#fff;border-color:var(--border-strong)}.model-picker[data-v-de09dd02]:has(select:focus-visible){border-color:#2d66da8a;box-shadow:0 0 0 2px #2d66da17}.model-picker select[data-v-de09dd02]{width:146px;min-width:0;color:var(--text-primary);font-size:13px;cursor:pointer}.emoji-panel[data-v-de09dd02]{position:absolute;bottom:54px;right:48px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;box-shadow:0 16px 44px #1f314e24;z-index:20}.emoji-btn[data-v-de09dd02]{width:31px;height:31px;font-size:20px;border-radius:8px}.emoji-btn[data-v-de09dd02]:hover{background:var(--bg-soft)}.model-status[data-v-de09dd02]{display:flex;align-items:center;gap:5px;margin-right:2px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.model-status svg[data-v-de09dd02]{color:var(--accent)}.send-btn[data-v-de09dd02]{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 14px #2d66da3d;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.send-btn[data-v-de09dd02]:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 7px 18px #2d66da47}.send-btn[data-v-de09dd02]:disabled{background:#e8edf3;color:#9aa6b5;box-shadow:none;cursor:not-allowed}.input-hint[data-v-de09dd02]{text-align:center;font-size:11px;color:var(--text-muted);margin-top:8px;line-height:1.4}.input-hint-warn[data-v-de09dd02]{color:var(--danger)}@media(max-width:768px){.drop-overlay[data-v-de09dd02]{padding:16px}.drop-card[data-v-de09dd02]{width:100%;min-height:210px;padding:28px 20px;border-radius:22px}.chat-input-area[data-v-de09dd02]{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.input-wrapper[data-v-de09dd02]{border-radius:18px}.input-textarea[data-v-de09dd02]{min-height:66px;padding:14px 12px 8px;font-size:16px;line-height:1.5}.toolbar-row[data-v-de09dd02]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px 8px 8px}.toolbar-primary[data-v-de09dd02]{gap:5px;overflow:hidden}.toolbar-secondary[data-v-de09dd02]{gap:4px}.mode-switch[data-v-de09dd02],.model-picker[data-v-de09dd02],.agent-trigger[data-v-de09dd02]{height:34px}.agent-trigger[data-v-de09dd02]{width:34px;padding:0;border-radius:11px}.agent-trigger-label[data-v-de09dd02],.agent-live-dot[data-v-de09dd02]{display:none}.mode-tab[data-v-de09dd02]{height:28px;padding:0 8px;gap:5px}.mode-label-full[data-v-de09dd02]{display:none}.mode-label-short[data-v-de09dd02]{display:inline}.model-picker[data-v-de09dd02]{flex:1;padding:0 8px;overflow:hidden}.model-picker select[data-v-de09dd02]{width:100%;text-overflow:ellipsis}.model-status[data-v-de09dd02],.emoji-toggle[data-v-de09dd02]{display:none}.emoji-panel[data-v-de09dd02]{right:8px;left:8px;bottom:50px;grid-template-columns:repeat(8,1fr)}.emoji-btn[data-v-de09dd02]{width:100%}.input-hint[data-v-de09dd02]{margin-top:6px}}@media(max-width:360px){.mode-tab[data-v-de09dd02]{padding:0 6px;gap:4px}.mode-tab>svg[data-v-de09dd02],.model-picker>svg[data-v-de09dd02]{display:none}}@media(prefers-reduced-motion:reduce){.drop-overlay[data-v-de09dd02],.drop-overlay .drop-card[data-v-de09dd02],.input-wrapper[data-v-de09dd02],.icon-btn[data-v-de09dd02],.mode-tab[data-v-de09dd02],.model-picker[data-v-de09dd02],.send-btn[data-v-de09dd02],.agent-trigger[data-v-de09dd02],.upload-progress-fill[data-v-de09dd02]{transition:none}}.chat-layout[data-v-ee5b1e42]{display:flex;height:100%;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#f8faff 0%,var(--bg-primary) 100%)}.chat-main[data-v-ee5b1e42]{flex:1;display:flex;flex-direction:column;min-width:0;background:transparent}.chat-header[data-v-ee5b1e42]{display:flex;align-items:center;gap:10px;height:var(--header-height);padding:0 22px;border-bottom:1px solid rgba(225,231,239,.92);background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0}.menu-btn[data-v-ee5b1e42]{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:background .16s ease,color .16s ease,transform .16s ease}.menu-btn[data-v-ee5b1e42]:hover{background:var(--bg-soft);color:var(--text-primary)}.menu-btn[data-v-ee5b1e42]:active{transform:scale(.96)}.chat-heading[data-v-ee5b1e42]{flex:1;min-width:0}.chat-kicker[data-v-ee5b1e42]{display:inline-block;margin-bottom:1px;font-size:10px;letter-spacing:.04em;color:var(--text-muted)}.chat-title[data-v-ee5b1e42]{font-size:16px;font-weight:650;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions[data-v-ee5b1e42]{display:flex;gap:6px}.btn-sm[data-v-ee5b1e42]{min-height:36px;padding:7px 12px;font-size:13px}@media(max-width:768px){.chat-header[data-v-ee5b1e42]{padding:0 10px 0 8px}.menu-btn[data-v-ee5b1e42]{display:flex}.chat-kicker[data-v-ee5b1e42]{display:none}.chat-title[data-v-ee5b1e42]{font-size:17px}.btn-sm[data-v-ee5b1e42]{width:36px;min-height:36px;padding:0;border-radius:50%}.action-label[data-v-ee5b1e42]{display:none}}@media(prefers-reduced-motion:reduce){.menu-btn[data-v-ee5b1e42]{transition:none}}