.pattern-wavy-mint{background-color:#a7f3d0;background-image:radial-gradient(circle at 100% 150%,#a7f3d0 24%,#ffffff 25%,#ffffff 28%,#a7f3d0 29%,#a7f3d0 36%,#ffffff 36%,#ffffff 40%,transparent 40%,transparent),radial-gradient(circle at 0 150%,#a7f3d0 24%,#ffffff 25%,#ffffff 28%,#a7f3d0 29%,#a7f3d0 36%,#ffffff 36%,#ffffff 40%,transparent 40%,transparent),radial-gradient(circle at 50% 100%,#ffffff 10%,#a7f3d0 11%,#a7f3d0 23%,#ffffff 24%,#ffffff 30%,#a7f3d0 31%,#a7f3d0 43%,#ffffff 44%,#ffffff 50%,#a7f3d0 51%,#a7f3d0 63%,#ffffff 64%,#ffffff 71%,transparent 71%,transparent);background-size:100px 50px}.pattern-geometric-sun{background-color:#fefce8;background-image:linear-gradient(135deg,#facc15 25%,transparent 25%),linear-gradient(225deg,#facc15 25%,transparent 25%),linear-gradient(45deg,#facc15 25%,transparent 25%),linear-gradient(315deg,#facc15 25%,#fefce8 25%);background-position:10px 0,10px 0,0 0,0 0;background-size:20px 20px;background-repeat:repeat}.pattern-overlapping-circles{background-color:#e0f2fe;background-image:radial-gradient(#0ea5e9 20%,transparent 20%),radial-gradient(#0ea5e9 20%,transparent 20%);background-size:30px 30px;background-position:0 0,15px 15px}.pattern-honeycomb{background-color:#fef2f2;background-image:linear-gradient(30deg,#fca5a5 12%,transparent 12.5%,transparent 87%,#fca5a5 87.5%,#fca5a5),linear-gradient(150deg,#fca5a5 12%,transparent 12.5%,transparent 87%,#fca5a5 87.5%,#fca5a5),linear-gradient(30deg,#fca5a5 12%,transparent 12.5%,transparent 87%,#fca5a5 87.5%,#fca5a5),linear-gradient(150deg,#fca5a5 12%,transparent 12.5%,transparent 87%,#fca5a5 87.5%,#fca5a5),linear-gradient(60deg,#fca5a577 25%,transparent 25.5%,transparent 75%,#fca5a577 75%,#fca5a577),linear-gradient(60deg,#fca5a577 25%,transparent 25.5%,transparent 75%,#fca5a577 75%,#fca5a577);background-size:40px 70px;background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px}.pattern-blueprint-grid{background-color:#1e3a8a;background-image:linear-gradient(white 1px,transparent 1px),linear-gradient(90deg,white 1px,transparent 1px),linear-gradient(rgba(255,255,255,.3) .5px,transparent .5px),linear-gradient(90deg,rgba(255,255,255,.3) .5px,transparent .5px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-1px -1px,-1px -1px,-.5px -.5px,-.5px -.5px}.pattern-psychedelic-swirl{background:radial-gradient(circle at 100% 50%,transparent 20%,#a855f7 21%,#a855f7 34%,transparent 35%,transparent),radial-gradient(circle at 0% 50%,transparent 20%,#a855f7 21%,#a855f7 34%,transparent 35%,transparent) 0 -50px;background-color:#f5d0fe;background-size:100px 100px}.pattern-chevron{background-color:#f0fdf4;background-image:linear-gradient(135deg,#4ade80 25%,transparent 25%),linear-gradient(225deg,#4ade80 25%,transparent 25%),linear-gradient(45deg,#4ade80 25%,transparent 25%),linear-gradient(315deg,#4ade80 25%,#f0fdf4 25%);background-position:10px 0,10px 0,0 0,0 0;background-size:20px 20px;background-repeat:repeat}.pattern-carbon-fiber{background-color:#1f2937;background-image:linear-gradient(45deg,rgba(0,0,0,1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,1) 75%,rgba(0,0,0,1)),linear-gradient(-45deg,rgba(0,0,0,1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,1) 75%,rgba(0,0,0,1));background-size:20px 20px}.pattern-floating-cubes{background-color:#dbeafe;background-image:linear-gradient(45deg,#3b82f6 50%,#dbeafe 50%),linear-gradient(-45deg,#3b82f6 50%,#dbeafe 50%),linear-gradient(90deg,#60a5fa 53%,#3b82f6 53%),linear-gradient(0deg,#93c5fd 55%,#60a5fa 55%);background-size:40px 40px,40px 40px,40px 40px,40px 40px;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat}.pattern-diagonal-stripes{background-color:#ecfdf5;background-image:repeating-linear-gradient(45deg,#6ee7b7,#6ee7b7 10px,#ecfdf5 10px 20px)}.pattern-polka-dots{background-color:#fffbeb;background-image:radial-gradient(#fbbf24 15%,transparent 16%);background-size:40px 40px}.pattern-scales{background-color:#f0f9ff;background-image:radial-gradient(circle at 50% 0,rgba(0,0,0,.05) 25%,transparent 25%),radial-gradient(circle at 6.7% 75%,rgba(0,0,0,.05) 25%,transparent 25%),radial-gradient(circle at 93.3% 75%,rgba(0,0,0,.05) 25%,transparent 25%),radial-gradient(circle at 50% 100%,#38bdf8 14%,transparent 14%);background-size:60px 60px}.pattern-herringbone{background-color:#f7fee7;background-image:linear-gradient(135deg,#84cc16 12.5%,#f7fee7 12.5% 50%,#84cc16 50% 62.5%,#f7fee7 62.5% 100%);background-size:28.28px 28.28px}.pattern-crosshatch{background-color:#faf5ff;background-image:linear-gradient(45deg,#c084fc 25%,transparent 25%,transparent 75%,#c084fc 75%),linear-gradient(45deg,#c084fc 25%,transparent 25%,transparent 75%,#c084fc 75%);background-size:30px 30px;background-position:0 0,15px 15px}.pattern-argyle{background-color:#fff1f2;background-image:linear-gradient(45deg,#f472b6 25%,transparent 25%),linear-gradient(-45deg,#f472b6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f472b6 75%),linear-gradient(-45deg,transparent 75%,#f472b6 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0px}.pattern-triangles{background-color:#f3f4f6;background-image:linear-gradient(30deg,#9ca3af 12%,transparent 12.5%,transparent 87%,#9ca3af 87.5%,#9ca3af),linear-gradient(150deg,#9ca3af 12%,transparent 12.5%,transparent 87%,#9ca3af 87.5%,#9ca3af),linear-gradient(30deg,#9ca3af 12%,transparent 12.5%,transparent 87%,#9ca3af 87.5%,#9ca3af),linear-gradient(150deg,#9ca3af 12%,transparent 12.5%,transparent 87%,#9ca3af 87.5%,#9ca3af);background-size:30px 52px;background-position:0 0,0 0,15px 26px,15px 26px}.pattern-art-deco-shells{background-color:#0c4a6e;background-image:radial-gradient(circle at 100% 0,transparent 20%,#fde047 20%,#fde047 23%,transparent 23%),radial-gradient(circle at 0 100%,transparent 20%,#fde047 20%,#fde047 23%,transparent 23%),radial-gradient(circle at 100% 100%,transparent 10%,#fde047 10%,#fde047 13%,transparent 13%),radial-gradient(circle at 0 0,transparent 10%,#fde047 10%,#fde047 13%,transparent 13%);background-size:50px 50px}.pattern-circuit-board{background-color:#14532d;background-image:linear-gradient(90deg,#4ade8022 1px,transparent 1px),linear-gradient(#4ade8022 1px,transparent 1px),linear-gradient(90deg,#4ade8044 2px,transparent 2px),linear-gradient(#4ade8044 2px,transparent 2px),radial-gradient(circle at 25px 25px,#86efac 2px,transparent 3px),radial-gradient(circle at 0px 25px,#86efac 2px,transparent 3px),radial-gradient(circle at 25px 0px,#86efac 2px,transparent 3px);background-size:25px 25px,25px 25px,50px 50px,50px 50px,50px 50px,50px 50px,50px 50px}.pattern-tartan-plaid{background-color:#991b1b;background-image:repeating-linear-gradient(45deg,#1f293780,#1f293780 10px,transparent 10px,transparent 20px),repeating-linear-gradient(-45deg,#1f293780,#1f293780 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,#fef08a80 0,#fef08a80 4px,transparent 4px,transparent 40px),repeating-linear-gradient(0deg,#1f2937cc 0,#1f2937cc 8px,transparent 8px,transparent 40px)}.pattern-moroccan-star{background-color:#f5f5f4;background-image:linear-gradient(30deg,#0ea5e9 12%,transparent 12.5%,transparent 87%,#0ea5e9 87.5%,#0ea5e9),linear-gradient(150deg,#0ea5e9 12%,transparent 12.5%,transparent 87%,#0ea5e9 87.5%,#0ea5e9),linear-gradient(30deg,#0ea5e9 12%,transparent 12.5%,transparent 87%,#0ea5e9 87.5%,#0ea5e9),linear-gradient(150deg,#0ea5e9 12%,transparent 12.5%,transparent 87%,#0ea5e9 87.5%,#0ea5e9),linear-gradient(60deg,#38bdf8 25%,transparent 25.5%,transparent 75%,#38bdf8 75%,#38bdf8),linear-gradient(60deg,#38bdf8 25%,transparent 25.5%,transparent 75%,#38bdf8 75%,#38bdf8);background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}.pattern-leopard-print{background-color:#f7b733;background-image:radial-gradient(circle at 1rem 1rem,#6a381f 12%,transparent 13%),radial-gradient(circle at 3rem 2.5rem,#8a4e2a 15%,transparent 16%),radial-gradient(circle at 1.5rem 3.5rem,#6a381f 10%,transparent 11%);background-size:5rem 5rem}.pattern-zebra-stripes{background:repeating-linear-gradient(115deg,#fff,#fff 20px,#1e293b 20px 40px,#fff 40px 50px,#1e293b 50px 75px)}.pattern-memphis-pop{background-color:#fde68a;background-image:linear-gradient(-45deg,#f87171 25%,transparent 25%,transparent 75%,#f87171 75%),linear-gradient(45deg,#f87171 25%,transparent 25%,transparent 75%,#f87171 75%),radial-gradient(circle at 50% 50%,#60a5fa 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px,30px 0}.pattern-modern-blocks{background-color:#f3f4f6;background-image:linear-gradient(90deg,#1f2937 10px,transparent 10px),linear-gradient(0deg,#1f2937 10px,transparent 10px),linear-gradient(0deg,#dc2626 40%,transparent 40%),linear-gradient(90deg,#3b82f6 30%,transparent 30%),linear-gradient(0deg,#facc15 80%,transparent 80%);background-size:120px 120px;background-position:0 0,0 0,60px 0px,0px 60px,0px 90px}.pattern-isometric-cubes{background-color:#1f2937;background-image:linear-gradient(30deg,#374151 12%,transparent 12.5%,transparent 87%,#374151 87.5%,#374151),linear-gradient(150deg,#374151 12%,transparent 12.5%,transparent 87%,#374151 87.5%,#374151),linear-gradient(30deg,#374151 12%,transparent 12.5%,transparent 87%,#374151 87.5%,#374151),linear-gradient(150deg,#374151 12%,transparent 12.5%,transparent 87%,#374151 87.5%,#374151),linear-gradient(60deg,#4b5563 25%,transparent 25.5%,transparent 75%,#4b5563 75%,#4b5563),linear-gradient(60deg,#4b5563 25%,transparent 25.5%,transparent 75%,#4b5563 75%,#4b5563);background-size:60px 105px;background-position:0 0,0 0,30px 52.5px,30px 52.5px,0 0,30px 52.5px}.pattern-diagonal-waves{background-color:#3d3393;background-image:linear-gradient(45deg,#5e42a6 25%,transparent 25%,transparent 50%,#5e42a6 50%,#5e42a6 75%,transparent 75%,transparent);background-size:80px 80px}.pattern-terrazzo{background-color:#f1f5f9;background-image:radial-gradient(#ef4444 10%,transparent 10%),radial-gradient(#3b82f6 10%,transparent 10%),radial-gradient(#facc15 12%,transparent 12%),radial-gradient(#22c55e 8%,transparent 8%);background-position:10px 10px,50px 60px,80px 20px,20px 80px;background-size:100px 100px}.pattern-snakeskin{background-color:#ca8a04;background-image:radial-gradient(at 0% 0%,#78350f 15%,transparent 15%),radial-gradient(at 50% 100%,#78350f 15%,transparent 15%);background-size:40px 40px}.pattern-woven-plaid{background-color:#4b5563;background-image:repeating-linear-gradient(0deg,transparent,transparent 7px,#6b7280 7px,#6b7280 8px),repeating-linear-gradient(90deg,transparent,transparent 7px,#6b7280 7px,#6b7280 8px),repeating-linear-gradient(90deg,#1f2937,#1f2937 1px,transparent 1px,transparent 16px),repeating-linear-gradient(0deg,#1f2937,#1f2937 1px,transparent 1px,transparent 16px);background-size:16px 16px,16px 16px,16px 16px,16px 16px}.pattern-confetti-splash{background-color:#111827;background-image:linear-gradient(135deg,#ec4899 50%,transparent 50%),linear-gradient(225deg,#ec4899 50%,transparent 50%),radial-gradient(circle at 5px 25px,#8b5cf6 20%,transparent 21%),radial-gradient(circle at 40px 40px,#34d399 15%,transparent 16%);background-size:50px 50px;background-position:0 0,0 0,0 0,0 0}.pattern-tiger-stripes{background-color:#f97316;background-image:repeating-linear-gradient(105deg,#1e293b 0,#1e293b 15px,transparent 15px,transparent 40px,#1e293b 40px,#1e293b 50px,transparent 50px,transparent 85px)}.pattern-giraffe-spots{background-color:#fcd34d;background-image:radial-gradient(circle at 20px 20px,#78350f 25%,transparent 26%),radial-gradient(circle at 70px 80px,#78350f 30%,transparent 31%),radial-gradient(circle at 50px 0px,#78350f 20%,transparent 21%),radial-gradient(circle at 90px 30px,#78350f 28%,transparent 29%);background-size:100px 100px}.pattern-cowhide{background-color:#f8fafc;background-image:radial-gradient(circle at 10% 20%,#1e293b 20%,transparent 21%),radial-gradient(ellipse at 80% 70%,#1e293b 30%,transparent 31%),radial-gradient(circle at 50% 40%,#1e293b 15%,transparent 16%);background-size:150px 100px}.pattern-peacock{background-color:#0d9488;background-image:radial-gradient(circle at 50% 50%,#facc15 5%,#1d4ed8 10%,#0d9488 25%,transparent 26%);background-size:80px 80px}.pattern-daisies{background-color:#84cc16;background-image:radial-gradient(circle at center,#fefce8 20%,transparent 20%),radial-gradient(circle at center,#fde047 8%,transparent 8%);background-size:50px 50px;background-position:0 0,0 0}.pattern-tropical-leaves{background-color:#047857;background-image:linear-gradient(135deg,#059669 25%,transparent 25%),linear-gradient(225deg,#059669 25%,transparent 25%),linear-gradient(45deg,#059669 25%,transparent 25%),linear-gradient(315deg,#059669 25%,transparent 25%);background-position:40px 0,40px 0,0 0,0 0;background-size:80px 80px;background-repeat:repeat}.pattern-autumn-leaves{background-color:#ea580c;background-image:radial-gradient(circle at 10px 30px,#dc2626 15%,transparent 16%),radial-gradient(circle at 50px 50px,#f59e0b 20%,transparent 21%),radial-gradient(circle at 80px 10px,#b45309 15%,transparent 16%);background-size:100px 70px}.pattern-rose-garden{background-color:#166534;background-image:radial-gradient(#db2777 15%,transparent 16%),radial-gradient(#e11d48 10%,transparent 11%);background-position:0 0,30px 30px;background-size:60px 60px}.pattern-woodland-camo{background-color:#44403c;background-image:radial-gradient(ellipse at 20% 80%,#166534 30%,transparent 31%),radial-gradient(ellipse at 90% 10%,#57534e 40%,transparent 41%),radial-gradient(ellipse at 50% 40%,#1c1917 25%,transparent 26%);background-size:150px 100px}.pattern-digital-camo{background-color:#a3a3a3;background-image:linear-gradient(45deg,#525252 25%,transparent 25%),linear-gradient(-45deg,#525252 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#525252 75%),linear-gradient(-45deg,transparent 75%,#525252 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.pattern-desert-camo{background-color:#f5f5f4;background-image:radial-gradient(ellipse at 10% 10%,#d2b48c 30%,transparent 31%),radial-gradient(ellipse at 80% 90%,#a1662f 40%,transparent 41%),radial-gradient(ellipse at 50% 50%,#8c5a2b 25%,transparent 26%);background-size:200px 150px}.pattern-naval-camo{background-color:#60a5fa;background-image:linear-gradient(45deg,#1e3a8a 25%,transparent 25%),linear-gradient(-45deg,#1e3a8a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e3a8a 75%),linear-gradient(-45deg,transparent 75%,#1e3a8a 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0px}.pattern-op-art{background-color:#000;background-image:radial-gradient(white 15%,transparent 16%),radial-gradient(white 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px}.pattern-gingham{background-color:#fecaca;background-image:repeating-linear-gradient(90deg,#ef444455,#ef444455 20px,transparent 20px,transparent 40px),repeating-linear-gradient(0deg,#ef444455,#ef444455 20px,transparent 20px,transparent 40px)}.pattern-marble{background-color:#e5e7eb;background-image:radial-gradient(at 20% 20%,#9ca3af 0%,transparent 50%),radial-gradient(at 80% 0%,#d1d5db 0%,transparent 40%),radial-gradient(at 80% 80%,#9ca3af 0%,transparent 50%),radial-gradient(at 0% 80%,#d1d5db 0%,transparent 40%);background-size:150px 150px}.pattern-cosmic-stars{background-color:#111827;background-image:radial-gradient(circle at 10% 20%,white 1px,transparent 2px),radial-gradient(circle at 80% 30%,white 2px,transparent 3px),radial-gradient(circle at 40% 70%,#fef08a 2px,transparent 3px),radial-gradient(circle at 90% 90%,white 1px,transparent 2px);background-size:100px 100px}.pattern-stained-glass{background-color:#18181b;background-image:linear-gradient(45deg,#dc2626 25%,transparent 25.5%,transparent 74.5%,#dc2626 75%),linear-gradient(45deg,#2563eb 25%,transparent 25.5%,transparent 74.5%,#2563eb 75%),linear-gradient(#18181b 2px,transparent 2px);background-size:60px 60px,60px 60px,60px 30px;background-position:0 0,30px 30px,0 0}.pattern-kintsugi{background-color:#1e293b;background-image:linear-gradient(100deg,transparent 48%,#fde047 48%,#fde047 52%,transparent 52%),linear-gradient(20deg,transparent 47%,#fde047 47%,#fde047 53%,transparent 53%);background-size:80px 120px}.pattern-cherry-blossom{background-color:#bfdbfe;background-image:radial-gradient(circle at 20px 20px,#fda4af 10%,transparent 11%),radial-gradient(circle at 70px 50px,#f9a8d4 12%,transparent 13%),radial-gradient(circle at 40px 80px,#fda4af 8%,transparent 9%);background-size:100px 100px}.pattern-fish-scales-gradient{background-color:#2563eb;background-image:radial-gradient(circle at 50% 0,#38bdf8 24%,transparent 25%),radial-gradient(circle at 6.7% 75%,#38bdf8 24%,transparent 25%),radial-gradient(circle at 93.3% 75%,#38bdf8 24%,transparent 25%);background-size:60px 60px}@media(max-width:768px){.flex.flex-1.overflow-y-auto{position:relative}#sidebar-container{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:auto!important;flex-direction:column-reverse!important;z-index:1000!important;background:transparent!important;pointer-events:none!important;border-right:none!important;display:flex!important}#sidebar-container nav{width:100%!important;border-right:none!important;border-top:1px solid #eaf1ee!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,20px)!important;display:flex!important;justify-content:center!important;box-shadow:0 -2px 10px #00000008!important}#sidebar-container nav ul{display:flex!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;align-items:center!important;padding:4px 0!important}#sidebar-container .icon-nav-item{padding:8px 0!important;width:100%!important;border-radius:0!important;background:transparent!important;color:#6b7280!important}#sidebar-container .icon-nav-item.active{color:#0d9488!important;border-bottom:2px solid #0d9488!important}#sidebar-container .icon-nav-item svg{width:24px;height:24px}#sidebar-container .icon-nav-item span{font-size:.65rem;margin-top:2px}aside#controls-panel.mobile-open{display:block!important;position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:60vh!important;max-height:60vh!important;border-right:none!important;border-top:1px solid #eaf1ee!important;box-shadow:0 -10px 40px #0003!important;pointer-events:auto!important;z-index:2000!important;background:#fff!important;border-radius:20px 20px 0 0!important;padding:20px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}#sidebar-container nav ul{display:flex!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;align-items:center!important;padding:8px 0!important}#sidebar-container nav li{width:auto!important;margin:0!important;flex-grow:1!important;display:flex!important;justify-content:center!important}#sidebar-container .icon-nav-item{padding:4px 0!important;width:100%!important;border-radius:0!important;background:transparent!important;color:#9ca3af!important;transition:color .2s ease}#sidebar-container .icon-nav-item.active{color:#0d9488!important;border-bottom:none!important}#sidebar-container .icon-nav-item svg{width:26px;height:26px}#sidebar-container .icon-nav-item span{font-size:.65rem;margin-top:2px;font-weight:500}aside#controls-panel{display:none!important}aside#controls-panel.mobile-open{display:block!important;position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:60vh!important;max-height:60vh!important;border-right:none!important;border-top:1px solid #eaf1ee!important;box-shadow:0 -10px 40px #0003!important;pointer-events:auto!important;z-index:2000!important;background:#fff!important;border-radius:20px 20px 0 0!important;padding:20px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}#collapse-btn{display:none!important}main.w-full.flex-1{padding:0 0 160px!important;height:auto;display:flex!important;flex-direction:column!important}.flex-1.bg-white.border{border:none!important;background:transparent!important}.design-area{height:calc(100vh - 220px)!important;min-height:400px;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}footer{position:fixed!important;bottom:80px!important;left:16px!important;right:16px!important;width:auto!important;z-index:900!important;background-color:#ffffffe6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;padding:8px 12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 20px #00000014,0 0 0 1px #00000008!important;height:auto!important}#mockup-status-indicator{display:none!important}#save-template-btn{order:1;padding:0!important;width:44px!important;height:44px!important;font-size:0!important;border-radius:50%!important;border:1px solid #e5e7eb!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:#4b5563!important;box-shadow:none!important}#save-template-btn:after{content:"";font-family:Material Icons;font-size:24px!important;display:block!important}.relative:has(#price-btn){order:2;margin-right:auto!important;margin-left:4px}#price-btn{padding:0 8px!important;height:44px!important;font-size:1rem!important;font-weight:700!important;background:transparent!important;color:#111816!important;border-radius:0!important;white-space:nowrap!important;box-shadow:none!important;border:none!important}#price-btn svg{display:none!important}#add-to-cart-btn{order:3;flex-grow:1!important;height:48px!important;padding:0 20px!important;min-width:0!important;border-radius:9999px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#0d9488!important;color:#fff!important;box-shadow:0 4px 12px #0d948840!important;font-size:1rem!important}#add-to-cart-btn:hover{background-color:#0f766e!important}#add-to-cart-btn span{overflow:hidden!important;text-overflow:ellipsis!important}#placement-tabs+.flex.items-center.gap-2{gap:10px!important}#undo-btn,#redo-btn{flex-shrink:0!important;width:40px!important;height:40px!important;box-sizing:border-box!important}#placement-tabs{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;padding:8px 16px!important;background:transparent!important;position:static!important;width:100%!important;gap:8px!important;border-bottom:none!important;scrollbar-width:none}#placement-tabs::-webkit-scrollbar{display:none}#placement-tabs button{flex:0 0 auto!important;background-color:#fff!important;padding:6px 16px!important;border:1px solid #f3f4f6!important;color:#4b5563!important;border-radius:9999px!important;font-size:.85rem!important;box-shadow:0 1px 2px #0000000d}#placement-tabs button.active,#placement-tabs button[class*=bg-teal]{background-color:#0d9488!important;color:#fff!important;border-color:#0d9488!important}#placement-tabs button[style]{background-color:#fff!important}#editor-design-toolbar{position:static!important;background:transparent!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 16px 8px!important;border-bottom:none!important;z-index:auto!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;touch-action:pan-x!important}#editor-design-toolbar::-webkit-scrollbar{display:none!important}#editor-design-toolbar>.flex.items-center.space-x-2{display:contents!important}#editor-design-toolbar>button,#editor-design-toolbar>.flex.items-center.space-x-2>button{margin-left:0!important;margin-right:0!important;margin-inline-start:0!important;margin-inline-end:0!important}#editor-design-toolbar #blend-design-btn{order:-1!important}#editor-design-toolbar #generate-mockup-btn{flex-shrink:0!important}.design-tool-btn{display:none!important}#fit-to-print-area-btn,#blend-design-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important;min-height:40px!important;border-radius:8px!important;padding:8px 12px!important;font-size:.8rem!important;font-weight:600!important;line-height:1!important;box-shadow:0 1px 2px #0000000d!important;white-space:nowrap!important;gap:6px!important;background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important}#fit-to-print-area-btn .material-icons,#blend-design-btn .material-icons{font-size:18px!important;font-weight:400!important;color:#4b5563!important}#blend-design-btn .blend-status-text{margin-left:0!important;white-space:nowrap!important}#blend-design-btn:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}#generate-mockup-btn{background-color:#22c55e!important;color:#fff!important;border:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 12px!important;min-height:40px!important;box-sizing:border-box!important;border-radius:8px!important;margin-left:0!important;font-size:.8rem!important;font-weight:600!important;line-height:1!important;box-shadow:0 1px 2px #0000000d}#generate-mockup-btn i{font-size:16px!important;margin-right:4px;color:#fff!important}#generate-mockup-btn svg{flex-shrink:0!important;width:18px!important;height:18px!important}@media(max-width:420px){#generate-mockup-btn .mockup-preview-label-full{display:none!important}#generate-mockup-btn .mockup-preview-label-short{display:inline!important}#fit-to-print-area-btn,#blend-design-btn,#generate-mockup-btn{padding:8px 10px!important}}#price-popup{position:absolute!important;bottom:100%!important;left:0!important;transform:none!important;right:auto!important;width:260px!important;max-width:none!important;margin-bottom:12px!important;z-index:2100!important}.popup-caret:after{display:block!important;left:20px!important;right:auto!important}.delete-handle{width:32px!important;height:32px!important;font-size:20px!important;top:-45px!important;right:-16px!important}#sidebar-container{bottom:var(--cookie-consent-bottom-inset, 0px)!important}footer{bottom:calc(80px + var(--cookie-consent-bottom-inset, 0px))!important}aside#controls-panel.mobile-open{bottom:var(--cookie-consent-bottom-inset, 0px)!important}main.w-full.flex-1{padding-bottom:calc(160px + var(--cookie-consent-bottom-inset, 0px))!important}}.mobile-sheet-bar,.mobile-sheet-grabber,.mobile-sheet-btn.mobile-sheet-inline-btn{display:none}.mobile-sheet-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;color:#475569;transition:background-color .15s,color .15s}.mobile-sheet-btn:hover,.mobile-sheet-btn:active{background:#f1f5f4;color:#111816}.mobile-sheet-btn .material-icons{font-size:22px;line-height:1;transition:transform .2s ease}@media(max-width:768px){body.sheet-docked #site-header,body.sheet-docked footer[data-seo-footer=skip]{display:none!important}body.sheet-docked .design-area{align-self:flex-start}body.sheet-docked .mobile-sheet-grabber{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:22px;margin-bottom:-6px;touch-action:none;cursor:grab}body.sheet-docked .mobile-sheet-grabber:before{content:"";width:40px;height:5px;border-radius:9999px;background:#d4dedb;transition:background-color .15s,width .15s}body.sheet-dragging .mobile-sheet-grabber:before{width:52px;background:#10b981}body.sheet-docked [data-sheet-drag]{touch-action:none}body.sheet-docked[data-sheet-state=full] [data-sheet-expand] .material-icons{transform:rotate(180deg)}body.sheet-docked[data-sheet-host=panel] aside#controls-panel.mobile-open{display:flex!important;flex-direction:column!important;height:var(--sheet-h, 50vh)!important;max-height:none!important;bottom:calc(var(--sheet-bottom, 0px) + var(--cookie-consent-bottom-inset, 0px))!important;padding:0 14px 10px!important;overflow:hidden!important;border-top:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -1px #1118160f,0 -16px 40px -12px #11181647!important;transition:height .34s cubic-bezier(.32,.72,0,1),bottom .2s ease-out}body.sheet-dragging[data-sheet-host=panel] aside#controls-panel.mobile-open{transition:none}body.sheet-docked[data-sheet-host=panel] #mobile-sheet-bar{display:block;flex-shrink:0;margin:0}body.sheet-docked[data-sheet-host=panel] #controls-panel.sheet-own-chrome #mobile-sheet-bar{display:none}body.sheet-docked[data-sheet-host=panel] .mobile-sheet-actions{position:absolute;top:21px;right:8px;z-index:2;display:flex;gap:2px;background:#fff;border-radius:9999px}body.sheet-docked[data-sheet-host=panel] #controls-panel>.sidebar-panel:not(.hidden):not(.assistant-panel){flex:1;min-height:0;margin:0;padding:0 2px 16px;border-top:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.sheet-docked[data-sheet-host=panel] #controls-panel>.sidebar-panel:not(.assistant-panel)>:first-child{position:sticky;top:0;z-index:1;padding-top:8px;padding-bottom:8px;padding-right:80px;background:#fff;touch-action:none}body.sheet-docked[data-sheet-state=peek] #controls-panel>.sidebar-panel>:not(:first-child):not([data-sheet-peek]){display:none!important}body.sheet-docked[data-sheet-host=gallery] aside#controls-panel{display:none!important}body.sheet-docked[data-sheet-host=gallery] #image-generator-modal{background:transparent!important;pointer-events:none}body.sheet-docked[data-sheet-host=gallery] #image-generator-sheet{pointer-events:auto;position:fixed;left:0;right:0;bottom:calc(var(--sheet-bottom, 0px) + var(--cookie-consent-bottom-inset, 0px));height:var(--sheet-h, 95dvh)!important;margin:0;border:0;border-radius:24px 24px 0 0;box-shadow:0 -1px #1118160f,0 -16px 40px -12px #11181647;transition:height .34s cubic-bezier(.32,.72,0,1),bottom .2s ease-out}body.sheet-dragging[data-sheet-host=gallery] #image-generator-sheet{transition:none}body.sheet-docked[data-sheet-host=gallery] #image-generator-sheet>[data-sheet-drag]{margin-top:4px;padding-right:8px;gap:2px}body.sheet-docked[data-sheet-host=gallery] #close-generator-modal-btn{flex-shrink:0;justify-content:center;width:34px;height:34px;margin-left:0;padding:0;border-radius:9999px;color:#475569}body.sheet-docked[data-sheet-host=gallery] #close-generator-modal-btn svg{width:22px;height:22px}body.sheet-docked[data-sheet-host=gallery] #image-generator-sheet>[data-sheet-drag]>p{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.sheet-docked[data-sheet-host=gallery] .mobile-sheet-btn.mobile-sheet-inline-btn{display:inline-flex;flex-shrink:0;margin-left:auto}body.sheet-docked[data-sheet-state=peek] #image-generator-sheet>:not([data-sheet-peek]){display:none!important}}