/* ViLo v8.3.3 theme reliability and professional polish */
body.creator-canvas-active-v832{
  --creator-content-gutter:clamp(16px,3vw,40px);
  --creator-hero-overlap:clamp(58px,6vw,86px);
  --creator-avatar-size:clamp(112px,10vw,142px);
  --creator-section-gap:clamp(28px,4vw,52px);
}

/* Keep the full creator canvas visually continuous and consistently aligned. */
body.route-creator.creator-canvas-active-v832 .creator-profile-v472.live-creator-page{
  padding-top:clamp(14px,2vw,26px)!important;
  padding-bottom:clamp(56px,7vw,92px)!important;
}
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-cover-v472{
  box-shadow:0 24px 76px color-mix(in srgb,var(--creator-surface) 56%,rgba(0,0,0,.34))!important;
}
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-head-v472,
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-head-v472.tabbed-creator-head{
  width:calc(100% - (var(--creator-content-gutter) * 2));
  max-width:calc(var(--creator-page-width) - (var(--creator-content-gutter) * 2));
  margin-inline:auto!important;
  box-sizing:border-box;
}
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-tab-content-v755{
  display:grid;
  gap:var(--creator-section-gap);
}
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-tabs-v472{
  scroll-padding-inline:12px;
}

/* Exact centered layout. Avatar, identity, summary, badges, and actions share one axis. */
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472,
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472.tabbed-creator-head,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472.tabbed-creator-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row;
  justify-items:center!important;
  align-items:start!important;
  width:min(calc(100% - (var(--creator-content-gutter) * 2)),980px)!important;
  max-width:980px!important;
  margin:calc(var(--creator-hero-overlap) * -1) auto 0!important;
  padding:0 0 clamp(24px,3vw,34px)!important;
  text-align:center!important;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .avatar,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472 .avatar{
  grid-column:1;
  justify-self:center!important;
  width:var(--creator-avatar-size)!important;
  height:var(--creator-avatar-size)!important;
  margin:0 auto clamp(14px,2vw,22px)!important;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .creator-identity,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472 .creator-identity{
  grid-column:1;
  display:grid!important;
  justify-items:center!important;
  width:100%!important;
  max-width:920px!important;
  min-width:0;
  padding:0!important;
  text-align:center!important;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 h1,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472 h1{
  width:100%;
  margin:4px auto 10px!important;
  text-align:center!important;
  text-wrap:balance;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .lead,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472 .lead{
  width:min(100%,860px)!important;
  margin:0 auto 12px!important;
  text-align:center!important;
  text-wrap:balance;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-badges,
body.route-creator.creator-canvas-active-v832.header-centered .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.header-centered .creator-follow-summary-v771,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-badges,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-follow-summary-v771{
  width:100%;
  justify-content:center!important;
  justify-items:center!important;
  text-align:center!important;
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-actions-v472{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}

/* Stacked is deliberate, clean, and follows the chosen alignment. */
body.route-creator.creator-canvas-active-v832.header-stacked .creator-head-v472,
body.route-creator.creator-canvas-active-v832.header-stacked .creator-head-v472.tabbed-creator-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:16px!important;
  margin:clamp(22px,3vw,38px) auto 0!important;
}
body.route-creator.creator-canvas-active-v832.header-stacked .creator-head-v472 .avatar{
  width:var(--creator-avatar-size)!important;
  height:var(--creator-avatar-size)!important;
}
body.route-creator.creator-canvas-active-v832.header-stacked.profile-center .creator-head-v472{
  justify-items:center!important;
  text-align:center!important;
  max-width:980px!important;
}
body.route-creator.creator-canvas-active-v832.header-stacked.profile-center .creator-head-v472 .creator-identity{
  display:grid!important;
  justify-items:center!important;
  max-width:920px;
  padding-top:0!important;
}
body.route-creator.creator-canvas-active-v832.header-stacked.profile-center .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.header-stacked.profile-center .creator-badges,
body.route-creator.creator-canvas-active-v832.header-stacked.profile-center .creator-follow-summary-v771{justify-content:center!important}

/* Split keeps a professional two-column composition without oversized empty space. */
body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472,
body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472.tabbed-creator-head{
  grid-template-columns:clamp(132px,14vw,188px) minmax(0,1fr)!important;
  align-items:end!important;
  gap:clamp(22px,4vw,46px)!important;
  margin:calc(clamp(70px,7vw,98px) * -1) auto 0!important;
}
body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .avatar{
  width:clamp(132px,14vw,188px)!important;
  height:clamp(132px,14vw,188px)!important;
}
body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .creator-identity{padding-top:clamp(40px,6vw,76px)!important}

/* Avatar shapes. Legacy squircle becomes the polished rounded shape. */
.creator-theme-scope-v830.avatar-rounded .creator-head .avatar,
.creator-theme-scope-v830.avatar-rounded .creator-head .avatar img,
.creator-theme-scope-v830.avatar-squircle .creator-head .avatar,
.creator-theme-scope-v830.avatar-squircle .creator-head .avatar img{
  border-radius:clamp(20px,18%,28px)!important;
}
.creator-theme-scope-v830.avatar-soft_square .creator-head .avatar,
.creator-theme-scope-v830.avatar-soft_square .creator-head .avatar img{
  border-radius:28px!important;
}
.creator-theme-preview-v830.avatar-circle .preview-avatar-v830{border-radius:50%!important}
.creator-theme-preview-v830.avatar-rounded .preview-avatar-v830,
.creator-theme-preview-v830.avatar-squircle .preview-avatar-v830{border-radius:18px!important}
.creator-theme-preview-v830.avatar-soft_square .preview-avatar-v830{border-radius:24px!important}

/* Normalize cards and section framing across presets. */
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .card,
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .tier,
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .post-card,
body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .product-card-v50{
  overflow:hidden;
  box-shadow:0 18px 54px color-mix(in srgb,var(--creator-surface) 58%,rgba(0,0,0,.24));
}
body.route-creator.creator-canvas-active-v832.cards-outline .creator-profile-v472 .card,
body.route-creator.creator-canvas-active-v832.cards-outline .creator-profile-v472 .tier,
body.route-creator.creator-canvas-active-v832.cards-outline .creator-profile-v472 .post-card{
  box-shadow:0 12px 38px color-mix(in srgb,var(--creator-surface) 66%,rgba(0,0,0,.16));
}
body.route-creator.creator-canvas-active-v832.preset-daylight .nav,
body.route-creator.creator-canvas-active-v832.preset-daylight .footer{
  text-shadow:none!important;
}
body.route-creator.creator-canvas-active-v832.preset-daylight .profile-dropdown,
body.route-creator.creator-canvas-active-v832.preset-daylight .notify-dropdown{
  box-shadow:0 22px 70px rgba(24,34,58,.16)!important;
}

/* Polished tabs remain easy to scan at every width. */
body.route-creator.creator-canvas-active-v832 .creator-tabs-v472 a{
  min-height:44px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  font-weight:850;
}
body.route-creator.creator-canvas-active-v832.tabs-underline .creator-tabs-v472 a.active{
  box-shadow:inset 0 -3px var(--creator-accent-2)!important;
}
body.route-creator.creator-canvas-active-v832.tabs-pills .creator-tabs-v472,
body.route-creator.creator-canvas-active-v832.tabs-bar .creator-tabs-v472{
  box-shadow:0 16px 46px color-mix(in srgb,var(--creator-surface) 60%,rgba(0,0,0,.18));
}

/* Theme editor preview now mirrors exact centering and shape choices. */
.creator-theme-preview-v830.header-centered>header,
.creator-theme-preview-v830.header-overlap.profile-center>header{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
}
.creator-theme-preview-v830.header-centered>header>div:last-child,
.creator-theme-preview-v830.header-overlap.profile-center>header>div:last-child{
  display:grid;
  justify-items:center;
}
.creator-theme-preview-v830.header-centered>header p,
.creator-theme-preview-v830.header-overlap.profile-center>header p{text-align:center}

/* A restored page must always be interactive. */
html.v833-ui-ready,
body.v833-ui-ready{pointer-events:auto!important}
body.v833-ui-ready .seamless-transition-overlay,
body.v833-ui-ready .page-transition-overlay{
  pointer-events:none!important;
}

@media(max-width:820px){
  body.creator-canvas-active-v832{--creator-content-gutter:14px;--creator-avatar-size:112px;--creator-hero-overlap:58px}
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472,
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472.tabbed-creator-head{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:18px!important;
    margin:-58px auto 0!important;
  }
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .avatar{width:112px!important;height:112px!important}
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .creator-identity{padding-top:38px!important}
}
@media(max-width:620px){
  body.creator-canvas-active-v832{--creator-content-gutter:10px;--creator-avatar-size:96px;--creator-hero-overlap:48px}
  body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472,
  body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472.tabbed-creator-head,
  body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472,
  body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472.tabbed-creator-head{
    justify-items:center!important;
    text-align:center!important;
    margin:calc(var(--creator-hero-overlap) * -1) auto 0!important;
    padding-bottom:20px!important;
  }
  body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .creator-identity,
  body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-head-v472 .creator-identity{
    justify-items:center!important;
    text-align:center!important;
  }
  body.route-creator.creator-canvas-active-v832.header-centered .creator-actions-v472,
  body.route-creator.creator-canvas-active-v832.header-centered .creator-badges,
  body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-actions-v472,
  body.route-creator.creator-canvas-active-v832.header-overlap.profile-center .creator-badges{justify-content:center!important}
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472,
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472.tabbed-creator-head{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    text-align:left!important;
    margin:-46px auto 0!important;
  }
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .creator-identity{padding-top:0!important}
  body.route-creator.creator-canvas-active-v832 .creator-profile-v472 .creator-head-v472 h1{
    font-size:clamp(2.5rem,13vw,3.9rem)!important;
    line-height:.92!important;
  }
  body.route-creator.creator-canvas-active-v832 .creator-actions-v472 .btn,
  body.route-creator.creator-canvas-active-v832 .creator-actions-v472 button{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  body.creator-canvas-active-v832 *,
  .creator-theme-preview-v830 *{scroll-behavior:auto!important}
}
body.route-creator.creator-canvas-active-v832 .creator-head-v472 h1.v833-title-long{font-size:clamp(2.7rem,5.3vw,4.9rem)!important}
body.route-creator.creator-canvas-active-v832 .creator-head-v472 h1.v833-title-very-long{font-size:clamp(2.35rem,4.6vw,4.15rem)!important;letter-spacing:-.05em!important}
@media(max-width:620px){
  body.route-creator.creator-canvas-active-v832 .creator-head-v472 h1.v833-title-long{font-size:clamp(2.25rem,11.5vw,3.35rem)!important}
  body.route-creator.creator-canvas-active-v832 .creator-head-v472 h1.v833-title-very-long{font-size:clamp(2rem,10vw,3rem)!important}
}