.upload-area-wrapper[data-v-02c43544]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;width:100%}.upload-container[data-v-02c43544]{background:transparent;border-radius:20px;max-width:600px;padding:.75rem;width:100%}@media(min-width:768px){.upload-container[data-v-02c43544]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid rgba(0,0,0,.2);box-shadow:0 25px 40px #0058c233;padding:1.5rem}}.upload-drop-zone[data-v-02c43544]{background:transparent;border:0;border-radius:16px;overflow:hidden;padding:.5rem .25rem;position:relative;text-align:center;transition:all .3s ease}@media(min-width:768px){.upload-drop-zone[data-v-02c43544]{background:#ffffff0d;border:2px dashed #3b82f6;padding:2rem 1.5rem}.upload-drop-zone[data-v-02c43544]:hover{background:#3b82f61a;border-color:#3b82f680}}.upload-drop-zone[data-drag-over=true][data-v-02c43544]{background:#3b82f633;border-color:#3b82f6;transform:scale(1.02)}.upload-icon[data-v-02c43544]{color:#3b82f6;margin:0 auto 1rem;width:56px}.upload-drag-text[data-v-02c43544]{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:.75rem}.upload-policy-text[data-v-02c43544]{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.upload-button-wrapper[data-v-02c43544]{margin-bottom:.5rem}.upload-button[data-v-02c43544]{background:#3b82f6e6;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;overflow:hidden;padding:.625rem 2rem;position:relative;transition:all .3s ease;width:100%}.upload-button[data-v-02c43544]:hover{background:#3b82f6;box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.upload-button-mobile[data-v-02c43544]{align-items:center;background:#3b82f6e6;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.upload-button-mobile[data-v-02c43544]:hover{background:#3b82f6}.upload-format-text[data-v-02c43544]{color:#6b7280;font-size:.625rem;margin-top:.5rem;text-align:center}@media(min-width:768px){.upload-format-text[data-v-02c43544]{font-size:.75rem;margin-top:.75rem}}.format-item[data-v-02c43544]{margin:0 .125rem}@media(min-width:768px){.format-item[data-v-02c43544]{margin:0 .25rem}}.examples-section[data-v-02c43544]{margin-top:2.5rem;max-width:600px;width:100%}.examples-title[data-v-02c43544]{color:#6b7280;font-size:.875rem;margin-bottom:1.25rem;text-align:center}.examples-grid[data-v-02c43544]{display:flex;gap:.3125rem;justify-content:center;margin:0 auto;width:75%}.example-image[data-v-02c43544]{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:80px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;width:80px}.example-image[data-v-02c43544]:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.dark .upload-drag-text[data-v-02c43544]{color:#9ca3af}.dark .upload-format-text[data-v-02c43544],.dark .upload-policy-text[data-v-02c43544]{color:#6b7280}.dark .examples-title[data-v-02c43544]{color:#9ca3af}@media(min-width:768px){.dark .upload-drop-zone[data-v-02c43544]{border-color:#ffffff4d}}@media(max-width:768px){.examples-grid[data-v-02c43544]{width:90%}.example-image[data-v-02c43544]{height:60px;width:60px}}.size-preview-container[data-v-152af3f9]{z-index:5}.transparency-grid[data-v-152af3f9]{background-color:#f3f4f64d;background-image:linear-gradient(45deg,rgba(229,231,235,.6) 25%,transparent 0),linear-gradient(-45deg,rgba(229,231,235,.6) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(229,231,235,.6) 0),linear-gradient(-45deg,transparent 75%,rgba(229,231,235,.6) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.dark{background-color:#1f293780;background-image:linear-gradient(45deg,rgba(55,65,81,.6) 25%,transparent 0),linear-gradient(-45deg,rgba(55,65,81,.6) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(55,65,81,.6) 0),linear-gradient(-45deg,transparent 75%,rgba(55,65,81,.6) 0)}.size-preview-image[data-v-152af3f9]{box-shadow:0 4px 20px #00000026,0 0 0 1px #ffffff1a;position:relative;z-index:10}.dark{box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d}.expand-arrows[data-v-152af3f9]{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:20}.arrow-icon[data-v-152af3f9]{align-items:center;animation:pulse-152af3f9 2s ease-in-out infinite;background:#3b82f6e6;border-radius:6px;box-shadow:0 2px 8px #3b82f666;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;width:24px}.arrow-icon.top-left[data-v-152af3f9]{animation-delay:0s;left:8px;top:8px}.arrow-icon.top-right[data-v-152af3f9]{animation-delay:.5s;right:8px;top:8px}.arrow-icon.bottom-left[data-v-152af3f9]{animation-delay:1s;bottom:8px;left:8px}.arrow-icon.bottom-right[data-v-152af3f9]{animation-delay:1.5s;bottom:8px;right:8px}@keyframes pulse-152af3f9{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.corner-line[data-v-152af3f9]{fill:none;stroke:#3b82f699;stroke-dasharray:6 4;stroke-linecap:round;stroke-width:2}.dark{stroke:#60a5fa99}.corner-line.flow-outward[data-v-152af3f9]{animation:dashFlowOutward-152af3f9 .4s linear infinite}.corner-line.flow-inward[data-v-152af3f9]{animation:dashFlowInward-152af3f9 .4s linear infinite}@keyframes dashFlowOutward-152af3f9{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@keyframes dashFlowInward-152af3f9{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.dimension-label[data-v-152af3f9]{align-items:center;background:#3b82f6e6;border-radius:4px;box-shadow:0 2px 8px #3b82f666;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;padding:4px 8px;position:absolute;white-space:nowrap;z-index:15}.dark{background:#60a5fae6;box-shadow:0 2px 8px #60a5fa66}.dimension-width[data-v-152af3f9]{flex-direction:row}.dimension-height[data-v-152af3f9]{flex-direction:column;text-orientation:mixed;writing-mode:vertical-rl}.dimension-height .dimension-text[data-v-152af3f9]{transform:rotate(180deg)}.canvas-controls[data-v-d4e78915]{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:20}.control-btn[data-v-d4e78915]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.control-btn[data-v-d4e78915]:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.control-btn[data-v-d4e78915]:active{transform:scale(.95)}.control-btn.active[data-v-d4e78915]{background:#3b82f6;border-color:#3b82f6;color:#fff}.control-btn.active[data-v-d4e78915]:hover{background:#2563eb;border-color:#2563eb;color:#fff}.dark{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0000004d;color:#9ca3af}.dark{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark{background:#3b82f6;border-color:#3b82f6;color:#fff}.dark{background:#2563eb;border-color:#2563eb}.icon[data-v-d4e78915]{height:1.25rem;width:1.25rem}@media(max-width:768px){.canvas-controls[data-v-d4e78915]{gap:.375rem;right:.5rem;top:.5rem}.control-btn[data-v-d4e78915]{border-radius:.25rem;height:28px;width:28px}.icon[data-v-d4e78915]{height:1rem;width:1rem}}.canvas-container[data-v-6d67a87b]{background:transparent;border:none;border-radius:.5rem;display:flex;flex-direction:column;height:100%;max-width:100%;position:relative;width:100%}.canvas-wrapper[data-v-6d67a87b]{align-items:center;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;justify-content:center;min-height:0}.canvas-wrapper.dragging[data-v-6d67a87b]{cursor:grabbing}.canvas-wrapper.pan-mode[data-v-6d67a87b]{cursor:grab}.canvas-wrapper.pan-mode.dragging[data-v-6d67a87b]{cursor:grabbing}.canvas-wrapper.touch-pan-active[data-v-6d67a87b]{touch-action:none}.canvas-content[data-v-6d67a87b]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.canvas-transform-wrapper[data-v-6d67a87b]{display:inline-block;position:relative}.canvas-image[data-v-6d67a87b]{display:block;pointer-events:none;transform:translateZ(0);transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.interaction-canvas[data-v-6d67a87b]{height:100%;left:0;opacity:.6;pointer-events:auto;position:absolute;top:0;width:100%}.cursor-pen[data-v-6d67a87b]{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") 2 22,crosshair}.cursor-none[data-v-6d67a87b]{cursor:none!important}.comparison-mode[data-v-6d67a87b]{height:100%}@media(min-width:769px)and (max-width:1024px){.image-list-container[data-v-c5327c25]{gap:.375rem;padding:.375rem}.add-image-btn[data-v-c5327c25],.image-thumbnail[data-v-c5327c25]{border-radius:.5rem;height:48px!important;width:48px!important}.add-icon[data-v-c5327c25]{height:1.25rem!important;width:1.25rem!important}}.dark .config-panel[data-v-590adaeb]{box-shadow:0 0 30px #0006,0 0 60px #00000040}.config-panel[data-v-590adaeb]::-webkit-scrollbar{width:6px}.config-panel[data-v-590adaeb]::-webkit-scrollbar-track{background:transparent}.config-panel[data-v-590adaeb]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.config-panel[data-v-590adaeb]::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.dark .config-panel[data-v-590adaeb]::-webkit-scrollbar-thumb{background-color:#475569}.dark .config-panel[data-v-590adaeb]::-webkit-scrollbar-thumb:hover{background-color:#64748b}.param-item[data-v-590adaeb]{animation:fadeInUp-590adaeb .3s ease-out}@keyframes fadeInUp-590adaeb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-actions[data-v-af09ddf2]{align-items:center;display:flex;justify-content:center}.action-buttons[data-v-af09ddf2],.desktop-actions[data-v-af09ddf2]{align-items:center;display:flex;gap:.5rem}.action-btn[data-v-af09ddf2]{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f1f5f9cc;border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .2s;width:3rem}.action-btn[data-v-af09ddf2]:hover{background-color:#f1f5f9e6;transform:scale(1.05)}.action-btn.disabled[data-v-af09ddf2]{cursor:not-allowed;opacity:.5;pointer-events:none}.action-btn-img[data-v-af09ddf2]{height:2rem;-o-object-fit:contain;object-fit:contain;width:2rem}.feedback-good[data-v-af09ddf2]:hover{background-color:#22c55e1a;border-color:#22c55e4d}.feedback-bad[data-v-af09ddf2]:hover{background-color:#ef44441a;border-color:#ef44444d}.enhance-btn[data-v-af09ddf2]{color:#9333ea}.enhance-btn[data-v-af09ddf2]:hover{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-color:#a855f74d}.mobile-actions[data-v-af09ddf2]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.3);border-radius:2rem;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;overflow:visible;padding:.2rem .5rem;position:relative}.mobile-close-btn[data-v-af09ddf2]{align-items:center;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:50%;cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;transition:all .2s;width:1.25rem;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 4px #0000001a;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:50}.mobile-close-btn[data-v-af09ddf2]:hover{background-color:#fff;box-shadow:0 2px 6px #0000001f;transform:scale(1.1)}.mobile-close-btn[data-v-af09ddf2]:active{background-color:#f0f0f0;transform:scale(.9)}.mobile-content[data-v-af09ddf2]{align-items:center;display:flex;justify-content:space-between}.mobile-feedback[data-v-af09ddf2]{gap:.75rem}.action-btn-mobile[data-v-af09ddf2],.mobile-enhance[data-v-af09ddf2],.mobile-feedback[data-v-af09ddf2]{align-items:center;display:flex}.action-btn-mobile[data-v-af09ddf2]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f1f5f9cc;border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;cursor:pointer;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-btn-mobile[data-v-af09ddf2]:active{transform:scale(.95)}.action-btn-mobile.disabled[data-v-af09ddf2]{cursor:not-allowed;opacity:.5;pointer-events:none}.blur-bg[data-v-af09ddf2]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffc}.fade-enter-active[data-v-af09ddf2],.fade-leave-active[data-v-af09ddf2]{transition:all .3s ease}.fade-enter-from[data-v-af09ddf2],.fade-leave-to[data-v-af09ddf2]{opacity:0;transform:translateY(10px) scale(.9)}.fade-enter-to[data-v-af09ddf2],.fade-leave-from[data-v-af09ddf2]{opacity:1;transform:translateY(0) scale(1)}.dark .action-btn[data-v-af09ddf2],.dark .action-btn-mobile[data-v-af09ddf2]{background-color:#1f2937cc;border-color:#4b55634d}.dark .action-btn-mobile[data-v-af09ddf2]:hover,.dark .action-btn[data-v-af09ddf2]:hover{background-color:#1f2937e6}.dark .blur-bg[data-v-af09ddf2]{background-color:#1f2937cc}.dark .mobile-actions[data-v-af09ddf2]{background:#1f2937cc;border-color:#4b556366;box-shadow:0 4px 16px #0003}.dark .mobile-close-btn[data-v-af09ddf2]{background:#374151e6;border-color:#ffffff14}.dark .mobile-close-btn[data-v-af09ddf2]:hover{background:#374151;box-shadow:0 2px 6px #0003;transform:scale(1.1)}.dark .mobile-close-btn[data-v-af09ddf2]:active{background:#4b5563;transform:scale(.9)}.scrollbar-hide[data-v-ce74d18b]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-ce74d18b]::-webkit-scrollbar{display:none}@media(max-width:768px){.mobile-viewport[data-v-ba5f6d3d]{height:100dvh;height:100vh}@supports (height:100dvh){.mobile-viewport[data-v-ba5f6d3d]{height:100dvh}}@supports (padding:max(0px)){.mobile-viewport[data-v-ba5f6d3d]{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}}
