.canvas-overlay[data-astro-cid-ec7ykbqw]{z-index:10;pointer-events:none;position:absolute;inset:0}.selection-group[data-astro-cid-ec7ykbqw]{pointer-events:none;z-index:11;transform-origin:50%;position:absolute}.selection-outline[data-astro-cid-ec7ykbqw]{pointer-events:none;background:0 0;border:2px solid #ff1694;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.resize-handle[data-astro-cid-ec7ykbqw]{cursor:pointer;z-index:12;pointer-events:all;background:#ff1694;border:2px solid #000;border-radius:2px;width:10px;height:10px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px #6b0045}.resize-handle[data-astro-cid-ec7ykbqw]:hover{transform:translate(-50%,-50%)scale(1.3);box-shadow:0 1px #6b0045,0 0 8px #ff169499}.resize-handle[data-astro-cid-ec7ykbqw]:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.handle-n[data-astro-cid-ec7ykbqw]{cursor:n-resize}.handle-s[data-astro-cid-ec7ykbqw]{cursor:s-resize}.handle-e[data-astro-cid-ec7ykbqw]{cursor:e-resize}.handle-w[data-astro-cid-ec7ykbqw]{cursor:w-resize}.handle-nw[data-astro-cid-ec7ykbqw]{cursor:nw-resize}.handle-ne[data-astro-cid-ec7ykbqw]{cursor:ne-resize}.handle-sw[data-astro-cid-ec7ykbqw]{cursor:sw-resize}.handle-se[data-astro-cid-ec7ykbqw]{cursor:se-resize}.rotate-handle[data-astro-cid-ec7ykbqw]{cursor:grab;z-index:13;pointer-events:all;color:#fff;background:#ff1694;border:2px solid #000;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px #6b0045,0 0 6px #ff169466}.rotate-handle[data-astro-cid-ec7ykbqw]:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rotate-handle[data-astro-cid-ec7ykbqw]:hover{background:#ff3da8;transition:background .12s,box-shadow .12s,transform .12s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)scale(1.15);box-shadow:0 2px #6b0045,0 0 10px #ff1694b3}.rotate-handle[data-astro-cid-ec7ykbqw]:active{cursor:grabbing;transition:background 60ms,box-shadow 60ms,transform 60ms;transform:translate(-50%,-50%)scale(.95);box-shadow:0 1px #6b0045,0 0 4px #ff16944d}.delete-btn[data-astro-cid-ec7ykbqw]{cursor:pointer;z-index:13;pointer-events:all;color:#ef4444;background:#1a1a1a;border:2px solid #ef4444;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px #6b0045,0 0 5px #ef44444d}.delete-btn[data-astro-cid-ec7ykbqw]:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-btn[data-astro-cid-ec7ykbqw]:hover{color:#fff;background:#ef4444;transition:background .12s,color .12s,box-shadow .12s,transform .12s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)scale(1.15);box-shadow:0 2px #6b0045,0 0 10px #ef444499}.delete-btn[data-astro-cid-ec7ykbqw]:active{transition:background 60ms,color 60ms,box-shadow 60ms,transform 60ms;transform:translate(-50%,-50%)scale(.95);box-shadow:0 1px #6b0045,0 0 3px #ef444433}.flip-btn[data-astro-cid-ec7ykbqw]{cursor:pointer;z-index:13;pointer-events:all;color:#fff;background:#ff1694;border:2px solid #000;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px #6b0045,0 0 6px #ff169466}.flip-btn[data-astro-cid-ec7ykbqw]:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flip-btn[data-astro-cid-ec7ykbqw]:hover{background:#ff3da8;transition:background .12s,box-shadow .12s,transform .12s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)scale(1.15);box-shadow:0 2px #6b0045,0 0 10px #ff1694b3}.flip-btn[data-astro-cid-ec7ykbqw]:active{cursor:pointer;transition:background 60ms,box-shadow 60ms,transform 60ms;transform:translate(-50%,-50%)scale(.95);box-shadow:0 1px #6b0045,0 0 4px #ff16944d}:root{--color-primary:#ff1694;--color-primary-deep:#cc0a72;--color-primary-glow:#ff169473;--color-secondary:#3b9eff;--color-bg:#000;--color-surface:#0f0f0f;--color-surface-2:#1a1a1a;--color-border:#ffffff1a;--color-text:#fff;--color-text-muted:#999;--font-display:"Press Start 2P", ui-monospace, monospace;--font-body:"VT323", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;padding:18px 50px;display:flex;position:relative}.nav-logo{flex-shrink:0}.nav-logo-img{width:auto;height:48px;display:block}.nav-links{gap:36px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-family:var(--font-body);color:var(--color-text-muted);font-size:22px;transition:color .2s}.nav-links a:hover{color:var(--color-text)}.btn-cta{font-family:var(--font-display);letter-spacing:1px;background:var(--color-primary);color:var(--color-text);cursor:pointer;border:none;border-radius:3px;padding:10px 20px;font-size:11px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px #6b0045,0 0 8px #ff169473}.btn-cta:hover{background:#ff3da8;transform:translateY(-3px)scale(1.04);box-shadow:0 7px #6b0045,0 0 18px #ff1694b3}.btn-cta:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #6b0045,0 0 6px #ff169466}.btn-coming-soon{font-family:var(--font-display);letter-spacing:1px;color:#666;cursor:not-allowed;opacity:.6;pointer-events:none;background:#2a2a2a;border:1px solid #333;border-radius:3px;align-items:center;gap:6px;padding:10px 18px;font-size:10px;display:inline-flex}.btn-primary{font-family:var(--font-display);letter-spacing:1px;background:var(--color-primary);color:var(--color-text);cursor:pointer;white-space:nowrap;border:none;border-radius:3px;justify-content:center;align-items:center;padding:14px 28px;font-size:13px;line-height:1;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px #6b0045,0 0 12px #ff169480}.btn-primary:hover{background:#ff3da8;transform:translateY(-3px)scale(1.05);box-shadow:0 8px #6b0045,0 0 20px #ff1694b3}.btn-primary:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #6b0045,0 0 8px #ff169466}.btn-outline{font-family:var(--font-display);letter-spacing:1px;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:14px 28px;font-size:13px;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px #6b0045,0 0 10px #ff169440}.btn-outline:hover{background:#ff169426;transform:translateY(-3px)scale(1.05);box-shadow:0 8px #6b0045,0 0 18px #ff169480}.btn-outline:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #6b0045,0 0 6px #ff16944d}.btn-upload{font-family:var(--font-display);letter-spacing:1px;background:var(--color-primary);color:var(--color-text);cursor:pointer;text-align:center;border-radius:3px;width:100%;padding:14px 28px;font-size:13px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-block;box-shadow:0 6px #6b0045,0 0 12px #ff169480}.btn-upload:hover{background:#ff3da8;transform:translateY(-3px)scale(1.05);box-shadow:0 8px #6b0045,0 0 20px #ff1694b3}.btn-upload:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #6b0045,0 0 8px #ff169466}.deco-sticker{z-index:1;pointer-events:none;filter:drop-shadow(0 0 10px #ff16944d);animation:4s ease-in-out infinite alternate decoFloat;position:fixed}@keyframes decoFloat{0%{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(-8px) rotate(var(--rot,0deg))}}.hero{z-index:2;align-items:flex-start;gap:60px;max-width:1600px;min-height:calc(100vh - 60px);margin:0 auto;padding:60px 80px;display:flex;position:relative}.hero-left{flex:1;max-width:600px;padding-top:30px}.hero-title{font-family:var(--font-display);text-shadow:3px 3px #6b0045,5px 5px #0000004d;margin-bottom:30px;font-size:34px;font-weight:400;line-height:1.6}.hero-title .white{color:var(--color-text)}.hero-title .pink{color:var(--color-primary)}.hero-desc{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:32px;font-size:24px;line-height:1.5}.hero-actions{flex-wrap:nowrap;gap:16px;margin-bottom:22px;display:flex}.hero-right{flex:1;justify-content:center;align-items:center;max-width:720px;padding-top:80px;display:flex}.upload-zone{background:var(--color-surface);text-align:center;border:3px dashed #ff169466;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:560px;min-height:340px;padding:60px 48px;transition:all .2s;display:flex}.upload-zone.drag-over{border-color:var(--color-primary);background:#ff16940d;box-shadow:0 0 40px #ff169433}.upload-icon{background:var(--color-surface-2);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.upload-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:12px;font-size:16px;font-weight:400;line-height:1.8}.upload-info{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:28px;font-size:20px}.editor-grid{grid-template-columns:1fr 380px;align-items:stretch;gap:24px;display:grid}.preview-area{min-height:0}.preview-panels{grid-template-columns:1fr 1fr;gap:12px;height:100%;display:grid}.preview-col{flex-direction:column;min-height:0;display:flex}.preview-label{font-family:var(--font-display);letter-spacing:.5px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px}.preview-panel{border:2px solid var(--color-primary);background:var(--color-surface-2);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.preview-img{object-fit:contain;width:100%;height:100%;display:block}.filter-canvas{z-index:1;object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}.controls-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.controls-top{justify-content:flex-end;display:flex}.btn-change{font-family:var(--font-display);letter-spacing:.5px;background:var(--color-surface-2);color:var(--color-text);cursor:pointer;white-space:nowrap;border:2px solid #ffffff1f;border-radius:3px;padding:8px 16px;font-size:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px #6b0045,0 0 4px #ff169426}.btn-change:hover{border-color:#ff169499;transform:translateY(-2px)scale(1.06);box-shadow:0 5px #6b0045,0 0 10px #ff169466}.btn-change:active{transform:translateY(1px)scale(.97);box-shadow:0 1px #6b0045,0 0 6px #ff16944d}.filter-bar{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.filter-btn{font-family:var(--font-display);letter-spacing:.3px;background:var(--color-surface-2);color:var(--color-text);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border:2px solid #ffffff1f;border-radius:3px;min-height:44px;padding:10px 6px;font-size:9px;transition:all .2s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 3px #6b0045,0 0 4px #ff169426}.filter-btn:hover{color:var(--color-text);border-color:#ff169499;transform:translateY(-2px)scale(1.04);box-shadow:0 5px #6b0045,0 0 10px #ff169466}.filter-btn.active{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary);box-shadow:0 3px #6b0045,0 0 10px #ff169480}.filter-btn.active:hover{background:#ff3da8;transform:translateY(-2px)scale(1.04)}.filter-btn:active{transform:translateY(1px)scale(.97);box-shadow:0 1px #6b0045,0 0 6px #ff16944d}.undo-redo-row{gap:8px;display:flex}.undo-redo-btn{background:var(--color-surface-2);cursor:pointer;width:44px;height:44px;color:var(--color-text-muted);border:2px solid #ffffff1f;border-radius:3px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px #6b0045,0 0 4px #ff169426}.undo-redo-btn:hover{color:var(--color-text);border-color:#ff169499;transform:translateY(-2px)scale(1.06);box-shadow:0 5px #6b0045,0 0 10px #ff169466}.undo-redo-btn:active{transform:translateY(1px)scale(.95);box-shadow:0 1px #6b0045}.sticker-label{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:12px;font-size:16px}.sticker-row{flex-wrap:wrap;gap:8px;display:flex}.sticker-pick{background:var(--color-surface-2);cursor:pointer;border:2px solid #ffffff1f;border-radius:3px;justify-content:center;align-items:center;width:52px;height:52px;padding:5px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.sticker-pick:hover{border-color:#ff169499;transform:translateY(-3px)scale(1.1);box-shadow:0 0 12px #ff169466}.sticker-pick:active{border-color:var(--color-primary);transform:translateY(1px)scale(.95)}.sticker-pick img{object-fit:contain;width:100%;height:100%}.sticker-controls{background:var(--color-surface);border-radius:8px;padding:14px 20px}.controls-label{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:12px;font-size:9px}.size-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.size-label{font-family:var(--font-body);color:var(--color-text-muted);min-width:40px;font-size:18px}.size-row input[type=range]{accent-color:var(--color-primary);flex:1;height:5px}.arrow-row{align-items:center;gap:8px;display:flex}.arrow-btn{background:var(--color-surface-2);width:44px;height:44px;color:var(--color-text);cursor:pointer;border:2px solid #ffffff1f;border-radius:3px;justify-content:center;align-items:center;font-size:16px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px #6b0045,0 0 4px #ff169426}.arrow-btn:hover{border-color:var(--color-primary);transform:translateY(-2px)scale(1.1);box-shadow:0 5px #6b0045,0 0 10px #ff169480}.arrow-btn:active{transform:translateY(1px)scale(.95);box-shadow:0 1px #6b0045}.arrow-btn.remove-sticker{color:#f44;border-color:#ff44444d}.btn-done{font-family:var(--font-display);letter-spacing:.5px;background:var(--color-primary);color:var(--color-text);cursor:pointer;border:none;border-radius:3px;margin-left:auto;padding:8px 16px;font-size:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px #6b0045,0 0 6px #ff169466}.btn-done:hover{background:#ff3da8;transform:translateY(-2px)scale(1.08);box-shadow:0 5px #6b0045,0 0 12px #ff169499}.btn-done:active{transform:translateY(1px)scale(.97);box-shadow:0 1px #6b0045}.action-row{align-items:stretch;gap:10px;display:flex}.btn-download{font-family:var(--font-display);letter-spacing:.5px;background:var(--color-primary);color:var(--color-text);cursor:pointer;white-space:nowrap;border:none;border-radius:3px;flex:1;padding:12px 20px;font-size:11px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px #6b0045,0 0 8px #ff169473}.btn-download:hover{background:#ff3da8;transform:translateY(-3px)scale(1.04);box-shadow:0 7px #6b0045,0 0 18px #ff1694b3}.btn-download:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #6b0045,0 0 6px #ff169466}.btn-delete{width:48px;min-width:48px;color:var(--color-text);cursor:pointer;background:#c23;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px #812,0 0 8px #c236}.btn-delete:hover{background:#e34;transform:translateY(-3px)scale(1.06);box-shadow:0 7px #812,0 0 14px #c239}.btn-delete:active{transform:translateY(2px)scale(.97);box-shadow:0 1px #812}.sticker-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.placed-sticker{cursor:grab;pointer-events:all;user-select:none;transition:filter .15s;position:absolute}.placed-sticker:hover{filter:drop-shadow(0 0 8px #ff169499)}.placed-sticker.selected{filter:drop-shadow(0 0 10px #ff1694cc)}body.editing .hero-left,body.editing .deco-sticker,body.editing .content-section{display:none}body.editing .hero{height:calc(100vh - 60px);min-height:auto;padding:24px}body.editing .hero-right{flex:1;max-width:100%}body.editing .editor-grid{height:100%}.content-section{z-index:2;max-width:1200px;margin:0 auto;padding:80px 80px 0;position:relative}.section-title{font-family:var(--font-display);color:var(--color-primary);text-align:center;text-shadow:2px 2px #6b0045;margin-bottom:48px;font-size:22px;font-weight:400}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{background:var(--color-surface);border:2px solid var(--color-border);text-align:center;border-radius:8px;padding:32px 24px;transition:border-color .2s,box-shadow .2s}.step-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #ff169426}.step-num{font-family:var(--font-display);color:var(--color-primary);text-shadow:2px 2px #6b0045;margin-bottom:16px;font-size:28px}.step-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:12px;font-size:11px;font-weight:400;line-height:1.6}.step-desc{font-family:var(--font-body);color:var(--color-text-muted);font-size:18px;line-height:1.4}.step-optional{font-family:var(--font-body);color:var(--color-text-muted);font-size:14px;font-weight:400}.examples-placeholder{background:var(--color-surface);text-align:center;border:2px dashed #ff169466;border-radius:10px;flex-direction:column;align-items:center;gap:20px;padding:60px 40px;display:flex}.examples-icon{color:var(--color-primary);opacity:.5}.examples-text{font-family:var(--font-body);color:var(--color-text-muted);max-width:500px;font-size:22px;line-height:1.4}.examples-text strong{color:var(--color-primary)}.examples-link{font-family:var(--font-body);color:var(--color-primary);align-items:center;gap:6px;font-size:18px;transition:color .2s;display:inline-flex}.examples-link:hover{color:#ff3da8}.faq-list{flex-direction:column;gap:12px;max-width:700px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s;overflow:hidden}.faq-item[open]{border-color:#ff16944d}.faq-q{font-family:var(--font-display);color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:11px;font-weight:400;line-height:1.6;list-style:none;transition:color .2s;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"+";font-family:var(--font-display);color:var(--color-primary);font-size:16px;transition:transform .2s}.faq-item[open] .faq-q:after{transform:rotate(45deg)}.faq-q:hover{color:var(--color-primary)}.faq-a{font-family:var(--font-body);color:var(--color-text-muted);padding:0 24px 20px;font-size:20px;line-height:1.5}@media (width<=1024px){.hero{flex-direction:column;gap:30px;min-height:auto;padding:40px 30px}.hero-left,.hero-right{max-width:100%}.hero-title{font-size:26px}.deco-sticker{display:none}.content-section{padding:60px 30px 0}.steps-grid{grid-template-columns:repeat(2,1fr)}body.editing .hero{height:auto;min-height:calc(100vh - 60px);padding:20px}.editor-grid{grid-template-columns:1fr;gap:20px;height:auto}body.editing .editor-grid{height:auto}.preview-panels{gap:10px}.preview-panel{min-height:200px;max-height:40vh}.filter-bar{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.editor-grid{grid-template-columns:1fr;gap:16px}.preview-panels{grid-template-columns:1fr;gap:12px}.preview-panel{border-radius:8px;min-height:150px;max-height:35vh}.controls-panel{gap:14px}.controls-top{justify-content:flex-end}.filter-bar{grid-template-columns:repeat(3,1fr);gap:6px}.filter-btn{min-height:44px;padding:8px 4px;font-size:8px}.undo-redo-row{justify-content:flex-start}.action-row{gap:8px}.btn-download{padding:12px 14px;font-size:10px}.btn-delete{width:48px;min-width:48px}}@media (width<=640px){.navbar{padding:15px 20px}.nav-links{display:none}.hero{padding:30px 16px}.hero-title{font-size:20px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn-primary,.hero-actions .btn-outline{width:100%}.upload-zone{min-height:260px;padding:36px 20px}.upload-icon{width:60px;height:60px}.upload-title{font-size:13px}.content-section{padding:50px 16px 0}.section-title{margin-bottom:32px;font-size:18px}.steps-grid{grid-template-columns:1fr}.step-card{padding:24px 20px}.faq-q{padding:16px 18px;font-size:10px}.faq-a{padding:0 18px 16px;font-size:18px}body.editing .hero{padding:12px}.filter-bar{grid-template-columns:repeat(3,1fr)}}