.drawable-editor[data-v-c13606e3]{top:var(--v39863a88);left:var(--v7b5bb5dd);width:var(--v49c31277);height:var(--v396bc956);z-index:1000;flex-direction:column;display:flex;position:fixed}.editor-toolbar.top[data-v-c13606e3]{z-index:1001;position:absolute;top:-56px;left:50%;transform:translate(-50%)}.toolbar-content[data-v-c13606e3]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a2a2af2;border-radius:9999px;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:0 4px 24px #0000004d}.tool-btn[data-v-c13606e3],.toolbar-btn[data-v-c13606e3]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.toolbar-btn.cancel[data-v-c13606e3]{color:#ef4444}.tool-btn[data-v-c13606e3]:hover:not(:disabled),.toolbar-btn[data-v-c13606e3]:hover{color:#f3f4f6;background:#ffffff1a}.tool-btn.active[data-v-c13606e3]{color:#fff;background:#fff3}.tool-btn[data-v-c13606e3]:disabled{opacity:.5;cursor:not-allowed}.tool-btn svg[data-v-c13606e3],.toolbar-btn svg[data-v-c13606e3]{width:18px;height:18px}.action-group[data-v-c13606e3],.tool-group[data-v-c13606e3]{background:#ffffff0d;border-radius:9999px;gap:4px;padding:4px;display:flex}.toolbar-divider[data-v-c13606e3]{background:#ffffff1a;width:1px;height:24px}.brush-control[data-v-c13606e3]{align-items:center;gap:8px;padding:0 8px;display:flex}.brush-control svg[data-v-c13606e3]{color:#9ca3af;width:18px;height:18px;transform:rotate(90deg)}.brush-slider[data-v-c13606e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;width:100px;height:4px}.brush-slider[data-v-c13606e3]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#60a5fa;border-radius:50%;width:16px;height:16px}.brush-slider[data-v-c13606e3]::-moz-range-thumb{cursor:pointer;background:#60a5fa;border:none;border-radius:50%;width:16px;height:16px}.brush-value[data-v-c13606e3]{color:#9ca3af;min-width:24px;font-size:12px}.canvas-container[data-v-c13606e3]{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.canvas-layer[data-v-c13606e3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-layer.drawing[data-v-c13606e3]{cursor:none}.canvas-layer.drawing.cursor-crosshair[data-v-c13606e3]{cursor:crosshair}.canvas-layer.preview[data-v-c13606e3]{pointer-events:none}.editor-panel[data-v-c13606e3]{z-index:1001;width:500px;max-width:90vw;position:absolute;bottom:-130px;left:50%;transform:translate(-50%)}.editor-panel.compact[data-v-c13606e3]{bottom:-64px}.panel-content[data-v-c13606e3]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #0000001a;border-radius:16px;flex-direction:column;gap:8px;padding:8px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prompt-input[data-v-c13606e3]{color:#374151;resize:none;box-sizing:border-box;background:0 0;border:1px solid #00000026;border-radius:6px;outline:none;width:100%;min-height:60px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.prompt-input[data-v-c13606e3]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.prompt-input[data-v-c13606e3]::placeholder{color:#9ca3af}.panel-controls[data-v-c13606e3]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-info[data-v-c13606e3]{color:#9ca3af;font-size:12px}.panel-spacer[data-v-c13606e3]{flex:1}.quality-buttons[data-v-c13606e3]{align-items:center;gap:8px;display:flex}.quality-btn[data-v-c13606e3]{color:#6b7280;cursor:pointer;background:#0000000d;border:1px solid #0000001a;border-radius:6px;height:32px;padding:0 8px;font-size:12px;font-weight:500;transition:all .2s}.quality-btn[data-v-c13606e3]:hover{color:#1f2937;background:#0000001f}.quality-btn.active[data-v-c13606e3]{color:#fff;background:#1f2937;border-color:#1f2937}.generate-btn[data-v-c13606e3]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.generate-btn[data-v-c13606e3]:hover:not(:disabled){background:#374151;transform:scale(1.05)}.generate-btn[data-v-c13606e3]:disabled{opacity:.5;cursor:not-allowed}.generate-btn svg[data-v-c13606e3]{width:16px;height:16px}@media (prefers-color-scheme:dark){.panel-content[data-v-c13606e3]{background:#1a1a1ae6;border-color:#ffffff1a}.prompt-input[data-v-c13606e3]{color:#f3f4f6;background:#ffffff0d;border-color:#ffffff26}.prompt-input[data-v-c13606e3]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.prompt-input[data-v-c13606e3]::placeholder{color:#6b7280}.quality-btn[data-v-c13606e3]{color:#9ca3af;background:#ffffff1a;border-color:#ffffff1a}.quality-btn[data-v-c13606e3]:hover{color:#f3f4f6;background:#fff3}.quality-btn.active[data-v-c13606e3]{background:#4b5563;border-color:#4b5563}.generate-btn[data-v-c13606e3]{color:#000;background:#fff}.generate-btn[data-v-c13606e3]:hover:not(:disabled){background:#fffc}}.annotate-editor[data-v-854c041c]{top:var(--v71970a9f);left:var(--v09b5ddc0);width:var(--v4fc58b4c);height:var(--v76569dd3);z-index:1000;flex-direction:column;display:flex;position:fixed}.editor-toolbar.top[data-v-854c041c]{z-index:1001;position:absolute;top:-56px;left:50%;transform:translate(-50%)}.toolbar-content[data-v-854c041c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a2a2af2;border-radius:9999px;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:0 4px 24px #0000004d}.toolbar-divider[data-v-854c041c]{background:#ffffff1a;width:1px;height:24px}.tools-group[data-v-854c041c]{background:#ffffff0d;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:flex}.tool-btn[data-v-854c041c],.toolbar-btn[data-v-854c041c]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.toolbar-btn.cancel[data-v-854c041c]{color:#ef4444}.tool-btn[data-v-854c041c]:hover:not(:disabled),.toolbar-btn[data-v-854c041c]:hover{color:#f3f4f6;background:#ffffff1a}.tool-btn.active[data-v-854c041c]{color:#fff;background:#fff3}.tool-btn[data-v-854c041c]:disabled{opacity:.5;cursor:not-allowed}.tool-btn.danger[data-v-854c041c]{color:#ef4444}.tool-btn.danger[data-v-854c041c]:hover:not(:disabled){color:#f87171;background:#ef444433}.tool-btn svg[data-v-854c041c],.toolbar-btn svg[data-v-854c041c]{width:18px;height:18px}.color-picker-wrapper[data-v-854c041c]{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.color-picker[data-v-854c041c]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.color-preview[data-v-854c041c]{pointer-events:none;border:2px solid #ffffff4d;border-radius:50%;width:18px;height:18px}.brush-control[data-v-854c041c]{align-items:center;gap:8px;padding:0 8px;display:flex}.brush-slider[data-v-854c041c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.brush-slider[data-v-854c041c]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#60a5fa;border-radius:50%;width:16px;height:16px}.brush-slider[data-v-854c041c]::-moz-range-thumb{cursor:pointer;background:#60a5fa;border:none;border-radius:50%;width:16px;height:16px}.brush-value[data-v-854c041c]{color:#9ca3af;min-width:24px;font-size:12px}.canvas-wrapper[data-v-854c041c]{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.canvas-wrapper.cursor-text[data-v-854c041c]{cursor:text}.canvas-wrapper.cursor-crosshair[data-v-854c041c]{cursor:crosshair}.canvas-wrapper.cursor-none[data-v-854c041c]{cursor:none}.canvas-wrapper.cursor-none[data-v-854c041c] canvas{cursor:none!important}.stage-container[data-v-854c041c]{display:inline-block;position:relative}.base-image-lock-btn[data-v-854c041c]{z-index:100;color:#6b7280;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0000001a}.base-image-lock-btn[data-v-854c041c]:hover{background:#fff;border-color:#0003}.base-image-lock-btn.unlocked[data-v-854c041c]{color:#667eea;background:#667eea26;border-color:#667eea}.base-image-lock-btn.unlocked[data-v-854c041c]:hover{background:#667eea40}.text-edit-input[data-v-854c041c]{z-index:1000;box-sizing:border-box;vertical-align:top;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1;position:absolute}.editor-panel[data-v-854c041c]{z-index:1001;width:500px;max-width:90vw;position:absolute;bottom:-150px;left:50%;transform:translate(-50%)}.panel-content[data-v-854c041c]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #0000001a;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prompt-input[data-v-854c041c]{color:#374151;resize:none;box-sizing:border-box;background:0 0;border:1px solid #00000026;border-radius:8px;outline:none;width:100%;min-height:60px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.prompt-input[data-v-854c041c]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.prompt-input[data-v-854c041c]::placeholder{color:#9ca3af}.panel-controls[data-v-854c041c]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-info[data-v-854c041c]{color:#9ca3af;font-size:12px}.panel-spacer[data-v-854c041c]{flex:1}.generate-btn[data-v-854c041c]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.generate-btn[data-v-854c041c]:hover:not(:disabled){background:#374151}.generate-btn[data-v-854c041c]:disabled{opacity:.5;cursor:not-allowed}.generate-btn svg[data-v-854c041c]{width:16px;height:16px}@media (prefers-color-scheme:dark){.panel-content[data-v-854c041c]{background:#1a1a1ae6;border-color:#ffffff1a}.prompt-input[data-v-854c041c]{color:#f3f4f6;background:#ffffff0d;border-color:#ffffff26}.prompt-input[data-v-854c041c]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.prompt-input[data-v-854c041c]::placeholder{color:#6b7280}.base-image-lock-btn[data-v-854c041c]{color:#9ca3af;background:#2a2a2ae6;border-color:#ffffff1a}.base-image-lock-btn[data-v-854c041c]:hover{background:#2a2a2a;border-color:#fff3}.generate-btn[data-v-854c041c]{color:#000;background:#fff}.generate-btn[data-v-854c041c]:hover:not(:disabled){background:#fffc}}.crop-outpaint-editor[data-v-9b23e1b3]{top:var(--eeabc08c);left:var(--v20c8f2db);width:var(--v219f6116);height:var(--v41a62c18);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}.editor-canvas[data-v-9b23e1b3]{width:100%;height:100%;position:relative;overflow:hidden}.background-image[data-v-9b23e1b3]{width:100%;height:100%;top:0;left:0}.background-image[data-v-9b23e1b3],.selection-box[data-v-9b23e1b3]{-webkit-user-select:none;user-select:none;position:absolute}.selection-box[data-v-9b23e1b3]{cursor:move;border:1px solid #ffffff80}.crop-inner[data-v-9b23e1b3]{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.crop-image[data-v-9b23e1b3]{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.outpaint-container[data-v-9b23e1b3]{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.outpaint-selection-box[data-v-9b23e1b3]{cursor:move;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040404b3;position:absolute}.outpaint-overlay[data-v-9b23e1b3]{display:none}.outpaint-image-wrapper[data-v-9b23e1b3]{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.outpaint-image[data-v-9b23e1b3]{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.selection-border[data-v-9b23e1b3]{border:1px solid #ffffff80}.grid-overlay[data-v-9b23e1b3],.selection-border[data-v-9b23e1b3]{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.grid-overlay[data-v-9b23e1b3]{opacity:0;transition:opacity .2s}.grid-overlay.visible[data-v-9b23e1b3]{opacity:1}.grid-line[data-v-9b23e1b3]{background:#ffffff4d;position:absolute}.grid-line.horizontal[data-v-9b23e1b3]{height:1px;left:0;right:0}.grid-line.vertical[data-v-9b23e1b3]{width:1px;top:0;bottom:0}.resize-handle[data-v-9b23e1b3]{z-index:10;position:absolute}.resize-handle.corner[data-v-9b23e1b3]{width:24px;height:24px}.resize-handle.corner.nw[data-v-9b23e1b3]{cursor:nw-resize;top:-2px;left:-2px}.resize-handle.corner.ne[data-v-9b23e1b3]{cursor:ne-resize;top:-2px;right:-2px}.resize-handle.corner.sw[data-v-9b23e1b3]{cursor:sw-resize;bottom:-2px;left:-2px}.resize-handle.corner.se[data-v-9b23e1b3]{cursor:se-resize;bottom:-2px;right:-2px}.handle-line[data-v-9b23e1b3]{background:#fff;position:absolute}.nw .handle-line.horizontal[data-v-9b23e1b3]{width:100%;height:3px;top:0;left:0}.nw .handle-line.vertical[data-v-9b23e1b3]{width:3px;height:100%;top:0;left:0}.ne .handle-line.horizontal[data-v-9b23e1b3]{width:100%;height:3px;top:0;left:0}.ne .handle-line.vertical[data-v-9b23e1b3]{width:3px;height:100%;top:0;right:0}.sw .handle-line.horizontal[data-v-9b23e1b3]{width:100%;height:3px;bottom:0;left:0}.sw .handle-line.vertical[data-v-9b23e1b3]{width:3px;height:100%;top:0;left:0}.se .handle-line.horizontal[data-v-9b23e1b3]{width:100%;height:3px;bottom:0;left:0}.se .handle-line.vertical[data-v-9b23e1b3]{width:3px;height:100%;top:0;right:0}.resize-handle.edge[data-v-9b23e1b3]{justify-content:center;align-items:center;display:flex}.resize-handle.edge.n[data-v-9b23e1b3]{cursor:n-resize;height:14px;top:-7px;left:24px;right:24px}.resize-handle.edge.s[data-v-9b23e1b3]{cursor:s-resize;height:14px;bottom:-7px;left:24px;right:24px}.resize-handle.edge.w[data-v-9b23e1b3]{cursor:w-resize;width:14px;top:24px;bottom:24px;left:-7px}.resize-handle.edge.e[data-v-9b23e1b3]{cursor:e-resize;width:14px;top:24px;bottom:24px;right:-7px}.handle-pill[data-v-9b23e1b3]{background:#fff;border-radius:9999px;width:32px;height:3px}.handle-pill.vertical[data-v-9b23e1b3]{width:3px;height:32px}.editor-toolbar[data-v-9b23e1b3]{z-index:1001;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.toolbar-content[data-v-9b23e1b3]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:9999px;gap:8px;padding:8px;box-shadow:0 4px 24px #0000004d}.toolbar-btn[data-v-9b23e1b3],.toolbar-content[data-v-9b23e1b3]{align-items:center;display:flex}.toolbar-btn[data-v-9b23e1b3]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s}.toolbar-btn.cancel[data-v-9b23e1b3]{color:#ef4444;width:32px;padding:0}.toolbar-btn[data-v-9b23e1b3]:hover{color:#1f2937;background:#0000000d}.toolbar-btn.confirm[data-v-9b23e1b3]{color:#fff;background:#1f2937}.toolbar-btn.confirm[data-v-9b23e1b3]:hover:not(:disabled){background:#374151}.toolbar-btn.confirm[data-v-9b23e1b3]:disabled{opacity:.7;cursor:not-allowed}.toolbar-btn.confirm.loading[data-v-9b23e1b3]{background:#4b5563}.toolbar-btn svg[data-v-9b23e1b3]{width:18px;height:18px}.toolbar-btn svg.spin[data-v-9b23e1b3]{animation:1s linear infinite spin-9b23e1b3}@keyframes spin-9b23e1b3{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.toolbar-divider[data-v-9b23e1b3]{background:#0000001a;width:1px;height:20px}.toolbar-text[data-v-9b23e1b3]{color:#9ca3af;padding:0 8px;font-size:12px}.toolbar-spacer[data-v-9b23e1b3]{flex:1;min-width:20px}.quality-buttons[data-v-9b23e1b3]{gap:4px;display:flex}.quality-btn[data-v-9b23e1b3]{color:#6b7280;cursor:pointer;background:#0000000d;border:1px solid #0000001a;border-radius:6px;height:32px;padding:0 12px;font-size:12px;font-weight:500;transition:all .2s}.quality-btn[data-v-9b23e1b3]:hover{color:#1f2937;background:#0000001a}.quality-btn.active[data-v-9b23e1b3]{color:#fff;background:#1f2937;border-color:#1f2937}.ratio-menu[data-v-9b23e1b3]{background:#fff;border-radius:8px;margin-bottom:8px;padding:4px;position:absolute;bottom:100%;left:60px;box-shadow:0 2px 12px #00000026}.ratio-menu button[data-v-9b23e1b3]{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:12px;transition:background .2s;display:block}.ratio-menu button[data-v-9b23e1b3]:hover{background:#0000000d}.ratio-menu button.active[data-v-9b23e1b3]{color:#fff;background:#1f2937}@media (prefers-color-scheme:dark){.toolbar-content[data-v-9b23e1b3]{background:#2a2a2af2}.toolbar-btn[data-v-9b23e1b3]{color:#9ca3af}.toolbar-btn[data-v-9b23e1b3]:hover{color:#f3f4f6;background:#ffffff1a}.toolbar-btn.confirm[data-v-9b23e1b3]{background:#4b5563}.toolbar-btn.confirm[data-v-9b23e1b3]:hover{background:#6b7280}.toolbar-divider[data-v-9b23e1b3]{background:#ffffff1a}.quality-btn[data-v-9b23e1b3]{color:#9ca3af;background:#ffffff0d;border-color:#ffffff1a}.quality-btn[data-v-9b23e1b3]:hover{color:#f3f4f6;background:#ffffff1a}.quality-btn.active[data-v-9b23e1b3]{background:#4b5563;border-color:#4b5563}.ratio-menu[data-v-9b23e1b3]{background:#1f2937}.ratio-menu button[data-v-9b23e1b3]{color:#d1d5db}.ratio-menu button[data-v-9b23e1b3]:hover{background:#ffffff1a}.ratio-menu button.active[data-v-9b23e1b3]{background:#4b5563}}
