:root{--color-primary: #00CAE0;--color-primary-hover: #00b8cc;--color-primary-light: rgba(0, 202, 224, .12);--bg-primary: #0a0a0f;--bg-secondary: #141419;--bg-tertiary: #1a1a22;--bg-elevated: #202028;--bg-canvas: #0d0d12;--canvas-frame: #1a1a22;--text-primary: rgba(224, 245, 255, .92);--text-secondary: rgba(224, 245, 255, .72);--text-tertiary: rgba(224, 245, 255, .48);--text-placeholder: rgba(224, 245, 255, .36);--border-primary: rgba(204, 221, 255, .12);--border-hover: rgba(204, 221, 255, .24);--border-focus: var(--color-primary);--btn-secondary-bg: rgba(224, 245, 255, .08);--btn-secondary-hover: rgba(224, 245, 255, .12);--btn-disabled-bg: rgba(224, 245, 255, .04);--btn-disabled-text: rgba(224, 245, 255, .24);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .35s cubic-bezier(.15, .75, .3, 1);--header-height: 56px;--left-toolbar-width: 48px;--right-panel-width: 0px;--bottom-toolbar-height: 64px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--canvas-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus{outline:none}input{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input:focus{outline:none}img{max-width:100%;display:block}svg{display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg-primary: #0a0a0f;--bg-dropdown-menu: #1c1e22;--bg-block-primary-default: rgba(204, 221, 255, .08);--bg-block-primary-hover: rgba(204, 221, 255, .12);--bg-block-primary-pressed: rgba(204, 221, 255, .16);--bg-mask-60: rgba(0, 0, 0, .6);--bg-surface: #141419;--canvas-bg: #0f0f12;--canvas-bg-block-default: rgba(15, 15, 18, .72);--canvas-float-block-default: rgba(32, 33, 39, .72);--canvas-float-backdrop-blur: 20px;--canvas-sidebar-bg: #141419;--text-primary: rgba(224, 245, 255, .92);--text-secondary: rgba(224, 245, 255, .6);--text-tertiary: rgba(224, 245, 255, .48);--text-placeholder: rgba(224, 245, 255, .36);--text-disabled: rgba(224, 245, 255, .2);--onmedia-text-primary: #f5fbff;--stroke-primary: rgba(204, 221, 255, .16);--stroke-secondary: rgba(204, 221, 255, .12);--stroke-tertiary: rgba(204, 221, 255, .08);--stroke-focus: #00CAE0;--brand-main-default: #00CAE0;--brand-main-hover: #00b8cc;--brand-main-pressed: #009eb0;--component-secondary-button-bg-hover: rgba(204, 221, 255, .12);--component-secondary-button-bg-pressed: rgba(204, 221, 255, .16);--component-float-block-default: rgba(32, 33, 39, .72);--shadow-dropdown-menu: 0 8px 56px 0 rgba(0, 0, 0, .24);--shadow-generator-float-block: 0 4px 8px 0 rgba(0, 0, 0, .03), 0 2px 4px 0 rgba(0, 0, 0, .02);--right-panel-width: 440px}body{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-dc8a4200]{height:60px;justify-content:space-between;left:0;padding:0 12px;pointer-events:none;right:0;top:0;z-index:100;align-items:center;display:flex;position:absolute}.top-bar-left[data-v-dc8a4200]{align-items:center;display:flex;position:absolute;-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));background:var(--canvas-bg-block-default);border-radius:8px;height:36px;left:12px;pointer-events:auto}.top-bar-left-inner[data-v-dc8a4200]{display:flex;align-items:center;padding:0 4px;gap:4px}.back-button[data-v-dc8a4200]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:background-color .2s;width:28px}.back-button[data-v-dc8a4200]:hover{background:var(--bg-block-primary-hover)}.title-container[data-v-dc8a4200]{max-width:200px}.title[data-v-dc8a4200]{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:400;line-height:20px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.title-input[data-v-dc8a4200]{background:var(--bg-block-primary-default);border:1px solid var(--stroke-focus);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 8px;width:180px}.top-bar-right[data-v-dc8a4200]{align-items:center;display:flex;pointer-events:auto;position:absolute;right:12px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.top-bar-right-inner[data-v-dc8a4200]{display:flex;align-items:center;gap:8px}.credit-display[data-v-dc8a4200]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));background:var(--canvas-bg-block-default);border-radius:8px}.credit-display-container[data-v-dc8a4200]{align-items:center;display:flex;padding:8px 12px;gap:8px}.credit-amount-container[data-v-dc8a4200]{align-items:center;display:flex;gap:4px;color:var(--text-primary)}.credit-amount-text[data-v-dc8a4200]{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500}.divider[data-v-dc8a4200]{background:var(--stroke-secondary);height:12px;width:1px}.upgrade-text[data-v-dc8a4200]{color:var(--brand-main-default);cursor:pointer;font-size:12px;font-weight:500}.share-button[data-v-dc8a4200]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));align-items:center;background:var(--canvas-bg-block-default);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0 12px;transition:background-color .2s}.share-button[data-v-dc8a4200]:hover{background:var(--bg-block-primary-hover)}.conversation-button[data-v-dc8a4200]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));align-items:center;background:var(--canvas-bg-block-default);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;height:36px;padding:0 12px;transition:background-color .2s}.conversation-button[data-v-dc8a4200]:hover{background:var(--bg-block-primary-hover)}.left-toolbar[data-v-fc13c5d1]{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:1000;pointer-events:none}.left-toolbar[data-v-fc13c5d1]>*{pointer-events:auto}.left-toolbar-container[data-v-fc13c5d1]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;width:36px;min-height:auto;background:var(--canvas-float-block-default);-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));border-radius:12px;box-shadow:var(--shadow-generator-float-block);outline:.5px solid var(--stroke-tertiary);z-index:901}.toolbar-button[data-v-fc13c5d1]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:10px;line-height:1.2;outline:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toolbar-button[data-v-fc13c5d1]:hover{background:var(--bg-block-primary-hover)}.toolbar-button[data-v-fc13c5d1]:active{background:var(--bg-block-primary-pressed)}.toolbar-button.active[data-v-fc13c5d1]{background:var(--bg-block-primary-default)}.toolbar-button.active[data-v-fc13c5d1]:hover{background:var(--bg-block-primary-hover)}.icon-wrapper[data-v-fc13c5d1]{display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;padding:10px;box-sizing:border-box;background:transparent;border-radius:8px;color:var(--text-primary);transition:all .2s ease}.more-indicator[data-v-fc13c5d1]{position:absolute;right:0;bottom:4px;width:10px;height:10px;transform:rotate(270deg);pointer-events:none}.simple-tooltip[data-v-fc13c5d1]{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:1002;pointer-events:none}.simple-tooltip-content[data-v-fc13c5d1]{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 16px;background:var(--component-tooltips, #22252a);border-radius:8px}.simple-tooltip-content-inner[data-v-fc13c5d1]{display:flex;align-items:center;gap:8px;color:var(--onmedia-text-primary, #f5fbff);font-size:12px;font-weight:400;line-height:20px;white-space:nowrap}.shortcut-key[data-v-fc13c5d1]{color:var(--text-secondary)}.tooltip-enter-active[data-v-fc13c5d1]{animation:tooltip-fadein-right-fc13c5d1 .3s cubic-bezier(.34,.69,.1,1) forwards}.tooltip-leave-active[data-v-fc13c5d1]{animation:tooltip-fadein-right-fc13c5d1 .1s cubic-bezier(.3,1.3,.3,1) reverse forwards}@keyframes tooltip-fadein-right-fc13c5d1{0%{opacity:0;transform:translateY(-50%) translate(-8px) scale(.9)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.canvas-container[data-v-7be7067f]{flex:1 1;height:100%;overflow:hidden;position:relative;width:100%;z-index:1;background-color:var(--canvas-bg);cursor:default}.canvas-container.space-pressed[data-v-7be7067f]{cursor:grab}.canvas-container.panning[data-v-7be7067f]{cursor:grabbing}.main-container[data-v-7be7067f]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.canvas-layer[data-v-7be7067f]{position:absolute;top:0;left:0;will-change:transform}.canvas-frame[data-v-7be7067f]{position:relative;box-sizing:border-box;background-color:var(--canvas-frame);outline:rgba(204,221,255,.12) solid 4px;outline-offset:-4px;border-radius:16px;overflow:visible}.image-item[data-v-7be7067f]{position:absolute;box-sizing:border-box;pointer-events:auto;overflow:visible;border-radius:8px;cursor:move}.image-item.hidden[data-v-7be7067f]{opacity:.3}.image-item img[data-v-7be7067f]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;border-radius:8px}.selection-overlay[data-v-7be7067f]{position:absolute;pointer-events:none;z-index:100000}.selection-border[data-v-7be7067f]{position:absolute;inset:0;border:3px solid #00cae0;border-radius:8px;pointer-events:none;box-sizing:border-box}.ai-tag[data-v-7be7067f]{position:absolute;top:8px;left:8px;padding:2px 6px;background:#0009;border-radius:4px;color:#fffc;font-size:10px;font-weight:500;pointer-events:none;z-index:1}.corner-handle[data-v-7be7067f]{position:absolute;width:14px;height:14px;background:#00cae0;border:3px solid #fff;border-radius:50%;pointer-events:auto;box-shadow:0 2px 4px #0000004d}.corner-handle.top-left[data-v-7be7067f]{top:-7px;left:-7px;cursor:nwse-resize}.corner-handle.top-right[data-v-7be7067f]{top:-7px;right:-7px;cursor:nesw-resize}.corner-handle.bottom-left[data-v-7be7067f]{bottom:-7px;left:-7px;cursor:nesw-resize}.corner-handle.bottom-right[data-v-7be7067f]{bottom:-7px;right:-7px;cursor:nwse-resize}.dragging-image[data-v-7be7067f]{position:fixed;z-index:100002;pointer-events:none;border-radius:8px;outline:3px solid #00cae0;box-shadow:0 8px 32px #0006}.dragging-image img[data-v-7be7067f]{width:100%;height:100%;object-fit:cover;border-radius:8px}.empty-state[data-v-7be7067f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon[data-v-7be7067f]{color:var(--text-tertiary)}.empty-text[data-v-7be7067f]{color:var(--text-tertiary);font-size:14px;white-space:nowrap}.floating-toolbar[data-v-7be7067f]{position:absolute;z-index:100001;display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--canvas-float-block-default);-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));border:.5px solid var(--stroke-tertiary);border-radius:10px;box-shadow:var(--shadow-generator-float-block)}.toolbar-btn[data-v-7be7067f]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.toolbar-btn[data-v-7be7067f]:hover{background:#ffffff1a}.toolbar-btn svg[data-v-7be7067f]{flex-shrink:0}.toolbar-divider[data-v-7be7067f]{width:1px;height:20px;background:var(--stroke-tertiary);margin:0 6px}.toolbar-icon-btn[data-v-7be7067f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.toolbar-icon-btn[data-v-7be7067f]:hover{background:#ffffff1a}.size-label[data-v-7be7067f]{position:absolute;z-index:100000;padding:4px 10px;background:#000000bf;border-radius:4px;color:#ffffffe6;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none}.bottom-left-widget[data-v-12125844]{bottom:12px;left:12px;position:absolute;z-index:1000001}.container[data-v-12125844]{align-items:flex-start;display:flex;flex-direction:row;gap:8px}.help-center[data-v-12125844]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));background:var(--canvas-float-block-default);border:.5px solid var(--stroke-tertiary);border-radius:8px;box-shadow:var(--shadow-generator-float-block);cursor:pointer;font-size:0;overflow:hidden;position:relative;z-index:1}.trigger[data-v-12125844]{align-items:center;background:var(--canvas-float-block-default);color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:all .2s ease-in-out;width:40px}.trigger[data-v-12125844]:hover{color:var(--text-primary)}.trigger .icon[data-v-12125844]{height:20px;width:20px}.zoom-container[data-v-12125844]{align-items:center;display:flex;height:40px}.zoom-button[data-v-12125844]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));background:var(--canvas-float-block-default);border-radius:8px;box-shadow:var(--shadow-generator-float-block);box-sizing:border-box;cursor:pointer;gap:4px;outline:.5px solid var(--stroke-tertiary);padding:6px 8px;transition:background-color .2s;-webkit-user-select:none;user-select:none;align-items:center;display:flex;height:40px}.zoom-icon[data-v-12125844]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;height:16px;justify-content:center;line-height:20px;width:16px;cursor:pointer;transition:color .2s}.zoom-icon[data-v-12125844]:hover{color:var(--text-primary)}.zoom-text[data-v-12125844]{color:var(--text-primary);font-family:PingFang SC,sans-serif;font-size:13px;font-weight:500;line-height:20px;margin:0 10px;min-width:24px;text-align:center}.content-generator[data-v-636005f4]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:1000000;pointer-events:auto;box-sizing:border-box;width:100%;max-width:680px;padding:0 12px;transition:max-width .35s cubic-bezier(.15,.75,.3,1)}.content-generator.collapsed[data-v-636005f4]{max-width:480px}.layout[data-v-636005f4]{-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));background:var(--canvas-float-block-default);border:.5px solid var(--stroke-tertiary);border-radius:16px;box-shadow:var(--shadow-generator-float-block);overflow:hidden;transition:border-radius .35s cubic-bezier(.15,.75,.3,1)}.content-generator.collapsed .layout[data-v-636005f4]{border-radius:28px;cursor:text}.content[data-v-636005f4]{display:flex;align-items:center;padding:12px 16px;gap:12px}.main-content[data-v-636005f4]{flex:1;min-height:24px}.prompt-editor-container[data-v-636005f4],.prompt-editor[data-v-636005f4]{width:100%}.tiptap[data-v-636005f4]{width:100%;min-height:24px;max-height:120px;overflow-y:auto;color:var(--text-primary);font-size:14px;line-height:24px;outline:none}.tiptap p[data-v-636005f4]{margin:0}.tiptap p[data-v-636005f4]:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none}.collapsed-submit-button-container[data-v-636005f4]{flex-shrink:0}.submit-button[data-v-636005f4]{width:36px;height:36px;border-radius:50%;background:var(--brand-main-default);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s}.submit-button[data-v-636005f4]:hover:not(.disabled){background:var(--brand-main-hover)}.submit-button.disabled[data-v-636005f4]{background:var(--bg-block-primary-default);color:var(--text-disabled);cursor:not-allowed}.toolbar[data-v-636005f4]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--stroke-tertiary);gap:8px}.toolbar-settings[data-v-636005f4]{flex:1;overflow:hidden}.toolbar-settings-content[data-v-636005f4]{display:flex;align-items:center;gap:4px}.type-select[data-v-636005f4]{flex-shrink:0}.select-trigger[data-v-636005f4]{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;background:var(--bg-block-primary-default);border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background-color .2s}.select-trigger[data-v-636005f4]:hover{background:var(--bg-block-primary-hover)}.select-option-icon[data-v-636005f4]{display:flex;align-items:center;color:var(--brand-main-default)}.select-value[data-v-636005f4]{font-weight:400;white-space:nowrap}.select-arrow[data-v-636005f4]{color:var(--text-tertiary);margin-left:2px}.toolbar-button[data-v-636005f4]{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:8px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.toolbar-button[data-v-636005f4]:hover{background:var(--bg-block-primary-hover)}.toolbar-button.icon-only[data-v-636005f4]{width:36px;height:36px;padding:0}.toolbar-button.with-text[data-v-636005f4]{padding:8px 12px}.toolbar-button.switch-button.checked[data-v-636005f4]{background:var(--bg-block-primary-default)}.toolbar-actions[data-v-636005f4]{flex-shrink:0;display:flex;align-items:center}.right-panel[data-v-7c18f0ac]{position:fixed;right:0;top:0;bottom:0;width:440px;background:var(--canvas-sidebar-bg, #0d0d0d);border-left:1px solid var(--stroke-tertiary);transform:translate(100%);transition:transform .25s ease;z-index:10000;display:flex;flex-direction:column}.right-panel.open[data-v-7c18f0ac]{transform:translate(0)}.chat-container[data-v-7c18f0ac]{display:flex;flex-direction:column;height:100%;position:relative}.chat-header[data-v-7c18f0ac]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--stroke-tertiary)}.header-left[data-v-7c18f0ac]{display:flex;align-items:center;gap:6px;cursor:pointer}.header-title[data-v-7c18f0ac]{font-size:14px;font-weight:500;color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-7c18f0ac]{color:var(--text-tertiary)}.header-actions[data-v-7c18f0ac]{display:flex;gap:8px}.header-btn[data-v-7c18f0ac]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.header-btn[data-v-7c18f0ac]:hover{background:var(--bg-block-primary-hover);color:var(--text-primary)}.chat-messages[data-v-7c18f0ac]{flex:1;overflow-y:auto;padding:16px 16px 160px}.message-row[data-v-7c18f0ac]{margin-bottom:20px}.message-row.user[data-v-7c18f0ac]{display:flex;justify-content:flex-end}.user-bubble[data-v-7c18f0ac]{background:var(--bg-block-primary-default, #2a2a2a);border-radius:16px;padding:12px 16px;color:var(--text-primary);font-size:14px;line-height:1.5;max-width:85%}.ai-block[data-v-7c18f0ac]{width:100%}.summary-header[data-v-7c18f0ac]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;color:var(--text-primary);font-size:14px}.summary-header svg[data-v-7c18f0ac]{color:var(--text-tertiary);transition:transform .2s}.summary-header svg.rotated[data-v-7c18f0ac]{transform:rotate(180deg)}.images-row[data-v-7c18f0ac]{display:flex;gap:2px;margin-bottom:12px}.image-cell[data-v-7c18f0ac]{flex:1;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:.75;cursor:pointer;transition:transform .2s}.image-cell[data-v-7c18f0ac]:hover{transform:scale(1.02)}.image-cell img[data-v-7c18f0ac]{width:100%;height:100%;object-fit:cover}.more-badge[data-v-7c18f0ac]{position:absolute;right:8px;bottom:8px;background:#0009;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.ai-notice[data-v-7c18f0ac]{color:var(--text-tertiary);font-size:12px;margin-bottom:12px}.action-row[data-v-7c18f0ac]{display:flex;align-items:center;justify-content:space-between}.action-left[data-v-7c18f0ac],.action-right[data-v-7c18f0ac]{display:flex;gap:8px}.action-btn[data-v-7c18f0ac]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-block-primary-default, #2a2a2a);border:none;border-radius:20px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.action-btn[data-v-7c18f0ac]:hover{background:var(--bg-block-primary-hover);color:var(--text-primary)}.action-btn.icon-only[data-v-7c18f0ac]{padding:8px;border-radius:50%}.feedback-btn[data-v-7c18f0ac]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.feedback-btn[data-v-7c18f0ac]:hover{color:var(--text-primary)}.message-row.user-ref[data-v-7c18f0ac]{display:flex;gap:10px;align-items:flex-start}.ref-avatar[data-v-7c18f0ac]{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0}.ref-avatar img[data-v-7c18f0ac]{width:100%;height:100%;object-fit:cover}.ref-content[data-v-7c18f0ac]{flex:1}.ref-text[data-v-7c18f0ac]{color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:4px}.ref-meta[data-v-7c18f0ac]{color:var(--text-tertiary);font-size:12px}.generated-grid[data-v-7c18f0ac]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:12px}.gen-image-cell[data-v-7c18f0ac]{aspect-ratio:.75;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s}.gen-image-cell[data-v-7c18f0ac]:hover{transform:scale(1.02)}.gen-image-cell img[data-v-7c18f0ac]{width:100%;height:100%;object-fit:cover}.gen-actions[data-v-7c18f0ac]{display:flex;gap:8px;flex-wrap:wrap}.chat-input-wrapper[data-v-7c18f0ac]{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,var(--canvas-sidebar-bg, #141419) 80%,transparent)}.input-container[data-v-7c18f0ac]{background:#202127b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:14px 16px}.input-row[data-v-7c18f0ac]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.upload-area[data-v-7c18f0ac]{margin-bottom:12px}.upload-content[data-v-7c18f0ac]{display:flex;align-items:flex-end;gap:12px}.images-stack-wrapper[data-v-7c18f0ac]{position:relative;flex-shrink:0}.images-container[data-v-7c18f0ac]{position:relative;height:72px;display:flex;align-items:flex-end}.stack-item[data-v-7c18f0ac]{position:absolute;left:0;bottom:0;width:54px;height:72px;border-radius:6px;overflow:visible;transform-origin:center bottom;transform:rotate(var(--rotate)) translate(var(--translate-x));transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.stack-item img[data-v-7c18f0ac]{width:100%;height:100%;object-fit:cover;border-radius:6px;border:2px solid white;box-shadow:0 2px 8px #0000004d;transition:all .35s cubic-bezier(.4,0,.2,1)}.stack-item.expanded img[data-v-7c18f0ac]{border-color:var(--brand-main-default, #00cae0);box-shadow:0 2px 12px #00cae04d}.smart-ref-tooltip[data-v-7c18f0ac]{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);display:flex;align-items:center;padding:8px 16px;background:#32363ef2;border-radius:8px;font-size:14px;color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;margin-bottom:8px;z-index:1000}.smart-ref-tooltip.visible[data-v-7c18f0ac]{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.close-image-btn[data-v-7c18f0ac]{position:absolute;top:-10px;right:-10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1e2026f2;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:10}.close-image-btn.visible[data-v-7c18f0ac]{opacity:1;transform:scale(1)}.close-image-btn[data-v-7c18f0ac]:hover{background:#3c4048}.add-btn[data-v-7c18f0ac]{position:absolute;left:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#50545cf2;border:none;color:var(--text-secondary);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:200;width:32px;height:32px;border-radius:50%;transform:translate(44px) translateY(0)}.add-btn.expanded[data-v-7c18f0ac]{width:54px;height:72px;border-radius:6px;border:2px solid var(--stroke-secondary);background:#3c4048cc;transform:translate(var(--translate-x))}.add-btn[data-v-7c18f0ac]:hover{background:#646870;color:var(--text-primary)}.upload-content .text-input[data-v-7c18f0ac]{flex:1}.text-input.full-width[data-v-7c18f0ac]{width:100%;margin-left:0}.ref-thumb[data-v-7c18f0ac]{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0}.ref-label[data-v-7c18f0ac]{color:var(--text-primary);font-size:14px;flex-shrink:0}.text-input[data-v-7c18f0ac]{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;padding:0;margin-left:8px}.text-input[data-v-7c18f0ac]::placeholder{color:var(--text-placeholder)}.input-toolbar[data-v-7c18f0ac]{display:flex;align-items:center;justify-content:space-between}.toolbar-left[data-v-7c18f0ac]{display:flex;gap:4px}.toolbar-btn[data-v-7c18f0ac]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ccddff14;border:1px solid var(--stroke-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.toolbar-btn[data-v-7c18f0ac]:hover{background:#ccddff1f;color:var(--text-primary)}.toolbar-btn.active[data-v-7c18f0ac]{color:var(--brand-main-default, #00cae0)}.send-btn[data-v-7c18f0ac]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;transition:all .15s ease;flex-shrink:0}.send-btn[data-v-7c18f0ac]:hover:not(:disabled){background:#f0f0f0}.send-btn[data-v-7c18f0ac]:disabled{opacity:.5;cursor:not-allowed}.image-preview-overlay[data-v-7c18f0ac]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn-7c18f0ac .2s ease}@keyframes fadeIn-7c18f0ac{0%{opacity:0}to{opacity:1}}.preview-container[data-v-7c18f0ac]{position:relative;max-width:90vw;max-height:90vh}.preview-image[data-v-7c18f0ac]{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;animation:scaleIn-7c18f0ac .2s ease}@keyframes scaleIn-7c18f0ac{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.preview-close[data-v-7c18f0ac]{position:absolute;top:-40px;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.preview-close[data-v-7c18f0ac]:hover{background:#fff3}.image-editor-container[data-v-fa471fd0]{width:100%;height:100%;background-color:var(--canvas-bg)}.workbench[data-v-fa471fd0]{display:flex;height:100%;overflow:hidden;position:relative;width:100%}.workbench-main-content[data-v-fa471fd0]{transition:width .2s cubic-bezier(.4,0,.2,1);width:calc(100% - var(--right-panel-width));will-change:width;position:relative}.workbench-content[data-v-fa471fd0]{display:flex;flex-direction:column;height:100%}.main-content[data-v-fa471fd0]{background-color:var(--canvas-bg);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.canvas-container[data-v-fa471fd0]{flex:1 1;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.toolbar[data-v-fa471fd0]{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;z-index:100000}.top-toolbar[data-v-fa471fd0]{height:60px;left:0;right:0;top:0;opacity:0;transition:opacity .2s}.top-toolbar.visible[data-v-fa471fd0]{opacity:1;pointer-events:auto}.top-toolbar-content[data-v-fa471fd0]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--canvas-float-block-default);-webkit-backdrop-filter:blur(var(--canvas-float-backdrop-blur));backdrop-filter:blur(var(--canvas-float-backdrop-blur));border:.5px solid var(--stroke-tertiary);border-radius:10px;box-shadow:var(--shadow-generator-float-block)}.top-tool-btn[data-v-fa471fd0]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.top-tool-btn[data-v-fa471fd0]:hover{background:#ffffff1a}.top-tool-btn.has-dropdown[data-v-fa471fd0]{gap:4px}.top-tool-btn .dropdown-icon[data-v-fa471fd0]{margin-left:2px}.bottom-toolbar[data-v-fa471fd0]{bottom:0;left:0;right:0}