/* ViLo v8.3.1 full-width creator pages and creator-theme cleanup */
body.route-creator{overflow-x:clip}
body.route-creator>.container{overflow:visible}

/* Creator identity is a page canvas, not a card inside the site. */
body.route-creator .creator-profile-v472.live-creator-page{
  --creator-accent:var(--accent,#7c5cff);
  --creator-accent-2:var(--accent2,#2ee6a6);
  --creator-surface:var(--bg,#0b1020);
  --creator-surface-2:var(--panel,#121936);
  --creator-text:var(--text,#f5f7ff);
  --creator-muted:var(--muted,#aeb8d8);
  --creator-page-width:var(--site-max,1360px);
  --creator-page-gutter:max(18px,calc((100vw - var(--creator-page-width))/2));
  box-sizing:border-box;
  width:100vw!important;
  max-width:100vw!important;
  margin:18px calc(50% - 50vw) 0!important;
  padding:24px var(--creator-page-gutter) 72px!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 7% 5%,color-mix(in srgb,var(--creator-accent) 22%,transparent),transparent 34%),
    radial-gradient(circle at 92% 14%,color-mix(in srgb,var(--creator-accent-2) 15%,transparent),transparent 32%),
    linear-gradient(160deg,var(--creator-surface),color-mix(in srgb,var(--creator-surface-2) 88%,var(--creator-surface)))!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.route-creator .creator-profile-v472.creator-theme-scope-v830::after,
.creator-theme-scope-v830.show-brand-mark::after{content:none!important;display:none!important}

/* Banner and profile identity read as one continuous hero. */
body.route-creator .creator-profile-v472 .creator-cover-v472{
  width:100%;
  height:clamp(280px,34vw,440px)!important;
  margin:0!important;
  border-radius:clamp(20px,2.2vw,32px)!important;
  border:1px solid color-mix(in srgb,var(--creator-accent) 36%,transparent)!important;
  box-shadow:0 28px 90px color-mix(in srgb,var(--creator-accent) 15%,rgba(0,0,0,.38))!important;
  overflow:hidden;
}
body.route-creator .creator-profile-v472 .creator-cover-v472 .cover-overlay{
  background:linear-gradient(180deg,rgba(2,7,18,.04) 0%,rgba(2,7,18,.12) 48%,rgba(2,7,18,.72) 100%)!important;
}
body.route-creator .creator-profile-v472 .creator-head-v472,
body.route-creator .creator-profile-v472 .creator-head-v472.tabbed-creator-head{
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr)!important;
  align-items:end!important;
  gap:24px!important;
  margin:-76px clamp(18px,3vw,40px) 0!important;
  padding:0 0 24px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)!important;
  background:transparent!important;
}
body.route-creator .creator-profile-v472 .creator-head-v472 .avatar{
  width:136px!important;
  height:136px!important;
  margin:0!important;
  border:5px solid color-mix(in srgb,var(--creator-surface) 92%,transparent)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 0 1px color-mix(in srgb,var(--creator-accent) 54%,transparent)!important;
}
body.route-creator .creator-profile-v472 .creator-head-v472 .creator-identity{
  min-width:0;
  padding:52px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.route-creator .creator-profile-v472 .creator-head-v472 h1{
  margin:4px 0 8px!important;
  max-width:100%;
  font-size:clamp(3rem,6vw,5.5rem)!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
  overflow-wrap:anywhere;
}
body.route-creator .creator-profile-v472 .creator-head-v472 .lead{max-width:880px!important;margin:0 0 10px!important}
body.route-creator .creator-profile-v472 .creator-actions-v472{margin-top:14px!important}

/* Navigation is integrated into the page instead of sitting in another card. */
body.route-creator .creator-profile-v472 .creator-tabs-v472{
  width:100%;
  margin:20px 0 0!important;
  padding:10px 0!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.route-creator .creator-profile-v472 .creator-tabs-v472 a{padding:12px 18px!important}
body.route-creator .creator-profile-v472 .creator-tab-content-v755{padding-top:34px!important}
body.route-creator .creator-profile-v472 .creator-tab-panel{margin-bottom:0!important}
body.route-creator .creator-profile-v472>.discord-banner{margin-bottom:0}

/* Keep cards useful without recreating a page-sized shell. */
body.route-creator .creator-profile-v472 .creator-about-card,
body.route-creator .creator-profile-v472 .tier,
body.route-creator .creator-profile-v472 .tier-card-v811,
body.route-creator .creator-profile-v472 .post-card,
body.route-creator .creator-profile-v472 .product-card-v50{
  box-shadow:0 18px 52px color-mix(in srgb,var(--creator-surface) 55%,rgba(0,0,0,.28));
}
body.route-creator .creator-profile-v472 .section-head.compact{margin-bottom:18px}

@media(max-width:900px){
  body.route-creator .creator-profile-v472.live-creator-page{padding-top:16px!important}
  body.route-creator .creator-profile-v472 .creator-cover-v472{height:260px!important}
  body.route-creator .creator-profile-v472 .creator-head-v472,
  body.route-creator .creator-profile-v472 .creator-head-v472.tabbed-creator-head{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:16px!important;
    margin:-58px 14px 0!important;
  }
  body.route-creator .creator-profile-v472 .creator-head-v472 .avatar{width:108px!important;height:108px!important}
  body.route-creator .creator-profile-v472 .creator-head-v472 .creator-identity{padding-top:36px!important}
  body.route-creator .creator-profile-v472 .creator-head-v472 h1{font-size:clamp(2.7rem,9vw,4.5rem)!important}
}
@media(max-width:620px){
  body.route-creator .creator-profile-v472.live-creator-page{--creator-page-gutter:12px;padding-bottom:48px!important}
  body.route-creator .creator-profile-v472 .creator-cover-v472{height:210px!important;border-radius:22px!important}
  body.route-creator .creator-profile-v472 .creator-head-v472,
  body.route-creator .creator-profile-v472 .creator-head-v472.tabbed-creator-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
    margin:-46px 10px 0!important;
    padding-bottom:18px!important;
  }
  body.route-creator .creator-profile-v472 .creator-head-v472 .avatar{width:94px!important;height:94px!important}
  body.route-creator .creator-profile-v472 .creator-head-v472 .creator-identity{padding-top:0!important}
  body.route-creator .creator-profile-v472 .creator-head-v472 h1{font-size:clamp(2.45rem,14vw,3.7rem)!important}
  body.route-creator .creator-profile-v472 .creator-tabs-v472{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
  body.route-creator .creator-profile-v472 .creator-tabs-v472::-webkit-scrollbar{display:none}
  body.route-creator .creator-profile-v472 .creator-tabs-v472 a{white-space:nowrap;flex:0 0 auto}
  body.route-creator .creator-profile-v472 .creator-tab-content-v755{padding-top:24px!important}
}