html{scroll-behavior:smooth}body{min-height:100vh;background-color:#f6fbfb;color:#0f172a;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at top,rgba(34,211,238,.18),transparent 34%),linear-gradient(180deg,#f6fbfb,#ffffff)}.glass-panel{backdrop-filter:blur(18px)}@keyframes creator-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes creator-rise{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes creator-pulse-soft{0%,to{box-shadow:0 0 0 0 rgba(34,211,238,.35)}70%{box-shadow:0 0 0 14px rgba(34,211,238,0)}}.animate-float-slow{animation:creator-float 6s ease-in-out infinite}.animate-float-soft{animation:creator-float 8s ease-in-out infinite}.animate-rise{animation:creator-rise .7s cubic-bezier(.22,1,.36,1) both}.animate-rise-delay-1{animation-delay:.12s}.animate-rise-delay-2{animation-delay:.2s}.animate-rise-delay-3{animation-delay:.28s}.animate-pulse-soft{animation:creator-pulse-soft 3s ease-in-out infinite}.creator-wizard-step{display:flex;flex-direction:column;gap:.875rem}.creator-wizard-step--music{min-height:0}.creator-spotify-panel{display:flex;min-height:0;flex-direction:column}@media (max-width:1023px){.creator-wizard-main{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.creator-wizard-aside{order:-1}.creator-wizard-page{--creator-phone-height:min(480px,52vh)}}.creator-wizard-step--intro{height:100%;min-height:0;gap:1rem}.creator-wizard-page{--creator-phone-height:min(552px,61vh);--creator-aside-height:calc(var(--creator-phone-height) + 9.75rem);--creator-wizard-main-max:calc(100dvh - 9.25rem)}@media (min-width:1024px){.creator-wizard-panel{overflow:hidden}.creator-wizard-page .creator-wizard-panel-body{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.creator-wizard-panel--step-one{overflow:hidden}.creator-wizard-panel--step-one .creator-wizard-panel-body{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden}.creator-wizard-plan-fill .wizard-plan-grid{min-height:10.5rem}.creator-wizard-aside .creator-live-preview-root{margin-top:.5rem}}.creator-live-preview-root{--preview-design-width:390px;--preview-scale:0.64;--phone-height:var(--creator-phone-height,min(600px,66vh));--phone-width:min(300px,100%)}.creator-phone-device{width:var(--phone-width);height:var(--phone-height);margin-inline:auto}.creator-phone-shell{height:100%;border-radius:46px;padding:11px;background:linear-gradient(160deg,#334155,#0f172a 48%,#020617);box-shadow:0 28px 60px -28px rgba(15,23,42,.65),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35)}.creator-phone-inset{display:flex;height:100%;flex-direction:column;padding:14px 8px 16px}.creator-phone-screen{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;border-radius:34px;background:var(--gift-bg,#000);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.2)}.creator-phone-screen:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.creator-preview-scale-host{position:relative;z-index:0;width:var(--preview-design-width);max-width:none;height:100%;margin-inline:auto;zoom:var(--preview-scale)}.creator-preview-scroll{padding-top:10px}.creator-preview-nav-slot{padding-top:4px;padding-bottom:10px}@supports not (zoom:1){.creator-preview-scale-host{transform:scale(var(--preview-scale));transform-origin:top center;width:calc(var(--preview-design-width) * var(--preview-scale));margin-inline:auto}}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.wizard-date-wheel{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 18%,black 82%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 18%,black 82%,transparent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-float-slow,.animate-float-soft,.animate-pulse-soft,.animate-rise{animation:none!important}}