*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;height:100%;overflow:hidden}body{color:#333;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#111118;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{-webkit-tap-highlight-color:transparent;font-family:inherit}#root{height:100%}.top-bar{-webkit-backdrop-filter:none;z-index:20;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:6px 10px;display:flex;position:relative}.top-card{cursor:pointer;white-space:nowrap;min-width:100px;box-shadow:none;color:#ffffffd9;background:0 0;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex;position:relative}.top-card:hover{background:#ffffff0f;border-color:#ffffff1f}.top-card:active{background:#ffffff14;transform:scale(.97)}.top-card-active{color:#fff;box-shadow:none;background:0 0;border-color:#4fc3f740}.top-card-active:hover{box-shadow:none;background:#4fc3f714}.top-card-icon{font-size:15px;line-height:1}.top-card-label{letter-spacing:.2px;font-size:13px;font-weight:700}.top-center-pill{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:0;padding:2px 3px;display:flex}.pill-btn{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.pill-btn:hover{color:#ffffffe6;background:#ffffff1a}.pill-btn:active{transform:scale(.92)}.reset-pill-btn{color:#ff8a65}.reset-pill-btn:hover{color:#ffab91;background:#ff8a651f}.help-pill-btn{color:#ffffff80;font-size:13px}.pill-divider{background:#ffffff1f;width:1px;height:16px;margin:0 1px}.help-overlay{z-index:200;background:#0006;justify-content:center;align-items:flex-start;padding-top:30vh;display:flex;position:fixed;inset:0}.help-card{-webkit-backdrop-filter:blur(16px);background:#1e1e28d9;border:1px solid #ffffff1a;border-radius:16px;width:52vw;max-width:280px;padding:24px 28px 20px;animation:.2s helpCardIn;position:relative;box-shadow:0 8px 30px #0000004d}@keyframes helpCardIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.help-card-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:8px;right:10px}.help-card-close:hover{color:#ffffffb3}.help-card-text{color:#fffc;text-align:center;margin:0;font-size:14px;line-height:1.5}.brand-hook{text-align:center;color:#ffffff59;letter-spacing:.15px;-webkit-backdrop-filter:none;z-index:19;background:0 0;padding:3px 0;font-size:11px;font-weight:500;position:relative}.sticker-on-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1;filter:drop-shadow(0 2px 4px #00000026)drop-shadow(0 4px 8px #0000001a);transition:filter .15s,opacity .15s;animation:.3s cubic-bezier(.34,1.56,.64,1) stickerPopIn;position:absolute}@keyframes stickerPopIn{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.08)}75%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sticker-on-canvas:active{cursor:grabbing;opacity:.88;filter:drop-shadow(0 8px 16px #00000040)drop-shadow(0 2px 4px #00000026)}.sticker-selected{z-index:10}.sticker-selected:active{opacity:.85;filter:drop-shadow(0 10px 20px #0000004d)drop-shadow(0 3px 6px #00000026)}.sticker-demo-entrance{animation:1s ease-out demoFloat}@keyframes demoFloat{0%{opacity:0;transform:translateY(20px)scale(.8)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.sticker-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.selection-ring{pointer-events:none;border:2px dashed #4fc3f7;border-radius:8px;position:absolute;inset:-4px}.handle{cursor:pointer;touch-action:none;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014}.handle-delete{color:#fff;background:#ff5252;font-size:12px;font-weight:700;top:-14px;left:-14px}.handle-delete:hover{background:#ff1744}.handle-duplicate{color:#fff;background:#4fc3f7;font-size:13px;font-weight:700;top:-14px;right:-14px}.handle-duplicate:hover{background:#29b6f6}.handle-rotate{color:#555;cursor:grab;background:#fff;font-size:15px;top:-18px;left:50%;transform:translate(-50%)}.handle-rotate:active{cursor:grabbing;background:#e8e8e8}.handle-resize{color:#555;cursor:nwse-resize;background:#fff;font-size:15px;bottom:-14px;right:-14px}.handle-resize:active{background:#e8e8e8}.canvas-stage{touch-action:none;background-color:#1a1a2e;background-image:linear-gradient(135deg,#2d6a4f 0%,#1a1a2e 40%,#6b21a8 70%,#e91e8b 100%);background-position:50%;background-repeat:no-repeat;background-size:110% 110%;flex:1;transition:background-position .6s ease-out;position:relative;overflow:hidden}.canvas-stage:active{background-position:48% 48%}@media (width>=768px) and (aspect-ratio>=4/3){.canvas-stage{background-size:contain}}.canvas-mode-label{letter-spacing:.8px;text-transform:uppercase;color:#ffffff59;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;transition:color .25s,transform .25s;position:absolute;top:8px;left:10px}.mode-dragging{color:#4fc3f799;transform:scale(1.05)}.sound-toggle{z-index:2;cursor:pointer;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:8px}.sound-toggle:hover{opacity:1}.canvas-dim-overlay{pointer-events:none;z-index:0;background:#0000002e;position:absolute;inset:0}.canvas-empty{text-align:center;color:#aaa;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty-icon{margin-bottom:12px;font-size:48px;display:block}.canvas-empty p{margin:0;font-size:16px;font-weight:500}.onboarding-hint{z-index:20;pointer-events:none;animation:.5s ease-out hintFadeIn,.8s ease-in 4.2s forwards hintFadeOut;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-hint-text{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;background:#0000008c;border-radius:20px;padding:10px 20px;font-size:16px;font-weight:600;display:inline-block}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes hintFadeOut{0%{opacity:1}to{opacity:0}}.toast-stack{z-index:25;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:2px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sticker-toast{transition:transform .2s,opacity .2s;animation:.25s ease-out toastIn}.sticker-toast-text{color:#fff;-webkit-backdrop-filter:blur(8px);letter-spacing:.2px;background:#0000008c;border-radius:14px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confetti-burst{z-index:30;pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ff6b6b 2px,#0000 2px),radial-gradient(circle at 50% 30%,#4fc3f7 2px,#0000 2px),radial-gradient(circle at 70% 45%,#ffe66d 2px,#0000 2px),radial-gradient(circle at 40% 55%,#4ecdc4 2px,#0000 2px),radial-gradient(circle at 60% 35%,#ff9ff3 2px,#0000 2px),radial-gradient(circle at 35% 65%,#ffa502 2px,#0000 2px),radial-gradient(circle at 65% 60%,#7bed9f 2px,#0000 2px),radial-gradient(circle at 45% 45%,#70a1ff 2px,#0000 2px);animation:.5s ease-out forwards confettiBurst;position:absolute;inset:0}@keyframes confettiBurst{0%{opacity:1;transform:scale(.3)}60%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}.drawer-overlay{z-index:30;background:0 0;position:fixed;inset:0}.drawer{-webkit-backdrop-filter:none;z-index:40;width:54%;max-width:280px;height:62vh;box-shadow:none;background:0 0;border-radius:0 0 18px 18px;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0}.drawer-left{border-right:none;border-radius:0 18px 18px 0;left:0;transform:translate(-100%)}.drawer-right{border-left:none;border-radius:18px 0 0 18px;right:0;transform:translate(100%)}.drawer-open{transform:translate(0)}.drawer-header{border-bottom:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.drawer-title{letter-spacing:1.5px;color:#ffffffb3;margin:0;font-size:13px;font-weight:700}.drawer-close{cursor:pointer;color:#fff6;background:0 0;border:none;padding:4px;font-size:16px}.drawer-close:hover{color:#ffffffb3}.drawer-body{-webkit-overflow-scrolling:touch;flex:1;padding:10px 12px;overflow-y:auto}.asset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.asset-tile{aspect-ratio:1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s,transform .12s,box-shadow .18s;display:flex;overflow:hidden}.asset-tile:hover{border-color:#fff3;transform:scale(1.03);box-shadow:0 3px 10px #00000026}.asset-tile:active{transform:scale(.97)}.asset-active{border-color:#4fc3f7;transform:scale(1.03);box-shadow:0 0 0 3px #4fc3f74d}.asset-active:hover{transform:scale(1.03)}.upload-tile{background:#ffffff0a;border:2px dashed #ffffff26;flex-direction:column;gap:4px}.upload-tile:hover{background:#4fc3f70f;border-color:#4fc3f759}.upload-icon{color:#ffffff59;font-size:24px;line-height:1}.upload-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.sticker-tile{background:#ffffff0f}.sticker-emoji{font-size:32px}.sticker-thumb{object-fit:contain;width:60%;height:60%}.wallpaper-thumb{background-position:50%;background-size:cover}.asset-status{text-align:center;color:#fff6;grid-column:1/-1;padding:20px 8px;font-size:13px;line-height:1.5}.asset-error{color:#ff5252}.retry-btn{cursor:pointer;color:#fff9;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;margin-top:8px;padding:4px 14px;font-size:12px;display:inline-block}.retry-btn:hover{background:#ffffff1a}.pics-section-label{text-transform:uppercase;letter-spacing:1.4px;color:#ffffff59;margin:14px 0 6px 2px;font-size:10px;font-weight:700}.pics-section-label:first-of-type{margin-top:4px}.pics-thumb{background-position:50%;background-size:cover}.add-picture-card{cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 14px;transition:all .18s;display:flex}.add-picture-card:hover{background:#4fc3f714;border-color:#0000}.add-picture-card:active{transform:scale(.98)}.add-picture-icon{flex-shrink:0;font-size:22px;line-height:1}.add-picture-text{flex-direction:column;align-items:flex-start;display:flex}.add-picture-title{color:#4fc3f7;font-size:13px;font-weight:700}.add-picture-sub{color:#4fc3f799;margin-top:1px;font-size:10px;font-weight:500}.section-label{text-transform:uppercase;letter-spacing:1.4px;color:#ffffff59;margin:4px 0 8px 2px;font-size:10px;font-weight:700}.chip-rail-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;margin:0 -12px;padding:0 12px 10px;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 16px),#0000 100%)}.chip-rail-scroll::-webkit-scrollbar{display:none}.chip-rail{gap:6px;width:max-content;display:flex}.chip-icon{font-size:13px;line-height:1}.chip{color:#ffffffa6;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;min-height:34px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.chip:hover{color:#ffffffd9;background:#ffffff24;border-color:#fff3}.chip:active{transform:scale(.95)}.chip-active{color:#111;background:#ffffffe6;border-color:#ffffffe6;font-weight:700;box-shadow:0 2px 8px #00000026}.chip-active:hover{color:#111;background:#fff;border-color:#fff}.sticker-section{margin-bottom:14px}.sticker-section-header{align-items:center;gap:6px;padding:2px 0 6px;display:flex}.sticker-section-title{color:#ffffffd9;font-size:14px;font-weight:700}.sticker-section-count{color:#fff6;background:#ffffff14;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:500}.sticker-see-all{color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff14;border:none;border-radius:10px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s}.sticker-see-all:hover{color:#ffffffb3;background:#ffffff24}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width>=400px){.sticker-grid{grid-template-columns:repeat(5,1fr)}}.sticker-card{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:3px;transition:transform .12s,box-shadow .18s;display:flex;overflow:hidden}.sticker-card:hover{box-shadow:none;background:0 0;transform:scale(1.12)}.sticker-card:active{transform:scale(.92)}.sticker-card-emoji{justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}.sticker-card-img{object-fit:contain;width:82%;height:82%}.sticker-card-shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;width:70%;height:70%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-dock{-webkit-backdrop-filter:none;background:0 0;border-top:none;justify-content:space-between;align-items:center;padding:6px 10px 8px;display:flex}.cta-wrap{flex-direction:column;align-items:flex-start;display:flex}.cta-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4fc3f759 0%,#29b6f640 100%);border:1px solid #4fc3f74d;border-radius:18px;align-items:center;gap:8px;padding:9px 16px;transition:all .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #4fc3f733}.cta-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.cta-btn:hover{background:linear-gradient(135deg,#4fc3f773 0%,#29b6f659 100%);transform:translateY(-1px);box-shadow:0 4px 16px #4fc3f74d}.cta-btn:active{transform:scale(.97)translateY(0);box-shadow:0 1px 4px #4fc3f733}.cta-btn:before{content:"";z-index:-1;opacity:0;background:#4fc3f726;border-radius:21px;animation:7s ease-in-out 3s infinite ctaPulse;position:absolute;inset:-3px}@keyframes ctaPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.04)}}.cta-icon{flex-shrink:0;font-size:17px;line-height:1}.cta-text{flex-direction:column;align-items:flex-start;display:flex}.cta-label{letter-spacing:.2px;font-size:14px;font-weight:700;line-height:1.1}.cta-sub{opacity:.6;letter-spacing:.1px;margin-top:1px;font-size:9px;font-weight:500;line-height:1.2}.cta-meta{align-items:center;gap:6px;margin-top:3px;padding-left:2px;display:flex}.cta-ai-badge{color:#ffffff59;letter-spacing:.15px;text-transform:none;background:0 0;border-radius:0;padding:0;font-size:9px;font-weight:500}.dock-actions{gap:8px;display:flex}.dock-icon-btn{cursor:pointer;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .18s;display:flex;position:relative;overflow:hidden}.dock-icon-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.dock-icon-btn:hover:not(:disabled){transform:translateY(-1px)}.dock-icon-btn:active:not(:disabled){transform:scale(.93)}.dock-icon-btn:disabled{opacity:.25;cursor:not-allowed}.dock-icon-btn svg{width:20px;height:20px}.dock-share{color:#fffffff2;background:linear-gradient(135deg,#4fc3f759 0%,#29b6f640 100%);box-shadow:0 2px 10px #4fc3f733}.dock-share:hover:not(:disabled){background:linear-gradient(135deg,#4fc3f773 0%,#29b6f659 100%);box-shadow:0 4px 16px #4fc3f74d}.dock-print{color:#fffc;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 100%);box-shadow:0 2px 8px #0000001a}.dock-print:hover:not(:disabled){color:#fffffff2;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff1a 100%);box-shadow:0 4px 14px #00000026}.dock-spinner{border:2px solid #ffffff26;border-top-color:#fffc;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite dockSpin}@keyframes dockSpin{to{transform:rotate(360deg)}}.studio-shell{background:#111118;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}