*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-20{bottom:5rem}.right-6{right:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.min-h-32{min-height:8rem}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-96{width:24rem}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-400\/70{border-color:#60a5fab3}.border-green-400\/30{border-color:#4ade804d}.border-lime-400{--tw-border-opacity:1;border-color:#a3e635;border-color:rgb(163 230 53/var(--tw-border-opacity,1))}.border-purple-400\/30{border-color:#c084fc4d}.border-red-400\/30{border-color:#f871714d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-400\/70{border-color:#facc15b3}.bg-black\/20{background-color:#0003}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/80{background-color:#ef4444cc}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from:#3b82f633 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/30{--tw-gradient-from:#3b82f64d var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:#22c55e33 var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from:#a855f733 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/20{--tw-gradient-from:#ef444433 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-emerald-500\/20{--tw-gradient-to:#10b98133 var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to:#ec489933 var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-500\/20{--tw-gradient-to:#a855f733 var(--tw-gradient-to-position)}.to-purple-500\/30{--tw-gradient-to:#a855f74d var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.placeholder-white\/60::placeholder{color:#fff9}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-400\/30{--tw-ring-color:#60a5fa4d}.ring-yellow-400\/30{--tw-ring-color:#facc154d}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:from-blue-500\/30:hover{--tw-gradient-from:#3b82f64d var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-500\/30:hover{--tw-gradient-from:#22c55e4d var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-500\/30:hover{--tw-gradient-from:#a855f74d var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-500\/30:hover{--tw-gradient-from:#ef44444d var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-emerald-500\/30:hover{--tw-gradient-to:#10b9814d var(--tw-gradient-to-position)}.hover\:to-pink-500\/30:hover{--tw-gradient-to:#ec48994d var(--tw-gradient-to-position)}.hover\:to-purple-500\/30:hover{--tw-gradient-to:#a855f74d var(--tw-gradient-to-position)}.focus\:border-blue-400\/50:focus{border-color:#60a5fa80}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-400\/20:focus{--tw-ring-color:#60a5fa33}.disabled\:from-gray-500\/20:disabled{--tw-gradient-from:#6b728033 var(--tw-gradient-from-position);--tw-gradient-to:#6b728000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.disabled\:to-gray-500\/20:disabled{--tw-gradient-to:#6b728033 var(--tw-gradient-to-position)}.App{height:100vh;overflow:hidden}.glass-background{background:linear-gradient(135deg,#191e28e6,#0f1423f2 25%,#23192de6 50%,#142332f2 75%,#1e1428e6);position:relative}.glass-background:before{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.glass-panel{background:#ffffff0d;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.glass-panel,.glass-panel-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a}.glass-panel-dark{background:#0003;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d}.glass-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.glass-button:hover:before{left:100%}.glass-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;transition:all .3s ease}.glass-input:focus{background:#ffffff14;box-shadow:0 8px 25px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.glass-input-container{position:relative}.glass-input-container:after{background:linear-gradient(90deg,#0000,#6366f1cc,#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.glass-input-container:focus-within:after,.glass-input:focus+.glass-input-container:after{width:100%}.glass-upload-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;position:relative;transition:all .3s ease}.glass-upload-area:before{background:radial-gradient(circle at center,#6366f10d 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.glass-upload-area:hover:before{opacity:1}.glass-upload-area:hover{background:#ffffff0d;box-shadow:0 12px 40px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.glass-image-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;overflow:hidden;position:relative}.glass-image-card:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.glass-image-card:hover:before{opacity:1}.glass-image-card:hover{background:#ffffff14;box-shadow:0 15px 50px #0006,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.glass-working-area{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0000001a;position:relative}.glass-working-area.frame-drawing,.glass-working-area.frame-drawing *,.glass-working-area.frame-drawing div,.glass-working-area.frame-drawing img,.glass-working-area[style*=crosshair]{cursor:crosshair!important}.glass-working-area:before{background:linear-gradient(45deg,#ffffff05 25%,#0000 0),linear-gradient(-45deg,#ffffff05 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff05 0),linear-gradient(-45deg,#0000 75%,#ffffff05 0);background-position:0 0,0 15px,15px -15px,-15px 0;background-size:30px 30px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.glass-error{animation:glass-error-glow 2s ease-in-out infinite alternate;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef44441a}@keyframes glass-error-glow{0%{box-shadow:0 0 20px #ef444433}to{box-shadow:0 0 30px #ef444466}}.notification-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1000}.glass-notification{animation:slideInRight .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;max-width:350px;padding:12px 16px;pointer-events:auto}.glass-notification.success{background:#22c55e1a;border-color:#22c55e4d}.glass-notification.error{background:#ef44441a;border-color:#ef44444d}.notification-content{align-items:center;color:#fff;display:flex;font-size:14px;gap:10px}.notification-icon{flex-shrink:0;font-size:16px}.notification-text{flex:1 1;line-height:1.4}.notification-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:18px;margin-left:8px;padding:0;transition:color .2s ease}.notification-close:hover{color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.zoom-controls{bottom:80px;display:flex;gap:8px;position:fixed;right:24px;z-index:1000}.zoom-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.zoom-button:hover{background:#000c;box-shadow:0 6px 25px #0006;transform:translateY(-2px)}.zoom-button:active{transform:translateY(0)}.scissor-icon{height:16px;position:relative;width:16px}.scissor-icon:after,.scissor-icon:before{background:linear-gradient(45deg,#fffc,#c8c8ff99);border-radius:1px;box-shadow:0 0 4px #ffffff4d;content:"";height:2px;position:absolute;width:8px}.scissor-icon:before{left:2px;top:3px;transform:rotate(45deg)}.scissor-icon:after{left:2px;top:9px;transform:rotate(-45deg)}.exit-icon{height:14px;position:relative;width:14px}.exit-icon:after,.exit-icon:before{background:linear-gradient(90deg,#ff6464cc,#ff969699);border-radius:1px;box-shadow:0 0 4px #ff646466;content:"";height:2px;left:0;position:absolute;top:6px;width:14px}.exit-icon:before{transform:rotate(45deg)}.exit-icon:after{transform:rotate(-45deg)}.frame-icon{background:#0000;border:2px solid #ffffffb3;border-radius:2px;box-shadow:0 0 4px #ffffff4d,inset 0 0 4px #ffffff1a;height:12px;width:12px}.eraser-icon{background:linear-gradient(45deg,#ffc8c8cc,#ff969699);border-radius:2px;box-shadow:0 0 4px #ffc8c866;height:8px;position:relative;width:14px}.eraser-icon:after{background:linear-gradient(90deg,#c8c8c8cc,#96969699);border-radius:1px;bottom:-3px;box-shadow:0 0 2px #c8c8c866;content:"";height:2px;left:2px;position:absolute;width:10px}.add-icon{height:12px;position:relative;width:12px}.add-icon:after,.add-icon:before{background:linear-gradient(90deg,#64ff64cc,#96ff9699);border-radius:1px;box-shadow:0 0 4px #64ff6466;content:"";position:absolute}.add-icon:before{height:2px;left:0;top:5px;width:12px}.add-icon:after{height:12px;left:5px;top:0;width:2px}.download-icon{height:12px;position:relative;width:12px}.download-icon:before{background:linear-gradient(180deg,#c896ffcc,#9664ff99);border-radius:1px;box-shadow:0 0 4px #c896ff66;content:"";height:8px;left:5px;position:absolute;top:0;width:2px}.download-icon:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid #c896ffcc;bottom:0;content:"";filter:drop-shadow(0 0 2px rgba(200,150,255,.4));height:0;left:2px;position:absolute;width:0}.glass-panel::-webkit-scrollbar,.glass-working-area::-webkit-scrollbar{height:12px;width:12px}.glass-panel::-webkit-scrollbar-track,.glass-working-area::-webkit-scrollbar-track{background:#ffffff0d;border-radius:6px;margin:4px}.glass-panel::-webkit-scrollbar-thumb,.glass-working-area::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background-clip:padding-box;border:2px solid #0000;border-radius:6px}.glass-panel::-webkit-scrollbar-thumb:hover,.glass-working-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel::-webkit-scrollbar-corner,.glass-working-area::-webkit-scrollbar-corner{background:#ffffff0d}.frame-border{background:#0000!important;border:3px solid #65f965;box-shadow:0 0 0 1px #65f96580,0 0 8px #65f9654d;transition:all .2s ease}.frame-border:hover{border-color:#32d732;box-shadow:0 0 0 1px #32d732b3,0 0 12px #65f96580}@media (max-width:1024px){.w-64{width:200px}.zoom-controls{bottom:16px;right:16px}.zoom-button{font-size:16px;height:40px;width:40px}}@media (max-width:768px){.glass-background{flex-direction:column}.w-64{height:auto;width:100%}.glass-panel,.glass-panel-dark{border-radius:0}.flex{flex-direction:column}.glass-working-area{height:400px}.notification-container{left:10px;right:10px;top:10px}.glass-notification{max-width:none}.zoom-controls{bottom:12px;right:12px}.zoom-button{font-size:14px;height:36px;width:36px}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-glass-shimmer{animation:glassShimmer 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glassShimmer{0%,to{background-position:-100% 0}50%{background-position:100% 0}}.glass-loading{overflow:hidden;position:relative}.glass-loading:before{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{to{left:100%}}.glass-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0006;color:#fff;font-size:12px;padding:8px 12px;position:absolute;z-index:1000}:focus{outline:none}.glass-button:focus,.glass-input:focus{box-shadow:0 0 0 3px #6366f14d,0 8px 25px #0000004d,inset 0 1px 0 #ffffff1a}::selection{background:#6366f14d;color:#fff}::-moz-selection{background:#6366f14d;color:#fff}.dragging{opacity:.5;transform:scale(.95);transition:all .2s ease}.drag-over{border-color:#fbbf24!important;box-shadow:0 0 0 2px #fbbf244d!important;transform:scale(1.02)}.glass-image-card{transition:all .3s ease}.glass-image-card:hover{transform:translateY(-2px)}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.glass-button,.glass-image-card,.glass-panel{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.glass-working-area img{cursor:inherit}.frame-drawing .frame-element{cursor:crosshair!important;pointer-events:none}.frame-drawing .frame-element.eraser-mode{cursor:crosshair!important;pointer-events:auto}
/*# sourceMappingURL=main.ab8ddf05.css.map*/