.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-70d2446e]{z-index:5}.transparency-grid[data-v-70d2446e]{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)}.corner-line[data-v-70d2446e]{stroke:var(--color-primary-ME);stroke-width:2;stroke-dasharray:6 4;stroke-linecap:round;fill:none}.dark{stroke:var(--color-primary-ME-400)}.corner-line.flow-outward[data-v-70d2446e]{animation:dashFlowOutward-70d2446e .4s linear infinite}.corner-line.flow-inward[data-v-70d2446e]{animation:dashFlowInward-70d2446e .4s linear infinite}@keyframes dashFlowOutward-70d2446e{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@keyframes dashFlowInward-70d2446e{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes pulse-70d2446e{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.canvas-container[data-v-3a7f91d9]{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-3a7f91d9]{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-3a7f91d9]{cursor:grabbing}.canvas-wrapper.pan-mode[data-v-3a7f91d9]{cursor:grab}.canvas-wrapper.pan-mode.dragging[data-v-3a7f91d9]{cursor:grabbing}.canvas-wrapper.touch-pan-active[data-v-3a7f91d9]{touch-action:none}.canvas-content[data-v-3a7f91d9]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.canvas-transform-wrapper[data-v-3a7f91d9]{display:inline-block;position:relative}.canvas-image[data-v-3a7f91d9]{display:block;pointer-events:none;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.image-container[data-v-3a7f91d9]{display:inline-block;position:relative;vertical-align:middle}.interaction-canvas[data-v-3a7f91d9]{height:100%;left:0;opacity:.6;pointer-events:auto;position:absolute;top:0;width:100%}.cursor-pen[data-v-3a7f91d9]{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-3a7f91d9]{cursor:none!important}.comparison-mode[data-v-3a7f91d9]{height:100%}.scrollbar-hide[data-v-d374c855]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-d374c855]::-webkit-scrollbar{display:none}@media (min-width:769px) and (max-width:1024px){.thumbnail-list-container[data-v-d374c855]{gap:.375rem;padding:.375rem}.image-thumbnail[data-v-d374c855]{border-radius:.5rem}}.scrollbar-hide[data-v-bc39f0e7]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-bc39f0e7]::-webkit-scrollbar{display:none}@media (min-width:769px) and (max-width:1024px){.image-list-container[data-v-bc39f0e7]{gap:.375rem;padding:.375rem}.add-image-btn[data-v-bc39f0e7],.image-thumbnail[data-v-bc39f0e7]{border-radius:.5rem;height:48px!important;width:48px!important}.add-icon[data-v-bc39f0e7]{height:1.25rem!important;width:1.25rem!important}}.dark .config-panel[data-v-013a3c0c]{box-shadow:0 0 30px #0006,0 0 60px #00000040}.config-panel[data-v-013a3c0c]::-webkit-scrollbar{width:6px}.config-panel[data-v-013a3c0c]::-webkit-scrollbar-track{background:transparent}.config-panel[data-v-013a3c0c]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.config-panel[data-v-013a3c0c]::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.dark .config-panel[data-v-013a3c0c]::-webkit-scrollbar-thumb{background-color:#475569}.dark .config-panel[data-v-013a3c0c]::-webkit-scrollbar-thumb:hover{background-color:#64748b}.param-item[data-v-013a3c0c]{animation:fadeInUp-013a3c0c .3s ease-out}@keyframes fadeInUp-013a3c0c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-actions[data-v-4a57dedb]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.3);border-radius:9999px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;overflow:visible;padding:.25rem .5rem;position:relative}.dark .mobile-actions[data-v-4a57dedb]{background:#1f2937cc;border-color:#4b556366;box-shadow:0 4px 16px #0003}.fade-enter-active[data-v-4a57dedb],.fade-leave-active[data-v-4a57dedb]{transition:all .3s ease}.fade-enter-from[data-v-4a57dedb],.fade-leave-to[data-v-4a57dedb]{opacity:0;transform:translateY(10px) scale(.9)}.fade-enter-to[data-v-4a57dedb],.fade-leave-from[data-v-4a57dedb]{opacity:1;transform:translateY(0) scale(1)}.scrollbar-hide[data-v-9f4bfe52]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-9f4bfe52]::-webkit-scrollbar{display:none}.fixed[data-v-544e3c2c]{position:fixed!important}img[data-v-544e3c2c]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.transition-transform[data-v-544e3c2c]{transition:transform .2s ease-out}.cursor-grab[data-v-544e3c2c]{cursor:grab!important}.cursor-grabbing[data-v-544e3c2c]{cursor:grabbing!important}.cursor-default[data-v-544e3c2c]{cursor:default!important}.overflow-hidden[data-v-544e3c2c]{overflow:hidden!important}@media (max-width:768px){.cursor-default[data-v-544e3c2c],.cursor-grab[data-v-544e3c2c],.cursor-grabbing[data-v-544e3c2c]{cursor:default!important}.touch-pan-y[data-v-544e3c2c]{touch-action:pan-y!important}}.cursor-grabbing[data-v-544e3c2c] *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}@media (max-width:768px){.mobile-viewport[data-v-90968a9b]{height:100dvh;height:100vh}@supports (height:100dvh){.mobile-viewport[data-v-90968a9b]{height:100dvh}}@supports (padding:max(0px)){.mobile-viewport[data-v-90968a9b]{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}}
