@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-\[50px\]{height:50px}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-\[70px\]{width:70px}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:root{color-scheme:light;color:#000000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}*{transition:background-color .2s,border-color .2s,box-shadow .2s}button{cursor:pointer;outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #db277780}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}::-moz-selection{color:#111827;background-color:#db277733}::selection{color:#111827;background-color:#db277733}@media (max-width:640px){html{font-size:14px}}@media (min-width:641px) and (max-width:1024px){html{font-size:15px}}@media (min-width:1025px){html{font-size:16px}}.custom-hex-picker{max-width:100%;margin:0 auto;width:220px!important;height:140px!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}body{font-family:Inter,Noto Sans SC,sans-serif;margin:0;padding:0;background-color:#f8fafc;color:#1e293b}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.drag-active{border-color:#ec4899!important;background-color:#ec48990d!important}.tool-button:hover{transform:translateY(-2px)}.example-image{transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.example-image:hover{transform:scale(1.03);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes pulse{0%{box-shadow:0 0 #ec489966}70%{box-shadow:0 0 0 10px #ec489900}to{box-shadow:0 0 #ec489900}}.ai-badge{animation:pulse 2s infinite}button.bg-pink-500{background-color:#ec4899;transition:all .3s ease}button.bg-pink-500:hover{background-color:#db2777;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.border-dashed{border-style:dashed!important}.upload-container{border:2px dashed #e2e8f0;border-radius:.5rem;padding:2rem;background-color:#fff;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.upload-container:hover{border-color:#cbd5e1}@media (max-width: 768px){.main-title{font-size:1.75rem}.upload-area{padding:1.5rem}}.aspect-w-16{position:relative;padding-bottom:56.25%}.aspect-w-16>*{position:absolute;height:100%;width:100%;inset:0}.aspect-w-1{position:relative;padding-bottom:100%}.aspect-w-1>*{position:absolute;height:100%;width:100%;inset:0}.bg-gradient-soft{background-image:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.editor-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.btn-float:hover{animation:float 2s ease-in-out infinite}.image-container{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.image-hover-effect{transition:all .3s ease}.image-hover-effect:hover{transform:scale(1.05)}.sidebar{background-color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-area{transition:all .3s ease}.upload-area:hover svg{transform:scale(1.1);transition:transform .3s ease}.upload-btn:hover,.edit-btn:hover,.delete-btn:hover{transform:translateY(-2px);transition:transform .2s ease}button[style*=background-color]{transition:all .2s ease;box-shadow:0 1px 3px #0000001a}button[style*=background-color]:hover{transform:scale(1.1)}button[title] span{transition:transform .2s ease}button[title]:hover span{transform:scale(1.2)}.max-w-3xl{transition:opacity .3s ease}textarea:focus,select:focus{box-shadow:0 0 0 3px #db277733!important;border-color:#db277780!important}.inline-flex{scrollbar-width:thin;scrollbar-color:rgba(219,39,119,.5) transparent}.inline-flex::-webkit-scrollbar{height:4px}.inline-flex::-webkit-scrollbar-thumb{background-color:#db277780;border-radius:4px}.inline-flex::-webkit-scrollbar-track{background:transparent}@media (max-width: 640px){.flex.space-x-6{gap:10px;justify-content:center}.upload-btn,.edit-btn,.delete-btn{width:3.5rem;height:3.5rem}.upload-btn svg,.edit-btn svg,.delete-btn svg{width:1.25rem;height:1.25rem}}.bg-gray-100.rounded-lg{position:relative;display:flex;align-items:center;justify-content:center}.absolute.inset-0 p{text-shadow:0 2px 4px rgba(0,0,0,.3)}