*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:var(--leading-normal, 1.5);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:var(--leading-tight, 1.25)}h1,h2,h3,h4{text-wrap:balance}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid var(--color-yellow, #ffd700);outline-offset:2px}html{scroll-behavior:smooth}#root{isolation:isolate}:root{--color-navy: #1a1a2e;--color-purple: #4a2c6a;--color-yellow: #ffd700;--color-red: #ff3333;--color-cream: #fffef0;--color-ink: #1a1a2e;--color-cyan: #00d4ff;--color-pink: #ff69b4;--color-orange: #ff6b35;--color-green: #00ff88;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-display: "Bangers", cursive;--font-body: "Comic Neue", cursive;--font-mono: "JetBrains Mono", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--text-hero: clamp(3rem, 10vw, 6rem);--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-comic: .08em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--border-thin: 2px solid var(--color-ink);--border-medium: 3px solid var(--color-ink);--border-thick: 4px solid var(--color-ink);--border-heavy: 6px solid var(--color-ink);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--radius-bubble: 2rem;--shadow-sm: 3px 3px 0 var(--color-ink);--shadow-md: 5px 5px 0 var(--color-ink);--shadow-lg: 8px 8px 0 var(--color-ink);--shadow-xl: 12px 12px 0 var(--color-ink);--shadow-yellow: 5px 5px 0 var(--color-yellow);--shadow-purple: 5px 5px 0 var(--color-purple);--shadow-sticker: 0 0 0 4px white, 0 0 0 7px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .15);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: ease;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--halftone-dot-size: 4px;--halftone-dot-color: var(--color-ink);--halftone-opacity: .1;--touch-target-min: 44px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}[data-theme=dark]{--color-cream: #1a1a2e;--color-ink: #fffef0;--color-navy: #fffef0}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;color:var(--color-ink);background-color:var(--color-cream)}h1,h2,h3,h4,h5,h6,.heading{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:var(--tracking-comic);line-height:var(--leading-none);color:var(--color-ink)}h1,.h1{font-size:var(--text-hero)}h2,.h2{font-size:var(--text-4xl)}h3,.h3{font-size:var(--text-3xl)}h4,.h4{font-size:var(--text-2xl)}h5,.h5{font-size:var(--text-xl)}h6,.h6{font-size:var(--text-lg)}p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}strong,.font-bold{font-weight:700}a{color:var(--color-purple);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-red)}.comic-headline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-comic);text-shadow:3px 3px 0 var(--color-yellow),-1px -1px 0 var(--color-ink),1px -1px 0 var(--color-ink),-1px 1px 0 var(--color-ink),1px 1px 0 var(--color-ink)}.nerd-text{font-family:var(--font-body);font-style:italic;font-weight:700;color:var(--color-purple)}code,pre,.font-mono{font-family:var(--font-mono);font-size:.9em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-comic{letter-spacing:var(--tracking-comic)}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-navy);color:var(--color-cream);padding:var(--space-3) var(--space-6);font-family:var(--font-display);text-transform:uppercase;text-decoration:none;border:3px solid var(--color-yellow);border-radius:var(--radius-md);z-index:var(--z-overlay);transition:top var(--duration-fast)}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:3px solid var(--color-yellow);outline-offset:3px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-yellow);outline-offset:2px;box-shadow:0 0 0 6px #ffd7004d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn,.card,.upload-zone{transition:none!important}}@media(prefers-contrast:high){:root{--color-ink: #000000;--color-cream: #ffffff}.btn,.card,.speech-bubble{border-width:3px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio],.nav-link,.size-option,.finish-option,.qty-btn{min-height:44px;min-width:44px}}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-red);box-shadow:0 0 0 3px #f333}label[data-required]:after{content:" *";color:var(--color-red)}[disabled],[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait}body{word-spacing:normal;letter-spacing:normal;line-height:inherit}::selection{background-color:var(--color-yellow);color:var(--color-ink)}::-moz-selection{background-color:var(--color-yellow);color:var(--color-ink)}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pow-burst{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes jello{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.animate-bounce-in{animation:bounce-in .6s var(--ease-bounce)}.animate-pow-burst{animation:pow-burst .5s var(--ease-bounce) forwards}.animate-shake{animation:shake .5s var(--ease-elastic)}.animate-wiggle{animation:wiggle .3s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .5s var(--ease-out-back)}.animate-slide-down{animation:slide-down .5s var(--ease-out-back)}.animate-fade-in{animation:fade-in .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pop{animation:pop .3s var(--ease-bounce)}.animate-jello{animation:jello .9s ease-in-out}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.animation-duration-fast{animation-duration:.15s}.animation-duration-normal{animation-duration:.3s}.animation-duration-slow{animation-delay:.5s}.transition-all{transition-property:all;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-default)}.transition-transform{transition-property:transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-bounce)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-default)}.transition-opacity{transition-property:opacity;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-default)}.transition-shadow{transition-property:box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-default)}.hover-lift{transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-default)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--duration-fast) var(--ease-bounce)}.hover-scale:hover{transform:scale(1.03)}.hover-tilt{transition:transform var(--duration-fast) var(--ease-bounce)}.hover-tilt:hover{transform:rotate(-2deg)}@media(min-width:480px){.sm\:hidden{display:none!important}}@media(min-width:768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}}@media(min-width:1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:grid{display:grid!important}}@media(min-width:768px){.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}}@media(min-width:1024px){.lg\:flex-row{flex-direction:row!important}.lg\:flex-col{flex-direction:column!important}}@media(min-width:768px){.md\:text-left{text-align:left!important}.md\:text-center{text-align:center!important}.md\:text-right{text-align:right!important}}@media(min-width:1024px){.lg\:text-left{text-align:left!important}.lg\:text-center{text-align:center!important}.lg\:text-right{text-align:right!important}}@media(min-width:768px){.md\:p-0{padding:0!important}.md\:p-4{padding:var(--space-4)!important}.md\:p-6{padding:var(--space-6)!important}.md\:p-8{padding:var(--space-8)!important}.md\:m-0{margin:0!important}.md\:mx-auto{margin-left:auto!important;margin-right:auto!important}}@media(min-width:768px){.md\:gap-4{gap:var(--space-4)!important}.md\:gap-6{gap:var(--space-6)!important}.md\:gap-8{gap:var(--space-8)!important}}@media(min-width:1024px){.lg\:gap-8{gap:var(--space-8)!important}.lg\:gap-12{gap:var(--space-12)!important}}@media(min-width:768px){.md\:w-auto{width:auto!important}.md\:w-full{width:100%!important}.md\:w-1\/2{width:50%!important}.md\:w-1\/3{width:33.333%!important}}@media(min-width:1024px){.lg\:w-auto{width:auto!important}.lg\:w-full{width:100%!important}.lg\:w-1\/2{width:50%!important}.lg\:w-1\/3{width:33.333%!important}.lg\:w-2\/3{width:66.666%!important}}@media(min-width:480px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)!important}}.dark-mode{--color-cream: #1a1a2e;--color-ink: #fffef0;--shadow-sm: 2px 2px 0 rgba(255, 254, 240, .2);--shadow-md: 5px 5px 0 rgba(255, 254, 240, .15);--shadow-lg: 8px 8px 0 rgba(255, 254, 240, .1)}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;scroll-behavior:smooth}button,a,.interactive{-webkit-user-select:none;user-select:none}.scroll-container{-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){html,body{min-height:-webkit-fill-available}}body{overscroll-behavior-y:contain}.halftone-bg{position:relative}.halftone-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--halftone-dot-color, var(--color-ink)) 1px,transparent 1px);background-size:var(--halftone-dot-size, 8px) var(--halftone-dot-size, 8px);opacity:var(--halftone-opacity, .1);pointer-events:none;z-index:1}.halftone-dense:after{--halftone-dot-size: 4px;--halftone-opacity: .15}.halftone-gradient:after{background:radial-gradient(closest-side,var(--color-ink) .5px,transparent .5px) 0 / 6px 6px space,linear-gradient(90deg,transparent 30%,rgba(0,0,0,.1) 100%);mix-blend-mode:multiply}.comic-panel{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6);position:relative}.comic-panel-hover{transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-default)}.comic-panel-hover:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-lg)}.comic-panel-action{transform:rotate(-2deg);border-width:5px}.comic-panel-double{border:var(--border-medium);outline:var(--border-thin);outline-offset:4px}.speech-bubble{position:relative;background:var(--color-cream);border:3px solid var(--color-ink);border-radius:var(--radius-bubble);padding:var(--space-4) var(--space-6);display:inline-block}.speech-bubble-bl:before,.speech-bubble-bl:after{content:"";position:absolute;border-style:solid}.speech-bubble-bl:before{bottom:-23px;left:27px;border-width:23px 18px 0;border-color:var(--color-ink) transparent}.speech-bubble-bl:after{bottom:-17px;left:30px;border-width:20px 15px 0;border-color:var(--color-cream) transparent}.speech-bubble-br:before,.speech-bubble-br:after{content:"";position:absolute;border-style:solid}.speech-bubble-br:before{bottom:-23px;right:27px;border-width:23px 18px 0;border-color:var(--color-ink) transparent}.speech-bubble-br:after{bottom:-17px;right:30px;border-width:20px 15px 0;border-color:var(--color-cream) transparent}.shout-bubble{background:var(--color-yellow);border:var(--border-thick);padding:var(--space-4) var(--space-6);clip-path:polygon(0% 20%,5% 0%,15% 15%,25% 0%,35% 12%,50% 0%,65% 12%,75% 0%,85% 15%,95% 0%,100% 20%,95% 35%,100% 50%,95% 65%,100% 80%,95% 100%,85% 85%,75% 100%,65% 88%,50% 100%,35% 88%,25% 100%,15% 85%,5% 100%,0% 80%,5% 65%,0% 50%,5% 35%)}.sticker-frame{display:inline-block;padding:8px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sticker);position:relative}.sticker-frame:after{content:"";position:absolute;top:5%;left:10%;width:30%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.6),transparent);border-radius:50%;pointer-events:none}.sticker-frame img{display:block;border-radius:var(--radius-lg)}.stripes-diagonal{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.stripes-warning{background:repeating-linear-gradient(45deg,var(--color-yellow),var(--color-yellow) 15px,var(--color-ink) 15px,var(--color-ink) 30px)}.pattern-crosshatch{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.03) 5px,rgba(0,0,0,.03) 6px),repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.03) 5px,rgba(0,0,0,.03) 6px)}.action-burst{background:repeating-conic-gradient(from 0deg,var(--color-yellow) 0deg 10deg,var(--color-cream) 10deg 20deg)}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:640px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.section{padding-block:var(--space-16)}@media(min-width:768px){.section{padding-block:var(--space-24)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:var(--tracking-comic);border:var(--border-thick);cursor:pointer;position:relative;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--color-yellow);color:var(--color-ink);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-3px) rotate(-1deg);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0) rotate(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-red);color:var(--color-cream);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){transform:translateY(-3px) rotate(1deg);box-shadow:var(--shadow-lg)}.btn-secondary:active:not(:disabled){transform:translateY(0) rotate(0);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--color-ink);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--color-cream);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-cream);border-color:var(--color-ink)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-loading{pointer-events:none}.btn-spinner{display:inline-flex;animation:spin 1s linear infinite}.spinner-icon{width:1em;height:1em}.spinner-icon circle{stroke:currentColor;stroke-dasharray:60;stroke-dashoffset:45;stroke-linecap:round}.btn-text-loading{opacity:.7}.btn:focus-visible{outline:3px solid var(--color-purple);outline-offset:3px}.btn-primary:before{content:"";position:absolute;inset:-5px;border:2px dashed var(--color-ink);border-radius:inherit;opacity:0;transition:opacity var(--duration-fast)}.btn-primary:active:before{opacity:1}@media(hover:none)and (pointer:coarse){.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){transform:none;box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.96);transition-duration:50ms}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-sm)}.btn-outline:active:not(:disabled){background:var(--color-cream);box-shadow:none}}.mobile-menu{position:fixed;inset:0;z-index:var(--z-modal);display:flex;justify-content:flex-end}.mobile-menu-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) ease-out}.mobile-menu-panel{position:relative;width:85%;max-width:320px;height:100%;background:var(--color-navy);border-left:var(--border-thick);display:flex;flex-direction:column;padding:var(--space-6);padding-top:calc(var(--space-6) + var(--safe-area-inset-top));padding-bottom:calc(var(--space-6) + var(--safe-area-inset-bottom));animation:slideInRight var(--duration-normal) var(--ease-out-back);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-close{position:absolute;top:calc(var(--space-4) + var(--safe-area-inset-top));right:var(--space-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--color-cream);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.mobile-menu-close:hover{background:#ffffff1a}.mobile-menu-close:active{transform:scale(.95)}.close-icon{font-size:28px;color:var(--color-cream);line-height:1}.mobile-menu-logo{display:flex;align-items:baseline;margin-bottom:var(--space-8);margin-top:var(--space-4)}.mobile-menu-logo .logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-cream);text-transform:uppercase;letter-spacing:var(--tracking-comic)}.mobile-menu-logo .logo-pow{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-yellow);text-shadow:2px 2px 0 var(--color-red)}.mobile-menu-links{list-style:none;padding:0;margin:0;flex:1}.mobile-menu-links li{margin-bottom:var(--space-2)}.mobile-nav-link{display:block;font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-cream);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-4);border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast);min-height:48px;display:flex;align-items:center}.mobile-nav-link:hover,.mobile-nav-link:active{background:#ffffff1a;color:var(--color-yellow)}.mobile-menu-cta{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mobile-menu-social{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.2)}.mobile-menu-social a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-md);color:var(--color-cream);font-family:var(--font-display);font-size:var(--text-sm);text-decoration:none;transition:background var(--duration-fast),transform var(--duration-fast)}.mobile-menu-social a:hover{background:#fff3}.mobile-menu-social a:active{transform:scale(.95)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-panel{animation:none}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-navy);border-bottom:var(--border-thick);padding:var(--space-3) 0;padding-top:calc(var(--space-3) + var(--safe-area-inset-top))}.header-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header-logo{display:flex;align-items:baseline;gap:0;background:none;border:none;cursor:pointer;padding:var(--space-1);transition:transform var(--duration-fast) var(--ease-bounce)}.header-logo:hover{transform:rotate(-3deg) scale(1.05)}.logo-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-cream);text-transform:uppercase;letter-spacing:var(--tracking-comic)}.logo-pow{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-yellow);text-shadow:2px 2px 0 var(--color-red);animation:wiggle 2s ease-in-out infinite}.header-nav{display:none;align-items:center;gap:var(--space-6)}@media(min-width:768px){.header-nav{display:flex}}.nav-link{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-cream);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2);position:relative;transition:color var(--duration-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-yellow);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-fast) var(--ease-bounce)}.nav-link:hover{color:var(--color-yellow)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.header-cta{display:none}@media(min-width:768px){.header-cta{display:block}}.header-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:2px solid var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-2);transition:background var(--duration-fast)}.header-menu-btn:hover{background:#ffffff1a}.menu-icon{display:flex;flex-direction:column;gap:4px;width:20px}.menu-icon span{display:block;height:3px;background:var(--color-cream);border-radius:2px;transition:transform var(--duration-fast)}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.card{background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-md);position:relative}.card-default{box-shadow:var(--shadow-md)}.card-hover{box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-default)}.card-hover:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-lg)}.card-action{transform:rotate(-2deg);border-width:5px;box-shadow:var(--shadow-lg)}.card-action:hover{transform:rotate(-1deg) scale(1.02)}.card-double{border:var(--border-medium);outline:var(--border-thin);outline-offset:4px;box-shadow:var(--shadow-md)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-header{padding-bottom:var(--space-4);border-bottom:var(--border-thin);margin-bottom:var(--space-4)}.card-header:last-child{margin-bottom:0;border-bottom:none}.card-body{flex:1}.card-footer{padding-top:var(--space-4);border-top:var(--border-thin);margin-top:var(--space-4)}.card-footer:first-child{margin-top:0;border-top:none}.card.halftone-bg:after{border-radius:inherit}.card-featured:before{content:"NEW!";position:absolute;top:-12px;right:-12px;background:var(--color-red);color:var(--color-cream);font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius-sm);transform:rotate(12deg);z-index:10}.card-popular:before{content:"POPULAR!";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-yellow);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border:3px solid var(--color-ink);border-radius:var(--radius-md);z-index:10;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-default)}.modal-content{background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:auto;animation:slideUp var(--duration-normal) var(--ease-bounce)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:479px){.modal-overlay{padding:var(--space-3)}.modal-content{width:100%}}.info-modal{width:100%;max-width:600px;padding:0}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-medium);background:var(--color-yellow)}.info-modal-title{font-family:var(--font-comic);font-size:var(--text-xl);font-weight:900;color:var(--color-ink);text-transform:uppercase;margin:0}.info-modal-close{background:var(--color-ink);color:var(--color-cream);border:none;width:36px;height:36px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast),background var(--duration-fast);line-height:1}.info-modal-close:hover{background:var(--color-red);transform:scale(1.1) rotate(90deg)}.info-modal-body{padding:var(--space-5);color:var(--color-ink);line-height:1.6}.info-modal-body h3{font-family:var(--font-comic);font-size:var(--text-lg);font-weight:800;margin:0 0 var(--space-3);color:var(--color-ink)}.info-modal-body p{margin:0 0 var(--space-4)}.info-modal-body ul{margin:0 0 var(--space-4);padding-left:var(--space-5)}.info-modal-body li{margin-bottom:var(--space-2)}.info-modal-body strong{font-weight:700}.info-modal-body a{color:var(--color-blue);text-decoration:underline}.info-modal-body a:hover{color:var(--color-red)}.info-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px dashed var(--color-ink-light)}.info-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-highlight{background:var(--color-yellow-light);border:var(--border-medium);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}@media(max-width:479px){.info-modal-header{padding:var(--space-3) var(--space-4)}.info-modal-title{font-size:var(--text-lg)}.info-modal-body{padding:var(--space-4)}}.footer{background:var(--color-navy);color:var(--color-cream);border-top:var(--border-thick);padding:var(--space-12) 0 var(--space-6);padding-bottom:calc(var(--space-6) + var(--safe-area-inset-bottom));position:relative;overflow:hidden}.footer-container{position:relative;z-index:1}.footer-grid{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:baseline;margin-bottom:var(--space-4)}.footer-logo .logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-cream);text-transform:uppercase;letter-spacing:var(--tracking-comic)}.footer-logo .logo-pow{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-yellow);text-shadow:2px 2px 0 var(--color-red)}.footer-tagline{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.9;margin:0}.footer-heading{font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:var(--tracking-comic);color:var(--color-yellow);margin-bottom:var(--space-4)}.footer-links nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-cream);text-decoration:none;opacity:.8;transition:opacity var(--duration-fast),color var(--duration-fast)}.footer-links a:hover{opacity:1;color:var(--color-yellow)}.social-links{display:flex;gap:var(--space-3)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-cream);color:var(--color-navy);border:3px solid var(--color-ink);border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-display);font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-bounce),background var(--duration-fast)}.social-links a:hover{transform:translateY(-3px) rotate(-5deg);background:var(--color-yellow)}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-6);border-top:2px solid rgba(255,255,255,.1);text-align:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.footer-copyright{font-family:var(--font-body);font-size:var(--text-xs);opacity:.6;margin:0}.footer-legal{display:flex;gap:var(--space-4)}.footer-legal a{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-cream);text-decoration:none;opacity:.6;transition:opacity var(--duration-fast)}.footer-legal a:hover{opacity:1}.footer-decoration{position:absolute;bottom:0;right:0;width:200px;height:200px;opacity:.05;pointer-events:none}.comic-dots{display:block;width:100%;height:100%;background-image:radial-gradient(circle,var(--color-cream) 2px,transparent 2px);background-size:12px 12px}.hero{position:relative;padding:var(--space-12) 0 var(--space-16);overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero-container{display:grid;gap:var(--space-12);align-items:center;position:relative;z-index:1}@media(min-width:1024px){.hero-container{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.hero-content{text-align:center}@media(min-width:1024px){.hero-content{text-align:left}}.hero-badge{display:inline-block;margin-bottom:var(--space-6);background:var(--color-yellow);padding:var(--space-2) var(--space-4)}.badge-text{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-comic);color:var(--color-ink)}.hero-headline{font-size:clamp(var(--text-4xl),8vw,var(--text-hero));margin-bottom:var(--space-6);line-height:1}.hero-highlight{display:block;color:var(--color-yellow);text-shadow:4px 4px 0 var(--color-red),-2px -2px 0 var(--color-ink),2px -2px 0 var(--color-ink),-2px 2px 0 var(--color-ink),2px 2px 0 var(--color-ink)}.hero-subheadline{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:500px;margin:0 auto var(--space-8);color:var(--color-ink);opacity:.9}@media(min-width:1024px){.hero-subheadline{margin-left:0}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:480px){.hero-actions{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-proof{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}@media(min-width:1024px){.hero-proof{justify-content:flex-start}}.proof-avatars{display:flex}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-purple);color:var(--color-cream);font-family:var(--font-display);font-size:var(--text-xs);border:3px solid var(--color-cream);margin-left:-8px}.avatar:first-child{margin-left:0}.avatar:last-child{background:var(--color-navy)}.proof-text{font-family:var(--font-body);font-size:var(--text-sm);margin:0}.proof-text strong{color:var(--color-purple)}.hero-visual{display:none;justify-content:center;align-items:center;position:relative;min-height:400px}@media(min-width:768px){.hero-visual{display:flex}}.hero-sticker-showcase{position:relative;width:100%;max-width:400px;aspect-ratio:1}.showcase-sticker{position:absolute;z-index:2}.sticker-1{top:10%;left:5%;transform:rotate(-15deg)}.sticker-2{top:20%;right:10%;transform:rotate(10deg)}.sticker-3{bottom:15%;left:20%;transform:rotate(-5deg)}.sticker-frame{width:140px;height:140px;display:flex;align-items:center;justify-content:center;background:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:3px solid var(--color-ink);overflow:hidden;padding:var(--space-2)}.sticker-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.sticker-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-red));border-radius:var(--radius-lg)}.sticker-placeholder span{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-cream);text-transform:uppercase}.showcase-burst{position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg,var(--color-yellow) 0deg 15deg,var(--color-cream) 15deg 30deg);opacity:.3;z-index:1;animation:spin 60s linear infinite}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg:after{--halftone-opacity: .05}@media(max-width:479px){.hero{min-height:auto;padding:var(--space-8) 0 var(--space-12)}.hero-headline{font-size:clamp(2.5rem,12vw,var(--text-4xl))}.hero-subheadline{font-size:var(--text-base)}.hero-badge{margin-bottom:var(--space-4)}}@media(min-width:600px)and (max-width:1023px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{display:flex;order:-1;margin-bottom:var(--space-6);min-height:280px}.hero-sticker-showcase{max-width:300px;margin:0 auto}.sticker-frame{width:100px;height:100px}.hero-actions,.hero-proof{justify-content:center}}.how-it-works{background:var(--color-cream);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(0,0,0,.02) 20px,rgba(0,0,0,.02) 40px);pointer-events:none}.hiw-header{text-align:center;margin-bottom:var(--space-12);position:relative;z-index:1}.hiw-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.hiw-title .highlight{color:var(--color-red)}.hiw-subtitle{font-family:var(--font-body);font-size:var(--text-lg);max-width:400px;margin:0 auto;opacity:.9}.hiw-steps{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-10);position:relative;z-index:1}@media(min-width:768px){.hiw-steps{flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--space-4)}}.hiw-step{display:flex;flex-direction:column;align-items:center;flex:1;max-width:300px;margin:0 auto;position:relative}@media(min-width:768px){.hiw-step{margin:0}}.step-card{text-align:center;width:100%;position:relative}.step-number-wrapper{position:absolute;top:-16px;left:50%;transform:translate(-50%)}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-yellow);border:3px solid var(--color-ink);border-radius:50%;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink)}.step-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);margin-top:var(--space-4)}.step-title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:var(--tracking-comic);margin-bottom:var(--space-3)}.step-description{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0;opacity:.9}.step-connector{display:none;position:absolute;right:-32px;top:50%;transform:translateY(-50%);z-index:10}@media(min-width:768px){.step-connector{display:block}}.connector-arrow{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-purple);animation:bounce-x 1s ease-in-out infinite}@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.hiw-fact{display:flex;justify-content:center;position:relative;z-index:1}.fact-bubble{display:flex;align-items:center;gap:var(--space-2);background:var(--color-purple);color:var(--color-cream);padding:var(--space-3) var(--space-5)}.fact-bubble:before,.fact-bubble:after{border-color:var(--color-purple) transparent}.fact-bubble:after{border-color:var(--color-purple) transparent}.fact-label{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;color:var(--color-yellow)}.fact-text{font-family:var(--font-body);font-size:var(--text-sm)}.gallery{background:var(--color-cream);position:relative}.gallery-header{text-align:center;margin-bottom:var(--space-12)}.gallery-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.gallery-title .highlight{color:var(--color-purple)}.gallery-subtitle{font-family:var(--font-body);font-size:var(--text-lg);max-width:500px;margin:0 auto;opacity:.9}.gallery-filters{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.filter-btn{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;padding:var(--space-2) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-cream);color:var(--color-ink);cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce)}.filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-btn.active{background:var(--color-ink);color:var(--color-cream)}.filter-btn.ordinals-filter{border-color:#f7931a}.filter-btn.ordinals-filter.active{background:linear-gradient(135deg,#f7931a,#ff6b35);border-color:transparent;color:#fff}.gallery-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-10)}@media(min-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{overflow:hidden}.gallery-image{aspect-ratio:1;overflow:hidden}.image-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-cream)}.ordinals-item .image-wrapper{background:#1a1a2e;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-bounce)}.ordinals-item .image-wrapper img{object-fit:contain;padding:var(--space-4)}.gallery-item:hover .image-wrapper img{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);color:#fff;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.3);transition:transform var(--duration-normal) var(--ease-bounce)}.gallery-item:hover .image-placeholder{transform:scale(1.05)}.image-placeholder{position:relative;flex-direction:column;gap:var(--space-2)}.ordinals-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:linear-gradient(135deg,#f7931a,#ff6b35);color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:700;text-shadow:none;box-shadow:var(--shadow-sm)}.ordinals-item{border:2px solid #f7931a}.ordinals-item .gallery-item-artist{color:#f7931a}.gallery-info{padding:var(--space-4);background:var(--color-cream)}.gallery-item-title{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;margin-bottom:var(--space-1)}.gallery-item-artist{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-purple);margin-bottom:var(--space-2)}.gallery-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{font-family:var(--font-body);font-size:var(--text-xs);background:var(--color-navy);color:var(--color-cream);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.gallery-cta{text-align:center}@media(hover:none){.gallery-item:hover .image-wrapper img,.gallery-item:hover .image-placeholder{transform:none}.gallery-item:active .image-wrapper img,.gallery-item:active .image-placeholder{transform:scale(.98);transition-duration:50ms}}@media(max-width:479px){.gallery-filters{gap:var(--space-2)}.filter-btn{padding:var(--space-3) var(--space-4);min-height:44px;font-size:var(--text-xs)}}.pricing{background:var(--color-navy);color:var(--color-cream);position:relative}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-title{font-size:var(--text-4xl);color:var(--color-cream);margin-bottom:var(--space-4)}.pricing-title .highlight{color:var(--color-yellow);text-shadow:3px 3px 0 var(--color-red)}.pricing-subtitle{font-family:var(--font-body);font-size:var(--text-lg);max-width:500px;margin:0 auto;opacity:.9}.pricing-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-10);max-width:1000px;margin-left:auto;margin-right:auto}@media(min-width:768px){.pricing-grid.three-pillars{grid-template-columns:repeat(3,1fr);align-items:stretch}}@media(max-width:767px){.pricing-grid.three-pillars{max-width:400px}}.pricing-card{display:flex;flex-direction:column;background:var(--color-cream);color:var(--color-ink)}.pricing-card.card-popular{transform:rotate(-2deg) scale(1.05);z-index:2}@media(max-width:767px){.pricing-card.card-popular{transform:none}}.pricing-card-header{text-align:center;padding:var(--space-6);background:linear-gradient(180deg,var(--color-cream) 0%,rgba(0,0,0,.03) 100%)}.tier-tagline{display:block;font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-purple);margin-bottom:var(--space-1);opacity:.8}.tier-name{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-comic);margin-bottom:var(--space-3)}.tier-price{display:flex;flex-direction:column;align-items:center}.price-label{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink);opacity:.5;margin-bottom:var(--space-1)}.size-link{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-purple);text-decoration:none;margin-top:var(--space-3);transition:color .2s ease}.size-link:hover{color:var(--color-primary);text-decoration:underline}.savings-badge{display:inline-block;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-comic);background:var(--color-green);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.tier-price{margin-bottom:var(--space-2)}.price-amount{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-purple)}.price-amount.coming-soon-price{font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-comic)}.price-unit{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7;margin-left:var(--space-1)}.tier-quantity{font-family:var(--font-body);font-size:var(--text-sm);margin:0;opacity:.8}.pricing-card-body{flex:1;padding:var(--space-6)}.tier-features{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px dashed rgba(0,0,0,.1)}.feature-item:last-child{border-bottom:none}.feature-check{color:var(--color-green);font-weight:700}.pricing-card-footer{padding:var(--space-6);text-align:center}.price-per{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);margin-top:var(--space-3);opacity:.7}.popular-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary);font-weight:700;opacity:1;text-transform:uppercase;letter-spacing:var(--tracking-comic)}.pricing-guarantee{display:flex;justify-content:center;margin-top:var(--space-8)}.guarantee-badge{display:flex;align-items:center;gap:var(--space-3);background:var(--color-yellow);padding:var(--space-3) var(--space-6)}.guarantee-icon{font-size:var(--text-xl);color:var(--color-red)}.guarantee-text{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;color:var(--color-ink)}.pricing-coming-soon{display:flex;justify-content:center;margin-bottom:var(--space-10)}.coming-soon-card{max-width:500px;text-align:center;padding:var(--space-10) var(--space-8);background:var(--color-cream);position:relative}.coming-soon-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--color-yellow);border:3px solid var(--color-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.coming-soon-badge span{font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:var(--tracking-comic);color:var(--color-ink)}.coming-soon-title{font-family:var(--font-display);font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:var(--tracking-comic);color:var(--color-purple);margin-bottom:var(--space-4);margin-top:var(--space-4)}.coming-soon-text{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.coming-soon-features{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.feature-preview{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink)}.feature-icon{font-size:var(--text-lg)}@media(max-width:479px){.coming-soon-card{padding:var(--space-8) var(--space-4)}.coming-soon-title{font-size:var(--text-2xl)}.coming-soon-features{flex-direction:column;gap:var(--space-3)}}.upload-zone-wrapper{max-width:600px;margin:0 auto}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);background:var(--color-cream);border:4px dashed var(--color-ink);border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),border-color var(--duration-fast),background var(--duration-fast);min-height:300px}.upload-zone:hover{transform:scale(1.02);border-color:var(--color-purple)}.upload-zone:focus-visible{outline:3px solid var(--color-yellow);outline-offset:4px}.upload-zone-active{background:var(--color-yellow);border-color:var(--color-ink);border-style:solid;transform:scale(1.05)}.upload-zone-active .upload-icon{animation:bounce-in .3s var(--ease-bounce)}.upload-zone-error{border-color:var(--color-red)}.upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-icon{margin-bottom:var(--space-4)}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:40px;background:var(--color-navy);border:4px solid var(--color-ink);border-radius:50%;box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-bounce)}.upload-zone:hover .icon-wrapper{transform:rotate(-5deg)}.upload-zone-active .icon-wrapper{background:var(--color-cream);transform:scale(1.2) rotate(5deg)}.upload-text{text-align:center}.upload-title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-comic);margin-bottom:var(--space-2);color:var(--color-ink)}.upload-description{font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-2);opacity:.8}.upload-formats{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-purple);margin:0}.upload-border{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,var(--color-yellow),var(--color-red),var(--color-purple),var(--color-yellow));background-size:300% 100%;transition:opacity var(--duration-fast);z-index:-1}.upload-zone:hover .upload-border{opacity:1;animation:gradient-shift 3s linear infinite}@keyframes gradient-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}.upload-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-red);color:var(--color-cream);border:3px solid var(--color-ink);border-radius:var(--radius-md);animation:shake .5s var(--ease-elastic)}.error-text{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700}.upload-tips{margin-top:var(--space-6);text-align:center}.tip-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.8;margin:0}.tip-text strong{color:var(--color-purple)}.upload-preview-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:var(--color-cream);border:4px solid var(--color-ink);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.upload-preview{width:200px;height:200px;border:3px solid var(--color-ink);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper);box-shadow:var(--shadow-md)}.preview-image{width:100%;height:100%;object-fit:contain}.upload-info{margin-top:var(--space-4);text-align:center}.preview-filename{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink);margin:0 0 var(--space-1) 0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-purple);margin:0}.upload-actions{text-align:center}.actions-title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:var(--tracking-comic);color:var(--color-ink);margin-bottom:var(--space-4)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.action-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border:4px solid var(--color-ink);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast);text-align:left;width:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn:active{transform:translateY(0)}.action-btn-primary{background:var(--color-yellow)}.action-btn-primary:hover{background:var(--color-red);color:var(--color-cream)}.action-btn-secondary{background:var(--color-navy);color:var(--color-cream)}.action-btn-secondary:hover{background:var(--color-purple)}.action-icon{font-size:var(--text-2xl);flex-shrink:0}.action-text{display:flex;flex-direction:column;gap:2px}.action-text strong{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-comic)}.action-text small{font-family:var(--font-body);font-size:var(--text-sm);opacity:.8}.cancel-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:transparent;border:2px solid var(--color-ink);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;opacity:.7;transition:opacity var(--duration-fast)}.cancel-btn:hover{opacity:1}@media(min-width:480px){.action-buttons{flex-direction:row}.action-btn{flex:1}}.product-step{max-width:900px;margin:0 auto}.product-step .step-header{text-align:center;margin-bottom:var(--space-6)}.product-content{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);margin:var(--space-6) 0}.product-preview{position:sticky;top:var(--space-4);align-self:start}.preview-frame{aspect-ratio:1;background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-comic)}.preview-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15))}.preview-product{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-ink);text-transform:uppercase;margin:0}.product-options{display:flex;flex-direction:column;gap:var(--space-6)}.section-hint{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.6;margin:calc(-1 * var(--space-2)) 0 var(--space-3) 0}.secondary-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;min-width:120px}.fixed-price-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-lg)}.fixed-price-label{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink)}.fixed-price-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-ink)}@media(max-width:900px){.product-content{grid-template-columns:1fr;gap:var(--space-6)}.product-preview{position:static;display:flex;align-items:center;gap:var(--space-4)}.preview-frame{width:120px;height:120px;flex-shrink:0}.preview-info{text-align:left;margin-top:0}.featured-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.size-grid{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:column;gap:var(--space-3)}.step-actions>*{width:100%}}.prompt-step{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8)}.prompt-preview{position:sticky;top:var(--space-4)}.preview-card{background:var(--color-cream);border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.preview-image{width:100%;max-width:200px;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-md);background:#fff}.preview-filename{margin-top:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7;word-break:break-all}.prompt-selection .step-header{text-align:left}.templates-section{margin-bottom:var(--space-6)}.section-label{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-4)}.template-group{margin-bottom:var(--space-4)}.group-label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);opacity:.7;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.template-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-ink);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.template-btn:hover{background:var(--color-cream);transform:translateY(-2px)}.template-btn.selected{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.or-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:2px;background:var(--color-ink);opacity:.1}.or-divider span{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);opacity:.5;text-transform:uppercase;letter-spacing:.1em}.custom-section{margin-bottom:var(--space-4)}.custom-section .section-label{margin-bottom:var(--space-2)}.helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7;margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.textarea-wrapper{position:relative}.textarea-wrapper textarea{width:100%;min-height:100px;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast)}.textarea-wrapper textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #ffcf0033}.textarea-wrapper textarea::placeholder{color:var(--color-ink);opacity:.4}.textarea-wrapper textarea.disabled,.textarea-wrapper textarea:disabled{background:var(--color-cream);opacity:.5;cursor:not-allowed}.char-count{position:absolute;bottom:var(--space-2);right:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);opacity:.5}@media(max-width:768px){.prompt-step{grid-template-columns:1fr;gap:var(--space-6)}.prompt-preview{position:static}.preview-card{display:flex;align-items:center;gap:var(--space-4);text-align:left}.preview-image{max-width:100px}.preview-filename{margin-top:0}}.generate-step{max-width:800px;margin:0 auto}.generate-step .step-header{text-align:center}.generate-content{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin:var(--space-8) 0}.preview-panel{flex:1;max-width:280px;text-align:center}.preview-frame{aspect-ratio:1;background:var(--color-cream);border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-frame.sticker-frame{background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 50% / 20px 20px;padding:var(--space-2)}.preview-img{max-width:100%;max-height:100%;object-fit:contain}.sticker-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15));transform:scale(1.15)}.generate-arrow{display:flex;align-items:center;justify-content:center;width:60px;flex-shrink:0}.arrow-icon{font-size:var(--text-3xl);color:var(--color-ink);opacity:.3}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner-icon{font-size:var(--text-3xl);color:var(--color-primary);animation:spin 1s linear infinite}.placeholder{text-align:center;padding:var(--space-4)}.placeholder p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.5}.generating-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.generating-icon{font-size:var(--text-2xl);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.try-counter{display:inline-block;font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-full);margin-top:var(--space-2)}.try-counter.last-try{background:#fff3cd;border-color:#f0ad4e;color:#8a6d3b}.try-counter.exhausted{background:#f8d7da;border-color:var(--color-secondary);color:var(--color-secondary)}.watermark-notice-wrapper{text-align:center;margin-top:var(--space-4)}.watermark-notice{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);background:#fff3cd;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.error-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);margin:var(--space-4) 0;background:#fff0f0;border:2px solid var(--color-secondary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-secondary)}.error-icon{font-size:var(--text-lg)}.processing-time{text-align:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.5;margin-top:var(--space-2)}@media(max-width:768px){.generate-content{flex-direction:column;gap:var(--space-4)}.preview-panel{max-width:200px}.generate-arrow{width:auto;transform:rotate(90deg)}}.coming-soon-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.coming-soon-modal{background:var(--color-cream);border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-8);max-width:400px;text-align:center;box-shadow:8px 8px 0 var(--color-ink);animation:slideUp .3s ease}.coming-soon-modal h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);margin-bottom:var(--space-3)}.coming-soon-modal p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-6);opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-overlay-step{max-width:700px;margin:0 auto}.text-overlay-step .step-header{text-align:center;margin-bottom:var(--space-6)}.text-overlay-content{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.bumper-preview{text-align:center}.preview-frame.bumper-frame{aspect-ratio:21 / 9;background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-img.bumper-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15))}.processing-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.processing-overlay .spinner-icon{font-size:var(--text-3xl);color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-input-section{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);text-transform:uppercase;letter-spacing:.1em}.text-input{font-family:var(--font-display);font-size:var(--text-lg);padding:var(--space-4);border:3px solid var(--color-ink);border-radius:var(--radius-md);background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}.text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:4px 4px 0 var(--color-primary)}.text-input::placeholder{color:var(--color-ink);opacity:.4}.char-count{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);opacity:.5;text-align:right}.info-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);margin-bottom:var(--space-6)}.info-icon{font-size:var(--text-lg);font-weight:700}.panel-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}@media(max-width:768px){.text-overlay-step{max-width:100%;padding:0 var(--space-4)}.text-input{font-size:var(--text-base);padding:var(--space-3)}}.order-step{max-width:900px;margin:0 auto}.order-step .step-header{text-align:center}.order-content{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);margin:var(--space-6) 0}.order-preview{position:sticky;top:var(--space-4);align-self:start}.sticker-preview-frame{aspect-ratio:1;background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-comic)}.sticker-preview-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15))}.preview-info{margin-top:var(--space-3);text-align:center}.preview-product{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-ink);text-transform:uppercase}.preview-size{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7;margin-top:var(--space-1)}.order-options{display:flex;flex-direction:column;gap:var(--space-6)}.section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.featured-products{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.product-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-3);background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;text-align:center}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.product-card.selected{background:var(--color-yellow);border-width:4px;transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-icon{font-size:2rem;margin-bottom:var(--space-2)}.product-card-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-ink);text-transform:uppercase;margin-bottom:var(--space-1)}.product-card-price{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);opacity:.7}.more-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);margin-top:var(--space-3);background:transparent;border:2px dashed var(--color-ink);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7;cursor:pointer;transition:all .15s ease}.more-toggle:hover{opacity:1;background:var(--color-cream)}.more-toggle-icon{font-size:var(--text-xs);transition:transform .2s ease}.more-toggle.expanded .more-toggle-icon{transform:rotate(180deg)}.secondary-products{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px dashed rgba(0,0,0,.1);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.secondary-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;min-width:100px}.secondary-btn:hover{background:var(--color-cream);transform:translateY(-1px)}.secondary-btn.selected{background:var(--color-yellow);border-color:var(--color-ink)}.secondary-name{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-ink);text-transform:uppercase}.secondary-price{font-family:var(--font-body);font-size:10px;color:var(--color-ink);opacity:.6}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.size-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease}.size-btn:hover{background:var(--color-cream);transform:translateY(-2px)}.size-btn.selected{background:var(--color-yellow);border-width:4px}.size-btn.disabled{opacity:.35;cursor:not-allowed}.size-btn.disabled:hover{background:#fff;transform:none}.size-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-ink)}.size-price{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);opacity:.7}.size-badge{font-family:var(--font-body);font-size:10px;font-weight:600;background:var(--color-red);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);margin-top:var(--space-1)}.compact-row{display:flex;align-items:flex-end;gap:var(--space-6);padding:var(--space-4);background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-lg)}.compact-group{display:flex;flex-direction:column;gap:var(--space-2)}.compact-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);text-transform:uppercase}.finish-select{flex:1;max-width:200px}.finish-dropdown{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a2e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.finish-dropdown:focus{outline:none;border-color:var(--color-purple)}.quantity-select{flex-shrink:0}.quantity-selector{display:flex;align-items:center;gap:var(--space-1)}.qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-ink);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.qty-btn:hover:not(:disabled){background:var(--color-yellow)}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-input{width:60px;height:44px;padding:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-align:center;color:var(--color-ink);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-md)}.qty-input:focus{outline:none;border-color:var(--color-purple)}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.price-summary{background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-comic)}.price-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink)}.price-row.shipping{border-bottom:2px dashed rgba(0,0,0,.1);margin-bottom:var(--space-2)}.price-row.total{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;padding-top:var(--space-2);margin-top:var(--space-2);border-top:3px solid var(--color-ink)}.price-value{font-weight:600}.price-value.free{color:#22c55e;font-weight:700}.shipping-hint{text-align:right;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);opacity:.5;margin-bottom:var(--space-2)}.price-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px dashed rgba(0,0,0,.1);text-align:center;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);opacity:.5}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:2px dashed rgba(0,0,0,.1)}.action-group{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:900px){.order-content{grid-template-columns:1fr;gap:var(--space-6)}.order-preview{position:static;display:flex;align-items:center;gap:var(--space-4)}.sticker-preview-frame{width:120px;height:120px;flex-shrink:0}.preview-info{text-align:left;margin-top:0}.featured-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.size-grid{grid-template-columns:repeat(2,1fr)}.compact-row{flex-direction:column;align-items:stretch;gap:var(--space-4)}.finish-select{max-width:none}.step-actions{flex-direction:column;gap:var(--space-3)}.step-actions>*{width:100%}.action-group{flex-direction:column;width:100%}.action-group>*{width:100%}}.create-section{min-height:100vh;padding:var(--space-8) 0;background:var(--color-cream)}.create-container{max-width:1000px}.create-header{margin-bottom:var(--space-8)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:transparent;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.back-button:hover{background:var(--color-ink);color:var(--color-cream)}.create-title{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.create-title .highlight{color:var(--color-primary)}.progress-bar{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4);background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic)}.progress-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.progress-step{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-ink);border-radius:50%;background:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.progress-step:disabled{cursor:not-allowed;opacity:.5}.progress-step.active{background:var(--color-primary);color:var(--color-ink)}.progress-step.current{box-shadow:0 0 0 4px #ffcf0066;transform:scale(1.1)}.step-number{line-height:1}.step-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-ink);text-transform:uppercase;letter-spacing:.05em}.progress-line{position:absolute;top:24px;left:calc(50% + 30px);width:60px;height:3px;background:var(--color-ink);opacity:.2}.progress-line.active{opacity:1;background:var(--color-primary)}.step-content{background:#fff;border:3px solid var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-comic)}.step-panel{max-width:600px;margin:0 auto}.step-header{text-align:center;margin-bottom:var(--space-6)}.step-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);margin-bottom:var(--space-2)}.step-description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);opacity:.8}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px dashed rgba(0,0,0,.1)}.action-group{display:flex;gap:var(--space-3)}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.create-section{padding:var(--space-4) 0}.create-title{font-size:var(--text-3xl)}.progress-bar{padding:var(--space-3);gap:var(--space-1)}.progress-step{width:40px;height:40px;font-size:var(--text-base)}.progress-line{width:30px;left:calc(50% + 24px);top:20px}.step-label{font-size:10px}.step-content{padding:var(--space-4)}.step-actions{flex-direction:column;gap:var(--space-4)}.action-group{width:100%;flex-direction:column}}@media(max-width:479px){.create-header{margin-bottom:var(--space-4)}.create-title{font-size:var(--text-2xl)}.progress-bar{overflow-x:auto}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e)}.error-boundary__content{max-width:480px;text-align:center;padding:3rem 2rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-boundary__icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#f59e0b}.error-boundary__icon svg{width:100%;height:100%}.error-boundary__title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 1rem;font-family:var(--font-display, "Bangers", cursive);letter-spacing:.02em}.error-boundary__message{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0 0 2rem}.error-boundary__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-boundary__button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.error-boundary__button--primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.error-boundary__button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.error-boundary__button--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.error-boundary__button--secondary:hover{background:#ffffff26;border-color:#ffffff4d}.error-boundary__details{margin-top:2rem;text-align:left;font-size:.75rem;color:#ffffff80}.error-boundary__details summary{cursor:pointer;padding:.5rem;background:#ffffff0d;border-radius:.25rem;margin-bottom:.5rem}.error-boundary__details pre{background:#0000004d;padding:1rem;border-radius:.25rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:.5rem 0}