@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,800;1,600&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--color-bg-light:#fdfbf7;--color-text-main:#1e293b;--color-text-muted:#64748b;--glass-bg:#ffffffd9;--glass-border:#fff9;--glass-blur:blur(20px);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow-soft:0 15px 35px #94a3b82e;--shadow-lift:0 20px 45px #f472b640;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#fef2f2 0%,#f0fdf4 50%,#f5f3ff 100%);min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.studio-wrapper{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.studio-header{text-align:center;margin-bottom:32px}.brand-pill{color:#db2777;background:#fce7f3;border:1px solid #fbcfe8;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 20px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #db27771a}.brand-title{font-family:var(--font-serif);background:linear-gradient(135deg,#e11d48 0%,#a855f7 50%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.2rem;font-weight:800}.brand-tagline{color:var(--color-text-muted);max-width:640px;margin:0 auto;font-size:1.15rem}.studio-tabs{justify-content:center;gap:14px;margin-bottom:32px;display:flex}.tab-btn{color:#475569;cursor:pointer;transition:var(--transition-smooth);background:#fffc;border:1px solid #cbd5e199;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #94a3b81a}.tab-btn.active,.tab-btn:hover{color:#fff;background:#f472b6;border-color:#f472b6;transform:translateY(-2px);box-shadow:0 8px 20px #f472b659}.studio-main-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=900px){.studio-main-grid{grid-template-columns:1fr}}.creator-card{padding:36px}.section-heading{color:#0f172a;align-items:center;gap:10px;margin-bottom:24px;font-size:1.5rem;font-weight:800;display:flex}.creator-form{flex-direction:column;gap:22px;display:flex}.form-row{gap:16px;display:flex}.flex-1{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.input-label{color:#334155;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.text-input,.text-area,.prompt-textarea{border-radius:var(--radius-sm);color:#0f172a;width:100%;font-family:var(--font-sans);transition:var(--transition-smooth);background:#ffffffe6;border:1.5px solid #cbd5e1;padding:14px 18px;font-size:.95rem}.text-input:focus,.text-area:focus,.prompt-textarea:focus{border-color:#f472b6;outline:none;box-shadow:0 0 0 4px #f472b633}.theme-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.theme-selector-card{border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:#ffffffb3;border:2.5px solid #0000;padding:12px;box-shadow:0 4px 12px #94a3b814}.theme-selector-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #94a3b826}.theme-selector-card.active{background:#fff;box-shadow:0 10px 25px #f472b640}.theme-card-img-wrap{border-radius:var(--radius-sm);width:100%;height:95px;margin-bottom:8px;overflow:hidden}.theme-card-img-wrap img{object-fit:cover;width:100%;height:100%}.theme-card-name{color:#0f172a;font-size:.95rem;font-weight:800}.theme-badge-small{color:#64748b;font-size:.78rem;font-weight:600}.preset-buttons{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{color:#334155;cursor:pointer;transition:var(--transition-smooth);background:#f1f5f9e6;border:1px solid #cbd5e1;border-radius:9999px;padding:7px 14px;font-size:.85rem;font-weight:600}.preset-chip:hover{color:#fff;background:#f472b6;border-color:#f472b6}.form-actions{gap:12px;margin-top:12px;display:flex}.btn-primary-action,.btn-secondary-action{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:1.05rem;font-weight:800;display:flex}.btn-primary-action{color:#fff;background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border:none;box-shadow:0 10px 25px #f472b666}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 15px 30px #f472b68c}.btn-secondary-action{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.btn-secondary-action:hover{background:#f8fafc;border-color:#94a3b8}.preview-card-column{flex-direction:column;gap:16px;display:flex}.card-preview-stage{border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lift);flex-direction:column;min-height:500px;display:flex;overflow:hidden}.preview-hero-wrap{height:220px;position:relative;overflow:hidden}.preview-hero-img{object-fit:cover;width:100%;height:100%}.preview-hero-overlay{background:linear-gradient(#0000 0%,#fffffff2 100%);position:absolute;inset:0}.preview-to-from{justify-content:space-between;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.badge-to,.badge-from{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;background:#ffffffe6;border-radius:9999px;padding:6px 16px;font-size:.88rem;font-weight:700;box-shadow:0 4px 12px #0000001a}.preview-card-body{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:28px;display:flex}.preview-wish-title{font-family:var(--font-serif);color:#0f172a;margin-bottom:12px;font-size:2rem;font-weight:800}.preview-wish-text{color:#334155;font-size:1.1rem;font-style:italic;line-height:1.6}.preview-envelope-badge{color:#92400e;background:#fef3c7;border:1px solid #fde047;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:8px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.gemini-art-studio{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:36px}.art-header{margin-bottom:24px}.art-badge{color:#0284c7;background:#e0f2fe;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.art-title{color:#0f172a;font-size:2rem;font-weight:800}.art-desc{color:var(--color-text-muted)}.art-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=800px){.art-grid{grid-template-columns:1fr}}.theme-art-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px;display:grid}.art-card-item{border-radius:var(--radius-md);cursor:pointer;height:150px;transition:var(--transition-smooth);border:3px solid #0000;position:relative;overflow:hidden}.art-card-item.active,.art-card-item:hover{border-color:#f472b6;transform:scale(1.03)}.art-thumb{object-fit:cover;width:100%;height:100%}.art-card-info{background:linear-gradient(#0000 0%,#fffffff2 100%);flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:absolute;inset:0}.art-card-title{color:#0f172a;font-size:.95rem;font-weight:800}.art-card-badge{color:#db2777;font-size:.78rem;font-weight:600}.style-chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{color:#334155;cursor:pointer;transition:var(--transition-smooth);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;padding:8px 18px;font-size:.88rem;font-weight:600}.chip-btn.active,.chip-btn:hover{color:#fff;background:#f472b6;border-color:#f472b6;font-weight:700}.full-prompt-preview{border-radius:var(--radius-md);background:#f8fafc;border:1.5px dashed #cbd5e1;margin-top:16px;padding:18px}.prompt-code{color:#2563eb;word-break:break-all;margin:8px 0;font-family:monospace;font-size:.88rem;display:block}.btn-copy-prompt{color:#0284c7;border-radius:var(--radius-sm);cursor:pointer;background:#e0f2fe;border:1px solid #bae6fd;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;display:flex}.viewer-page{justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow-x:hidden}.background-canvas{pointer-events:none;z-index:1;position:fixed;inset:0}.btn-music-toggle{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#0f172a;cursor:pointer;transition:var(--transition-smooth);background:#ffffffe6;border:1.5px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 20px #94a3b833}.btn-music-toggle.active{border-color:#f472b6;box-shadow:0 0 20px #f472b666}.gift-intro-screen{z-index:10;text-align:center}.gift-box-wrapper{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.gift-glow{filter:blur(60px);opacity:.6;border-radius:50%;width:280px;height:280px;animation:3s infinite alternate pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.8)}to{opacity:.9;transform:scale(1.2)}}.gift-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#f472b6,#fb7185);justify-content:center;align-items:center;width:170px;height:170px;animation:3s ease-in-out infinite floatBox;display:flex;position:relative;box-shadow:0 20px 50px #f472b666}@keyframes floatBox{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.gift-icon{color:#fff;width:75px;height:75px}.gift-prompt{margin-top:32px}.gift-prompt h2{font-family:var(--font-serif);color:#0f172a;margin-bottom:8px;font-size:2.5rem}.gift-prompt p{color:var(--color-text-muted);margin-bottom:24px;font-size:1.15rem}.btn-unwrap{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);border:none;border-radius:9999px;align-items:center;gap:10px;padding:18px 36px;font-size:1.15rem;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #f472b673}.btn-unwrap:hover{transform:scale(1.05)}.wish-content-container{z-index:10;flex-direction:column;gap:32px;width:100%;max-width:740px;display:flex;position:relative}.hero-wish-card{background:#ffffffe6;padding:0;overflow:hidden}.card-badge-header{color:#334155;border-bottom:1px solid #cbd5e199;justify-content:space-between;align-items:center;padding:16px 24px;font-size:.88rem;font-weight:700;display:flex}.btn-sing-header{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #f472b64d}.btn-sing-header:hover{transform:scale(1.04);box-shadow:0 6px 16px #f472b673}.vocal-music-card{border-radius:var(--radius-md);text-align:center;background:#f8fafc;border:2px dashed #f472b6;margin:0 32px 32px;padding:20px}.vocal-card-header{letter-spacing:1px;color:#db2777;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:.9rem;font-weight:800;display:flex}.vocal-sheet-grid{flex-direction:column;gap:10px;display:flex}.vocal-phrase-row{border-radius:var(--radius-sm);text-align:left;transition:var(--transition-smooth);background:#fff;border:1px solid #e2e8f0;padding:12px 16px}.vocal-phrase-row.active-singing{background:#fce7f3;border-color:#f472b6;transform:scale(1.02);box-shadow:0 4px 15px #f472b64d}.vocal-lyric-line{color:#0f172a;font-size:1.05rem;font-weight:800}.vocal-notes-line{color:#db2777;letter-spacing:2px;margin-top:4px;font-family:monospace;font-size:.9rem;font-weight:700}.photo-upload-header{justify-content:space-between;align-items:center;display:flex}.btn-sample-photos{color:#db2777;cursor:pointer;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:flex}.photo-upload-box{border-radius:var(--radius-md);background:#f8fafc;border:2px dashed #cbd5e1;padding:16px}.photo-dropzone{border-radius:var(--radius-sm);cursor:pointer;color:#3b82f6;transition:var(--transition-smooth);background:#fff;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:10px;padding:14px;font-weight:700;display:flex}.photo-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.photo-dropzone.disabled{opacity:.5;cursor:not-allowed}.photo-thumbs-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;display:grid}.photo-thumb-item{border:2px solid #f472b6;border-radius:8px;height:70px;position:relative;overflow:hidden}.photo-thumb-img{object-fit:cover;width:100%;height:100%}.btn-remove-thumb{color:#fff;cursor:pointer;background:#e11d48d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px}.photo-slideshow-container{text-align:center;padding:28px}.slideshow-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.slideshow-badge{color:#831843;background:#fbcfe8;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:.88rem;font-weight:800;display:inline-flex}.slideshow-counter{color:#64748b;font-size:.88rem;font-weight:700}.polaroid-frame{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:520px;margin:0 auto;padding:16px 16px 24px;position:relative;box-shadow:0 15px 35px #0000001f}.polaroid-image-wrapper{background:#f1f5f9;border-radius:10px;width:100%;height:320px;position:relative;overflow:hidden}.polaroid-image{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .4s}.polaroid-image:hover{transform:scale(1.03)}.btn-lightbox-trigger{color:#fff;cursor:pointer;background:#0f172ab3;border:none;border-radius:50%;padding:8px;position:absolute;bottom:12px;right:12px}.polaroid-caption{font-family:var(--font-serif);color:#0f172a;margin-top:16px;font-size:1.25rem;font-weight:700}.btn-carousel-arrow{color:#0f172a;cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:#ffffffe6;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:45%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.btn-carousel-arrow.prev{left:-16px}.btn-carousel-arrow.next{right:-16px}.btn-carousel-arrow:hover{color:#fff;background:#f472b6;border-color:#f472b6}.slideshow-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.dot-btn{cursor:pointer;width:10px;height:10px;transition:var(--transition-smooth);background:#cbd5e1;border:none;border-radius:50%}.dot-btn.active{background:#f472b6;border-radius:9999px;width:26px}.lightbox-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-image{border-radius:16px;max-width:100%;max-height:85vh;box-shadow:0 25px 60px #00000080}.btn-lightbox-close{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 4px 12px #0000004d}.card-art-hero{height:340px;position:relative}.card-art-img{object-fit:cover;width:100%;height:100%}.card-art-gradient-overlay{background:linear-gradient(#0000 0%,#fff3 40%,#fff 100%);position:absolute;inset:0}.card-greeting{position:absolute;bottom:24px;left:32px;right:32px}.greeting-title{font-family:var(--font-serif);color:#0f172a;text-shadow:0 2px 10px #ffffffe6;margin-bottom:4px;font-size:3rem;font-weight:800}.greeting-subtitle{color:#475569;font-size:1.25rem;font-weight:600}.card-message-body{text-align:center;padding:36px;position:relative}.quote-mark{font-family:var(--font-serif);color:#f472b640;margin-bottom:12px;font-size:4.5rem;line-height:0}.quote-mark.end{margin-top:24px;margin-bottom:0}.main-message-text{color:#1e293b;font-size:1.35rem;font-weight:500;line-height:1.75}.envelope-section{padding:0 36px 36px}.envelope-box{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#fffbeeb0;border:2px dashed #fde047;padding:22px}.envelope-box:hover{background:#fef3c7}.envelope-seal{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.envelope-text{color:#92400e;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.secret-note-paper{color:#451a03;border-radius:var(--radius-sm);text-align:left;background:#fff;border:1px solid #fde047;margin-top:16px;padding:22px;box-shadow:0 10px 20px #d977061f}.cake-game-container{text-align:center;padding:36px}.game-title{color:#0f172a;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:1.6rem;font-weight:800;display:flex}.game-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:1rem}.cake-stage{flex-direction:column;justify-content:flex-end;align-items:center;height:230px;margin-bottom:24px;display:flex;position:relative}.cake-glow{filter:blur(40px);border-radius:50%;width:320px;height:160px;position:absolute}.candles-row{width:250px;height:70px;position:absolute;top:10px}.candle-item{cursor:pointer;width:14px;height:60px;position:absolute}.candle-stick{border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000026}.flame-wrapper{width:16px;height:24px;animation:.6s infinite alternate flicker;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@keyframes flicker{0%{transform:translate(-50%)scale(1)rotate(-2deg)}to{transform:translate(-50%)scale(1.1)rotate(2deg)}}.flame-outer{filter:drop-shadow(0 0 8px #f97316);background:#f97316;border-radius:50% 50% 20% 20%;width:100%;height:100%}.flame-inner{background:#fef08a;border-radius:50%;width:8px;height:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.smoke-trail{position:absolute;top:-20px;left:50%;transform:translate(-50%)}.smoke-puff{background:#94a3b880;border-radius:50%;width:10px;height:10px;animation:1.5s forwards riseSmoke}@keyframes riseSmoke{0%{opacity:.8;transform:translateY(0)scale(.5)}to{opacity:0;transform:translateY(-30px)scale(2)}}.cake-body{flex-direction:column;align-items:center;width:270px;display:flex}.cake-tier{letter-spacing:1px;color:#fff;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.tier-top{width:210px;height:52px;font-size:.85rem}.tier-bottom{width:270px;height:75px}.cake-stand{background:#cbd5e199;border-radius:9999px;width:290px;height:14px;margin-top:2px}.btn-blow-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ec4899 100%);border:none;border-radius:9999px;align-items:center;gap:8px;padding:14px 28px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #f9731659}.congratulations-box{color:#16a34a;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex}.btn-reset{color:#334155;border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #cbd5e1;padding:6px 14px;font-size:.85rem}.btn-create-own{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#f472b6 0%,#8b5cf6 100%);border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 10px 25px #f472b659}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;background:#fff;width:100%;max-width:520px;padding:36px;position:relative;box-shadow:0 25px 60px #0f172a40}.btn-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.share-link-box{gap:8px;margin:24px 0;display:flex}.share-url-input{color:#0f172a;border-radius:var(--radius-sm);background:#f8fafc;border:1.5px solid #cbd5e1;flex:1;padding:12px 16px;font-size:.88rem}.btn-copy-url{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#f472b6;border:none;align-items:center;gap:6px;padding:12px 18px;font-weight:800;display:flex}.qr-container{border-radius:var(--radius-md);text-align:left;background:#f8fafc;align-items:center;gap:20px;margin-bottom:24px;padding:18px;display:flex}.qr-box{background:#fff;border-radius:12px;width:110px;height:110px;padding:6px;box-shadow:0 4px 12px #00000014}.qr-image{width:100%;height:100%}.btn-preview-link{color:#0284c7;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.icon-spin{animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}