.print-area{display:flex;align-items:center;justify-content:center}.print-area,canvas{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}canvas{top:0;left:0;width:100%;height:100%;touch-action:manipulation;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none}.pulsing-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.background-image{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.category-preview{position:relative;width:100%;padding:1rem;background-color:white;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s ease;cursor:pointer;overflow:hidden}.category-preview:hover{border-color:#818cf8;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.category-preview:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.category-preview__content{display:flex;flex-direction:column;gap:1rem}.category-preview__preview-area{display:flex;align-items:center;justify-content:center;height:6rem;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border-radius:.5rem}.category-preview__font-sample{font-size:2.5rem;color:#4b5563;transition:transform .2s ease}.category-preview:hover .category-preview__font-sample{transform:scale(1.1)}.category-preview__loader{width:1.5rem;height:1.5rem;color:#9ca3af;animation:spin 1s linear infinite}.category-preview__info{text-align:center}.category-preview__title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.category-preview__title h3{font-size:.875rem;font-weight:500;color:#111827}.category-preview__icon{width:.875rem;height:.875rem;color:#6366f1}.category-preview__count{font-size:.75rem;color:#6b7280}.category-preview--loading{pointer-events:none}.category-preview__skeleton{display:flex;flex-direction:column;gap:1rem}.category-preview__skeleton-preview{height:6rem;background-color:#f3f4f6;border-radius:.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.category-preview__skeleton-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.category-preview__skeleton-title{width:6rem;height:1rem}.category-preview__skeleton-subtitle,.category-preview__skeleton-title{background-color:#f3f4f6;border-radius:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.category-preview__skeleton-subtitle{width:4rem;height:.75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.category-preview{padding:.75rem}.category-preview__preview-area{height:5rem}.category-preview__font-sample{font-size:2rem}}.mobile-design-container{height:100dvh;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#ffffff;display:flex;flex-direction:column}.main-image-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image{width:100%;height:100%;object-fit:contain}.canvas-container{touch-action:none;z-index:10}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40;touch-action:none;transform:translateY(0);transition:opacity .3s cubic-bezier(.25,.46,.45,.94);will-change:opacity;opacity:1}.drawer-overlay.opening{opacity:0;backdrop-filter:blur(0)}.drawer-overlay.closing{opacity:0}.drawer-overlay.hidden,.drawer-overlay.keyboard-visible{display:none}.options-drawer{position:fixed;bottom:0;left:0;right:0;background:white;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;max-height:85vh;z-index:50;overflow-y:hidden;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);touch-action:none;will-change:transform;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.options-drawer.keyboard-visible{max-height:50vh}.options-drawer.visible{transform:translateY(0);box-shadow:0 -8px 25px -5px rgba(0,0,0,.15)}.options-drawer.closing{transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.options-drawer.touch-dragging{transition:none;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1)}.options-drawer.touch-dragging:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent);pointer-events:none}.drawer-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer-content.keyboard-visible{padding-bottom:16px}.color-button{width:44px;height:44px;border-radius:50%;border:2px solid transparent;box-shadow:0 1px 3px rgba(0,0,0,.1)}.color-button.selected{border-color:#228be6;box-shadow:0 0 0 2px rgba(34,139,230,.3)}.mobile-placement-menu{background-color:white;border-radius:1rem;padding:1.5rem;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.mobile-placement-options{display:flex;flex-direction:column;gap:.5rem}.mobile-placement-option{width:100%;padding:1rem;border:1px solid #e9ecef;border-radius:.5rem;background:white;text-align:left;font-size:1rem;color:#374151;cursor:pointer;transition:all .2s ease;min-height:44px;display:flex;align-items:center}.mobile-placement-option.selected{background:#228be6;color:white;border-color:#228be6}.mobile-placement-option:active{transform:scale(.98)}.mobile-loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:2000}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#dc2626;background-color:#fef2f2;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;border:1px solid #fecaca}.mobile-save-share-container{position:absolute!important;top:16px!important;right:16px!important;z-index:8!important}.mobile-image-actions{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);display:flex;gap:16px;z-index:40;backdrop-filter:blur(8px);padding:8px;border-radius:20px;background:rgba(255,255,255,.1)}@media screen and (max-height:700px){.mobile-image-actions{bottom:140px}}.mobile-add-text-fab{height:52px;padding:0 24px;min-width:fit-content;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-radius:26px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 24px rgba(59,130,246,.3),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;user-select:none;overflow:visible;z-index:40;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:mobileFabSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.mobile-add-text-fab:hover{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#1d4ed8);box-shadow:0 16px 40px rgba(59,130,246,.6),0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-add-text-fab:active{transform:scale(1.02) translateY(-1px);transition:transform .1s ease}.mobile-add-text-fab svg{flex-shrink:0;z-index:1;transition:all .2s ease}.mobile-add-text-fab span{transition:all .2s ease}.mobile-add-text-fab:hover svg{animation:mobileIconPulse .6s ease-in-out;filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}.mobile-add-text-fab:hover span{transform:translateX(1px);text-shadow:0 0 6px rgba(255,255,255,.5)}.mobile-add-text-fab:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border-radius:28px;z-index:-1;opacity:0;transition:opacity .3s ease}.mobile-add-text-fab:hover:before{opacity:.3;animation:mobileRingPulse 2s ease-in-out infinite}.mobile-remove-bg-fab{height:52px;padding:0 20px;min-width:fit-content;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border-radius:26px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 24px rgba(239,68,68,.3),0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;user-select:none;overflow:visible;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:mobileFabSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.mobile-remove-bg-fab:hover{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#dc2626,#ef4444 50%,#b91c1c);box-shadow:0 16px 40px rgba(239,68,68,.6),0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-remove-bg-fab:active{transform:scale(1.02) translateY(-1px);transition:transform .1s ease}.mobile-remove-bg-fab svg{flex-shrink:0;z-index:1;transition:all .3s ease}.mobile-remove-bg-fab span{transition:all .3s ease}.mobile-remove-bg-fab:hover svg{animation:mobileIconPulse .8s ease-in-out;filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}.mobile-remove-bg-fab:hover span{transform:translateX(1px);text-shadow:0 0 6px rgba(255,255,255,.5)}.mobile-remove-bg-fab:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:27px;background:linear-gradient(45deg,#ef4444,#f97316,#eab308,#dc2626);z-index:-1;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:scale(.95)}.mobile-remove-bg-fab:hover:before{opacity:.7;transform:scale(1)}@keyframes mobileFabSlideIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobileIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes mobileRingPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}@media screen and (max-width:360px){.mobile-add-text-fab{height:48px;padding:0 20px;font-size:14px;gap:8px}.mobile-add-text-fab span{display:none}.mobile-remove-bg-fab{height:48px;padding:0 20px;font-size:14px;gap:8px}.mobile-remove-bg-fab span{display:none}}@supports (padding:max(0px)){.options-drawer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}.desktop-design-container{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.desktop-main-content{display:flex;height:calc(100vh - 220px);background:white}.desktop-loading-overlay{inset:0;background:rgba(255,255,255,.95);z-index:2000;backdrop-filter:blur(4px)}.desktop-loading-overlay,.loading-overlay-desktop-design{position:fixed;display:flex;align-items:center;justify-content:center}.loading-overlay-desktop-design{top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9);z-index:1000}@media (max-width:768px){.loading-container{flex-direction:column;gap:20px}}.canvas-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.desktop-image-actions{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:16px;z-index:1000}.desktop-add-text-fab{height:56px;padding:0 24px;min-width:fit-content;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-radius:28px;border:2px solid rgba(255,255,255,.1);box-shadow:0 16px 48px rgba(59,130,246,.4),0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:-.025em;white-space:nowrap;cursor:pointer;user-select:none;overflow:visible;z-index:1000;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:fabSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.desktop-add-text-fab:hover{transform:scale(1.05) translateY(-4px);background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#1d4ed8);box-shadow:0 20px 60px rgba(59,130,246,.6),0 12px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-add-text-fab:active{transform:scale(1.02) translateY(-2px);transition:transform .1s ease}.desktop-add-text-fab svg{flex-shrink:0;z-index:1;transition:all .3s ease}.desktop-add-text-fab span{transition:all .3s ease}.desktop-add-text-fab:hover svg{animation:iconPulse .8s ease-in-out;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.desktop-add-text-fab:hover span{transform:translateX(2px);text-shadow:0 0 8px rgba(255,255,255,.5)}.desktop-add-text-fab:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:32px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);z-index:-1;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:scale(.95)}.desktop-add-text-fab:hover:before{opacity:.7;transform:scale(1)}.desktop-remove-bg-fab{height:56px;padding:0 24px;min-width:fit-content;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border-radius:28px;border:2px solid rgba(255,255,255,.1);box-shadow:0 16px 48px rgba(239,68,68,.4),0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:-.025em;white-space:nowrap;cursor:pointer;user-select:none;overflow:visible;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:fabSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.desktop-remove-bg-fab:hover{transform:scale(1.05) translateY(-4px);background:linear-gradient(135deg,#dc2626,#ef4444 50%,#b91c1c);box-shadow:0 20px 60px rgba(239,68,68,.6),0 12px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-remove-bg-fab:active{transform:scale(1.02) translateY(-2px);transition:transform .1s ease}.desktop-remove-bg-fab svg{flex-shrink:0;z-index:1;transition:all .3s ease}.desktop-remove-bg-fab span{transition:all .3s ease}.desktop-remove-bg-fab:hover svg{animation:iconPulse .8s ease-in-out;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.desktop-remove-bg-fab:hover span{transform:translateX(2px);text-shadow:0 0 8px rgba(255,255,255,.5)}.desktop-remove-bg-fab:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:32px;background:linear-gradient(45deg,#ef4444,#f97316,#eab308,#dc2626);z-index:-1;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:scale(.95)}.desktop-remove-bg-fab:hover:before{opacity:.7;transform:scale(1)}@keyframes fabSlideIn{0%{opacity:0;transform:scale(.3) translateY(60px) rotate(5deg);filter:blur(8px)}60%{transform:scale(1.08) translateY(-8px) rotate(-2deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg);filter:blur(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}25%{transform:scale(1.2) rotate(-3deg)}75%{transform:scale(1.1) rotate(3deg)}}