/* Spiffy public profile: full-screen layout.
   The creator's background (image, video or colour) fills the whole page instead of a
   rounded box floating on a second gradient, and links/shop sit in a centred column
   capped at 640px so buttons are no longer stretched across the screen. */
.spiffy-profile-appearance .container:has(> .max-w-3xl.rounded-3xl){max-width:none;padding:0;margin:0}
.spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl{position:static;max-width:none;border-radius:0;overflow:visible;min-height:100vh}
.spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl > .absolute.inset-0{position:fixed;inset:0;border-radius:0}
.spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl > .relative.z-10{max-width:640px;margin:0 auto;padding-top:56px;padding-bottom:56px}
@media (max-width:640px){
  .spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl > .relative.z-10{padding-top:32px}
}
/* Always fill the page: whatever size or shape the creator uploads. */
.spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl > .absolute.inset-0{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.spiffy-profile-appearance .container > .max-w-3xl.rounded-3xl > .absolute.inset-0 :is(img,video){width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}