@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--font-primary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-cute:"Fredoka",cursive,sans-serif;--bg-primary:#f8f6ff;--bg-secondary:#fff;--bg-card:hsla(0,0%,100%,.85);--bg-glass:hsla(0,0%,100%,.65);--accent-pink:#ff758f;--accent-purple:#845ef7;--accent-lavender:#eebefa;--accent-mint:#20c997;--accent-yellow:#ffd43b;--accent-sky:#4dabf7;--gradient-main:linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef);--gradient-cute:linear-gradient(135deg,#a1c4fd,#c2e9fb);--gradient-hero:linear-gradient(135deg,#845ef7,#ff758f);--text-main:#2b2c34;--text-muted:#6c757d;--border-light:rgba(132,94,247,.15);--border-glow:rgba(255,117,143,.3);--shadow-sm:0 4px 12px rgba(132,94,247,.08);--shadow-md:0 8px 24px rgba(132,94,247,.12);--shadow-lg:0 16px 36px rgba(132,94,247,.18);--shadow-cute:0 10px 30px rgba(255,117,143,.25);--radius-lg:24px;--radius-md:16px;--radius-sm:12px}[data-theme=dark]{--bg-primary:#12101e;--bg-secondary:#1a172e;--bg-card:rgba(30,27,52,.85);--bg-glass:rgba(26,23,46,.75);--text-main:#f8f9fa;--text-muted:#a0a5ba;--border-light:hsla(0,0%,100%,.12);--shadow-sm:0 4px 12px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.4);--shadow-lg:0 16px 36px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-primary);-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(255,117,143,.08) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(132,94,247,.08) 0,transparent 20%),radial-gradient(circle at 50% 50%,rgba(32,201,151,.05) 0,transparent 50%)}.cute-font{font-family:var(--font-cute)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);padding:14px 24px}.nav-container{max-width:1200px;margin:0 auto;justify-content:space-between}.brand-title,.nav-container{display:flex;align-items:center}.brand-title{gap:10px;font-family:var(--font-cute);font-size:1.5rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-badge{background:linear-gradient(135deg,#ff758f,#845ef7);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.5px;box-shadow:0 4px 10px rgba(255,117,143,.3)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-lg)}.drop-zone{border:2px dashed var(--accent-pink);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.drop-zone.dragging{border-color:var(--accent-purple);background:rgba(132,94,247,.08);transform:scale(1.01)}.drop-zone:hover{background:rgba(255,117,143,.05);transform:translateY(-2px)}.btn-cute-primary{background:var(--gradient-hero);color:#fff;border:none;padding:14px 28px;border-radius:30px;font-weight:700;font-size:1rem;font-family:var(--font-cute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-cute);transition:all .25s ease}.btn-cute-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(255,117,143,.4)}.btn-cute-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-light);padding:12px 24px;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-cute-secondary:hover{background:rgba(132,94,247,.06);border-color:var(--accent-purple);transform:translateY(-1px)}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 0),linear-gradient(-45deg,#e0e0e0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e0e0e0 0),linear-gradient(-45deg,transparent 75%,#e0e0e0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}[data-theme=dark] .checkerboard{background-color:#1e1b34;background-image:linear-gradient(45deg,#2b274c 25%,transparent 0),linear-gradient(-45deg,#2b274c 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2b274c 0),linear-gradient(-45deg,transparent 75%,#2b274c 0)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(4deg)}}.floating-anim{animation:float 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pulse-anim{animation:pulseGlow 2s ease-in-out infinite}.footer-container{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:36px 24px 40px;color:var(--text-muted);font-size:.9rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;flex-direction:column;gap:14px;text-align:center}.footer-content,.footer-credits{display:flex;align-items:center;justify-content:center}.footer-credits{gap:16px;flex-wrap:wrap;font-size:.95rem;font-weight:600}.footer-link{color:var(--accent-pink);text-decoration:none;font-weight:700;transition:opacity .2s}.footer-link:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.navbar{padding:12px 16px}.brand-title{font-size:1.25rem}.drop-zone{padding:32px 16px}.btn-cute-primary{width:100%;padding:16px 20px;font-size:1.05rem}.mobile-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -10px 40px rgba(0,0,0,.2);padding:20px 16px 30px;z-index:200}.mobile-preview-tabs{display:flex;gap:8px;background:var(--bg-primary);padding:4px;border-radius:30px;margin-bottom:12px}.mobile-tab-btn{flex:1 1;padding:10px;border:none;border-radius:20px;font-size:.85rem;font-weight:700;background:transparent;color:var(--text-muted);cursor:pointer}.mobile-tab-btn.active{background:var(--bg-secondary);color:var(--accent-pink);box-shadow:var(--shadow-sm)}}