/* ViLo v8.3.2 creator canvas customization */
body.creator-canvas-active-v832{
  --creator-background-image:none;
  --creator-background-strength:.36;
  --creator-background-position:center;
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow-x:clip;
  color:var(--creator-text);
  background:
    radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--creator-accent) 28%,transparent),transparent 34%),
    radial-gradient(circle at 94% 10%,color-mix(in srgb,var(--creator-accent-2) 20%,transparent),transparent 32%),
    linear-gradient(155deg,var(--creator-surface),color-mix(in srgb,var(--creator-surface-2) 88%,var(--creator-surface))) fixed!important;
}
body.creator-canvas-active-v832::before,
body.creator-canvas-active-v832::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body.creator-canvas-active-v832::before{
  background-image:var(--creator-background-image);
  background-position:var(--creator-background-position);
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity 180ms ease;
}
body.creator-canvas-active-v832.canvas-image::before{opacity:var(--creator-background-strength)}
body.creator-canvas-active-v832.canvas-image_gradient::before{opacity:var(--creator-background-strength);filter:saturate(.96) contrast(1.02)}
body.creator-canvas-active-v832.canvas-image_gradient{background:
  radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--creator-accent) 34%,transparent),transparent 36%),
  linear-gradient(155deg,color-mix(in srgb,var(--creator-surface) 90%,transparent),color-mix(in srgb,var(--creator-surface-2) 82%,transparent)) fixed!important}
body.creator-canvas-active-v832.canvas-solid{background:var(--creator-surface)!important}
body.creator-canvas-active-v832.pattern-dots::after{background-image:radial-gradient(circle,color-mix(in srgb,var(--creator-accent) 28%,transparent) 1px,transparent 1.5px);background-size:26px 26px;opacity:.28}
body.creator-canvas-active-v832.pattern-waves::after{background:repeating-radial-gradient(ellipse at 0 20%,transparent 0 34px,color-mix(in srgb,var(--creator-accent-2) 13%,transparent) 35px 36px,transparent 37px 70px);opacity:.35}
body.creator-canvas-active-v832.pattern-stars::after{background-image:radial-gradient(circle at 17% 14%,color-mix(in srgb,var(--creator-text) 42%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--creator-accent-2) 50%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 68%,color-mix(in srgb,var(--creator-accent) 50%,transparent) 0 1px,transparent 1.5px);background-size:140px 160px,190px 210px,230px 250px;opacity:.32}
body.creator-canvas-active-v832>.container{position:relative;z-index:1;width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;overflow:visible!important}

/* Global navigation and footer become part of the creator canvas. */
body.creator-canvas-active-v832 .nav{
  width:min(calc(100% - 32px),var(--creator-page-width));
  max-width:var(--creator-page-width);
  min-height:82px;
  margin:0 auto!important;
  padding:14px clamp(4px,1.5vw,18px)!important;
  color:var(--creator-text);
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--creator-accent) 22%,transparent)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.creator-canvas-active-v832.navcanvas-glass .nav{
  width:min(calc(100% - 32px),var(--creator-page-width));
  margin:12px auto 0!important;
  padding-inline:18px!important;
  border:1px solid color-mix(in srgb,var(--creator-accent) 25%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--creator-surface-2) 72%,transparent)!important;
  box-shadow:0 16px 48px color-mix(in srgb,var(--creator-surface) 52%,rgba(0,0,0,.25))!important;
  backdrop-filter:blur(18px) saturate(1.14);
}
body.creator-canvas-active-v832.navcanvas-solid .nav{
  width:100%;max-width:none;padding-inline:max(18px,calc((100vw - var(--creator-page-width))/2))!important;
  background:var(--creator-surface-2)!important;
  border-bottom-color:color-mix(in srgb,var(--creator-accent) 30%,transparent)!important;
}
body.creator-canvas-active-v832 .nav .brand,
body.creator-canvas-active-v832 .nav .navitem,
body.creator-canvas-active-v832 .nav .profile-name{color:var(--creator-text)!important}
body.creator-canvas-active-v832 .nav .navitem{opacity:.78;transition:opacity 180ms ease,color 180ms ease,transform 180ms ease}
body.creator-canvas-active-v832 .nav .navitem:hover{opacity:1;color:var(--creator-accent-2)!important;transform:translateY(-1px)}
body.creator-canvas-active-v832 .nav-cart-v7810,
body.creator-canvas-active-v832 .nav-bell,
body.creator-canvas-active-v832 .profile-menu>summary{
  color:var(--creator-text)!important;
  border-color:color-mix(in srgb,var(--creator-accent) 28%,transparent)!important;
  background:color-mix(in srgb,var(--creator-surface-2) 76%,transparent)!important;
}
body.creator-canvas-active-v832 .profile-dropdown,
body.creator-canvas-active-v832 .notify-dropdown{
  color:var(--creator-text)!important;
  border-color:color-mix(in srgb,var(--creator-accent) 34%,transparent)!important;
  background:color-mix(in srgb,var(--creator-surface-2) 96%,var(--creator-surface))!important;
}
body.creator-canvas-active-v832 .footer{
  width:min(calc(100% - 32px),var(--creator-page-width));
  max-width:var(--creator-page-width);
  margin:0 auto!important;
  padding:44px 0 max(34px,env(safe-area-inset-bottom))!important;
  color:var(--creator-muted)!important;
  border-top:1px solid color-mix(in srgb,var(--creator-accent) 22%,transparent)!important;
  background:transparent!important;
}
body.creator-canvas-active-v832 .footer strong,
body.creator-canvas-active-v832 .footer a{color:var(--creator-text)!important}

/* The creator profile no longer paints a second page background. */
body.route-creator.creator-canvas-active-v832 .creator-profile-v472.live-creator-page{
  margin:0 calc(50% - 50vw)!important;
  padding-top:22px!important;
  background:transparent!important;
}
body.route-creator.creator-canvas-active-v832 .creator-profile-v472.live-creator-page::before{display:none!important}
body.route-creator.creator-canvas-active-v832 .creator-cover-v472{height:clamp(260px,32vw,440px)!important}
body.route-creator.creator-canvas-active-v832.banner-compact .creator-cover-v472{height:clamp(220px,24vw,320px)!important}
body.route-creator.creator-canvas-active-v832.banner-tall .creator-cover-v472{height:clamp(340px,40vw,540px)!important}
body.route-creator.creator-canvas-active-v832.banner-cinematic .creator-cover-v472{height:clamp(390px,48vw,650px)!important}

/* Profile layout choices. */
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{margin:18px 0 0!important;align-items:center!important}
body.route-creator.creator-canvas-active-v832.header-stacked .creator-head-v472 .creator-identity{padding-top:0!important}
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{
  grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;margin:-68px auto 0!important;max-width:920px
}
body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .creator-identity{padding-top:0!important;display:grid;justify-items:center}
body.route-creator.creator-canvas-active-v832.header-centered .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.header-centered .creator-badges{justify-content:center}
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:minmax(150px,210px) minmax(0,1fr)!important;gap:clamp(24px,4vw,54px)!important;margin:-96px clamp(18px,4vw,58px) 0!important
}
body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .avatar{width:clamp(150px,15vw,210px)!important;height:clamp(150px,15vw,210px)!important}
body.route-creator.creator-canvas-active-v832.profile-center:not(.header-centered) .creator-head-v472{text-align:center}
body.route-creator.creator-canvas-active-v832.profile-center:not(.header-centered) .creator-actions-v472,
body.route-creator.creator-canvas-active-v832.profile-center:not(.header-centered) .creator-badges{justify-content:center}

/* Tab treatments. */
body.route-creator.creator-canvas-active-v832 .creator-tabs-v472{transition:background 180ms ease,border-color 180ms ease}
body.route-creator.creator-canvas-active-v832.tabs-underline .creator-tabs-v472 a{border-radius:10px!important;background:transparent!important;box-shadow:inset 0 -2px transparent}
body.route-creator.creator-canvas-active-v832.tabs-underline .creator-tabs-v472 a.active{color:var(--creator-text)!important;box-shadow:inset 0 -3px var(--creator-accent-2)!important}
body.route-creator.creator-canvas-active-v832.tabs-pills .creator-tabs-v472{padding:10px!important;border:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)!important;border-radius:20px!important;background:color-mix(in srgb,var(--creator-surface-2) 64%,transparent)!important}
body.route-creator.creator-canvas-active-v832.tabs-pills .creator-tabs-v472 a{border-radius:14px!important}
body.route-creator.creator-canvas-active-v832.tabs-bar .creator-tabs-v472{padding:10px 12px!important;border:0!important;border-radius:18px!important;background:var(--creator-surface-2)!important}

/* Section framing choices affect outer content only. */
body.route-creator.creator-canvas-active-v832 .creator-tab-panel{transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
body.route-creator.creator-canvas-active-v832.sections-seamless .creator-tab-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.route-creator.creator-canvas-active-v832.sections-soft .creator-tab-panel{padding:clamp(20px,3vw,38px)!important;border-radius:var(--creator-radius)!important;background:color-mix(in srgb,var(--creator-surface-2) 58%,transparent)!important}
body.route-creator.creator-canvas-active-v832.sections-cards .creator-tab-panel{padding:clamp(20px,3vw,38px)!important;border:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)!important;border-radius:var(--creator-radius)!important;background:color-mix(in srgb,var(--creator-surface-2) 86%,transparent)!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important}
body.route-creator.creator-canvas-active-v832.sections-divided .creator-tab-panel{padding:0 0 38px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)!important;background:transparent!important}

/* Creator Studio canvas editor. */
.creator-canvas-editor-v832{display:grid;gap:18px;margin:28px 0;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:24px;background:linear-gradient(145deg,rgba(124,92,255,.08),rgba(46,230,166,.045),rgba(255,255,255,.025))}
.creator-canvas-editor-v832 .section-head{margin:0}
.creator-background-controls-v832 input[type=file]{padding:10px;background:rgba(6,10,25,.5)}
.creator-canvas-hint-v832{display:grid;gap:5px;align-content:center;padding:16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.creator-canvas-hint-v832 strong{color:var(--text)}
.creator-theme-preview-v830{background-image:var(--creator-background-image),linear-gradient(160deg,var(--creator-surface),var(--creator-surface-2));background-position:var(--creator-background-position),center;background-size:cover,cover}
.creator-theme-preview-v830.canvas-solid{background:var(--creator-surface)!important}
.creator-theme-preview-v830.canvas-image::before,.creator-theme-preview-v830.canvas-image_gradient::before{opacity:calc(var(--creator-background-strength) * .82)!important}

@media(max-width:820px){
  body.creator-canvas-active-v832 .nav{width:calc(100% - 20px);min-height:72px}
  body.creator-canvas-active-v832.navcanvas-solid .nav{width:100%;padding-inline:12px!important}
  body.creator-canvas-active-v832 .footer{width:calc(100% - 24px)}
  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:108px minmax(0,1fr)!important;margin:-58px 14px 0!important;gap:16px!important}
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .avatar{width:108px!important;height:108px!important}
}
@media(max-width:620px){
  body.creator-canvas-active-v832.navcanvas-glass .nav{margin-top:8px!important;border-radius:16px!important}
  body.route-creator.creator-canvas-active-v832.banner-cinematic .creator-cover-v472,
  body.route-creator.creator-canvas-active-v832.banner-tall .creator-cover-v472{height:260px!important}
  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-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 10px 0!important}
  body.route-creator.creator-canvas-active-v832.header-centered .creator-head-v472 .creator-identity{justify-items:start!important}
  body.route-creator.creator-canvas-active-v832.header-centered .creator-actions-v472,
  body.route-creator.creator-canvas-active-v832.header-centered .creator-badges{justify-content:flex-start}
  body.route-creator.creator-canvas-active-v832.header-split .creator-head-v472 .avatar{width:94px!important;height:94px!important}
  .creator-canvas-editor-v832{padding:18px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){body.creator-canvas-active-v832::before,body.creator-canvas-active-v832 .nav .navitem,.creator-canvas-editor-v832 *{transition:none!important}}
body.creator-canvas-active-v832.creator-canvas-nav-off-v832 .nav{
  width:min(calc(100% - 32px),var(--site-max,1360px));
  max-width:var(--site-max,1360px);
  color:var(--text)!important;
  background:var(--bg2)!important;
  border-bottom-color:var(--line)!important;
}
body.creator-canvas-active-v832.creator-canvas-nav-off-v832 .nav .brand,
body.creator-canvas-active-v832.creator-canvas-nav-off-v832 .nav .navitem,
body.creator-canvas-active-v832.creator-canvas-nav-off-v832 .nav .profile-name{color:var(--text)!important}
/* Live preview mirrors the no-code canvas choices. */
.creator-theme-preview-v830.header-centered>header{grid-template-columns:1fr!important;justify-items:center;text-align:center}
.creator-theme-preview-v830.header-split>header{grid-template-columns:86px minmax(0,1fr)!important;gap:18px!important}
.creator-theme-preview-v830.profile-center>header{text-align:center;justify-items:center}
.creator-theme-preview-v830.navcanvas-glass>nav{margin:10px;border:1px solid color-mix(in srgb,var(--creator-accent) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--creator-surface-2) 68%,transparent);backdrop-filter:blur(12px)}
.creator-theme-preview-v830.navcanvas-solid>nav{background:var(--creator-surface-2)}
.creator-theme-preview-v830.tabs-pills>nav span,.creator-theme-preview-v830.tabs-pills>nav b{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--creator-surface-2) 78%,transparent)}
.creator-theme-preview-v830.tabs-bar>nav{background:var(--creator-surface-2)}
.creator-theme-preview-v830.sections-soft .preview-grid-v830{padding:12px;border-radius:16px;background:color-mix(in srgb,var(--creator-surface-2) 54%,transparent)}
.creator-theme-preview-v830.sections-cards .preview-grid-v830{padding:12px;border:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent);border-radius:16px;background:color-mix(in srgb,var(--creator-surface-2) 84%,transparent)}
.creator-theme-preview-v830.sections-divided .preview-grid-v830{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--creator-accent) 24%,transparent)}