:root{--bg:#05030b;--panel:#0d0816;--line:rgba(255,255,255,.13);--text:#fbf9ff;--muted:#c8bfd2;--pink:#f12ecf;--purple:#873cff;--cyan:#1cd5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(5,3,11,.94);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em}.brand img{width:48px}.brand small{display:block;font-size:.48rem;letter-spacing:.35em}.header nav{display:flex;gap:28px;font-size:.74rem;text-transform:uppercase}.menu{display:none;background:none;color:white;border:0;font-size:1.5rem}.hero{min-height:680px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:70px 6vw;background:radial-gradient(circle at 80% 30%,#29104e,transparent 35%),#05030b}.hero-copy{max-width:620px}.eyebrow,.release span,.artist span,.studio span{color:var(--pink);font-size:.7rem;font-weight:700;letter-spacing:.17em}.hero h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.93;margin:.2em 0}.hero-copy>p{color:var(--muted);line-height:1.8}.hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}.hero-people img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}.button{display:inline-block;padding:14px 22px;border:1px solid var(--line);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.primary{background:linear-gradient(90deg,var(--purple),var(--pink));border:0}.section{width:min(1400px,92vw);margin:auto;padding:90px 0}.section h2,.about h2{font-size:clamp(2.1rem,4vw,4rem);margin:.2em 0 35px}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.release{display:grid;grid-template-columns:48% 1fr;background:var(--panel);border:1px solid var(--line);overflow:hidden}.release>img{width:100%;aspect-ratio:1;object-fit:contain;background:#020105}.release>div{padding:30px;display:flex;flex-direction:column;justify-content:center}.release h3,.artist h3,.studio h3{font-size:1.8rem;margin:.4em 0}.release p,.artist p,.studio p{color:var(--muted);line-height:1.65}.credit{font-size:.8rem}.links a{color:var(--cyan);margin-right:15px}.artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.artist{text-align:center;background:var(--panel);border:1px solid var(--line);padding-bottom:30px}.portrait{height:520px;background:#07040e}.portrait img{width:100%;height:100%;object-fit:contain}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.studio{padding:35px;border:1px solid var(--line);background:var(--panel)}.studio.blue{border-color:#236cff}.studio.orange{border-color:#ff7a28}.about{text-align:center;max-width:850px;margin:auto;padding:100px 20px}.about img{width:120px}.about p{color:var(--muted);line-height:1.8}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}
.footer-copy p{margin:0}
.footer-social{display:flex;align-items:center;gap:16px}
.footer-social-label{color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.social-icons{display:flex;align-items:center;gap:10px}
.social-icons a{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;color:#fff;transition:.2s ease}
.social-icons a:hover{color:var(--pink);border-color:var(--pink);transform:translateY(-2px);box-shadow:0 0 18px rgba(241,46,207,.24)}
.social-icons img{width:19px;height:19px;filter:brightness(0) invert(1)}
.social-icons a:hover img{filter:none}
.social-icons span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Admin */
.admin-page{background:#07050c}.login-card,.install-card{width:min(520px,92vw);margin:8vh auto;padding:36px;background:var(--panel);border:1px solid var(--line)}.login-card>img{width:100px}.login-card h1,.install-card h1{margin-top:0}.admin-nav{position:fixed;left:0;top:0;bottom:0;width:245px;padding:24px;background:#0b0712;border-right:1px solid var(--line)}.admin-nav .brand img{width:48px}.admin-nav nav{display:flex;flex-direction:column;margin-top:30px}.admin-nav nav a{padding:12px 8px;color:var(--muted)}.admin-nav nav a:hover{color:white;background:#151020}.admin-main{margin-left:245px;padding:40px;max-width:1500px}.admin-main h1{font-size:2.4rem}.admin-form{display:grid;gap:15px}.admin-form.narrow{max-width:600px}.admin-form label,.login-card label,.install-card label{display:grid;gap:7px;color:var(--muted);font-size:.85rem}.admin-form input,.admin-form textarea,.login-card input,.install-card input{width:100%;padding:12px;background:#05030b;color:white;border:1px solid var(--line);border-radius:3px}.check{display:flex!important;grid-template-columns:20px 1fr!important}.check input{width:auto}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.admin-card{padding:25px;background:var(--panel);border:1px solid var(--line);margin-top:30px}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dash-grid a{padding:30px;background:var(--panel);border:1px solid var(--line)}.dash-grid strong{display:block;font-size:2.4rem}.dash-grid span{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}td a{color:var(--cyan)}.row-card{display:flex;gap:15px;align-items:center;padding:12px;background:var(--panel);border-bottom:1px solid var(--line)}.row-card img{width:90px;height:110px;object-fit:contain;background:#05030b}.row-card div{display:grid;gap:6px}.row-card span{color:var(--muted)}.row-card a{color:var(--cyan)}.notice{padding:14px;margin:15px 0;border:1px solid}.success{border-color:#35c777;background:#0a281b}.error{border-color:#ff5265;background:#2b0b10}code{color:var(--cyan)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}.release-grid,.artist-grid,.studio-grid,.admin-split{grid-template-columns:1fr}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#08050f;padding:25px;flex-direction:column}.header nav.open{display:flex}.menu{display:block}.admin-nav{position:static;width:auto}.admin-main{margin-left:0;padding:25px}.dash-grid{grid-template-columns:1fr}.release{grid-template-columns:1fr}}
@media(max-width:560px){.hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}.hero-people img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}.section{padding:65px 0}.portrait{height:430px}footer{flex-direction:column;gap:15px}}

/* v1.1 hero portrait and footer refinements */

.hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
.hero-people img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}
@media(max-width:900px){
  .hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
  .site-footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
  .footer-social{align-items:flex-start;flex-direction:column}
  .social-icons{flex-wrap:wrap}
}

/* v1.2 definitive hero alignment fix */
.hero{overflow:hidden}
.hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
@media(max-width:1100px){
  .hero{grid-template-columns:44% 56%}
  .hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-copy{max-width:680px}
  .hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
  .hero-people img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}
}
@media(max-width:560px){
  .hero-people{height:560px;max-width:760px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;position:relative}
}

/* v1.3 dynamic hero and cache-safe upload rules */
.hero-person{height:100%;min-width:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.hero-person img{max-width:100%;max-height:100%}
@media(max-width:900px){
  .hero-people{width:min(760px,100%);height:500px;margin:20px auto 0}
}
@media(max-width:560px){
  .hero-people{height:360px;gap:6px}
}

/* v1.4 release countdown and dashboard */
.release-countdown{margin:18px 0;padding:16px;border:1px solid rgba(241,46,207,.35);background:rgba(126,53,255,.08)}
.countdown-label{display:block;margin-bottom:10px;color:var(--pink);font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.countdown-grid>div{text-align:center;padding:9px 4px;background:#08050f;border:1px solid var(--line)}
.countdown-grid strong{display:block;font-size:1.35rem}
.countdown-grid small{display:block;margin-top:3px;color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.links-pending{color:var(--muted);font-size:.78rem}
.form-help{margin:-7px 0 2px;color:var(--muted);font-size:.75rem;line-height:1.45}
.dashboard-six{grid-template-columns:repeat(3,1fr)}
.dashboard-sections{margin-top:28px}
.audit-list{list-style:none;padding:0;margin:0}
.audit-list li{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}
.audit-list li span{color:var(--muted);font-size:.74rem;text-align:right}
.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.notice.warning{border-color:#d29a2d;background:#2a210a}
@media(max-width:900px){.dashboard-six{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .countdown-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-six{grid-template-columns:1fr}
  .audit-list li{flex-direction:column}
  .audit-list li span{text-align:left}
}

/* v1.4.1 optional streaming links and pre-save */
.streaming-fields{padding:18px;border:1px solid var(--line);background:#090610}
.streaming-fields h3{margin:0 0 8px}
.streaming-fields .form-help{margin:0 0 14px}
.links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.links a{display:inline-block;padding:9px 12px;border:1px solid var(--line);color:var(--cyan)}
.links a:hover{border-color:var(--pink);color:var(--pink)}
.links .presave-link{background:linear-gradient(90deg,var(--purple),var(--pink));border:0;color:white}

/* v1.4.2 refined countdown presentation */
.release-countdown{
  margin:22px 0 18px;
  padding:20px;
  border:1px solid rgba(241,46,207,.35);
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(126,53,255,.12),rgba(241,46,207,.05)),
    #090610;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 14px 35px rgba(0,0,0,.28);
}
.countdown-label{
  display:block;
  margin-bottom:14px;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.countdown-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(62px,1fr));
  gap:10px;
}
.countdown-grid>div{
  min-width:0;
  padding:13px 8px 11px;
  text-align:center;
  background:rgba(5,3,11,.72);
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
}
.countdown-grid strong{
  display:block;
  color:#fff;
  font-size:1.55rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.countdown-grid small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.release .links{
  margin-top:14px;
}
.links-pending{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.72rem;
  letter-spacing:.08em;
}
.links-pending::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pink);
  box-shadow:0 0 10px rgba(241,46,207,.85);
}
@media(max-width:1180px){
  .countdown-grid{
    grid-template-columns:repeat(2,minmax(76px,1fr));
  }
}
@media(max-width:560px){
  .release-countdown{
    padding:16px;
  }
  .countdown-grid{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }
  .countdown-grid strong{
    font-size:1.35rem;
  }
}


/* v1.4.3 centered full-width countdown */
.release{display:block;border-radius:12px;overflow:hidden}
.release-top{display:grid;grid-template-columns:minmax(260px,44%) 1fr;min-height:420px}
.release-cover-wrap{background:#020105}
.release-cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.release-info{padding:34px;display:flex;flex-direction:column;justify-content:center}
.release-bottom{padding:0 34px 30px}
.release-countdown{margin:0;padding:24px 0 0;border:0;background:none;box-shadow:none}
.countdown-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:18px}
.countdown-heading span{height:1px;background:linear-gradient(90deg,transparent,rgba(241,46,207,.55))}
.countdown-heading span:last-child{background:linear-gradient(90deg,rgba(241,46,207,.55),transparent)}
.countdown-heading strong{color:var(--pink);font-size:clamp(.72rem,1vw,.88rem);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));max-width:820px;margin:0 auto;gap:clamp(8px,1.3vw,14px)}
.countdown-grid>div{min-width:0;padding:clamp(12px,1.5vw,16px) 8px;border-radius:10px}
.countdown-grid strong{font-size:clamp(1.25rem,2.3vw,1.75rem)}
.release-links{justify-content:center;margin-top:20px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:1280px){.release-grid{grid-template-columns:1fr}}
@media(max-width:900px){.release-top{grid-template-columns:1fr}.release-cover-wrap img{height:auto;object-fit:contain}.release-info{padding:26px}.release-bottom{padding:0 26px 26px}.countdown-grid{max-width:680px}}
@media(max-width:560px){.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.countdown-heading{gap:10px}.release-bottom{padding:0 18px 22px}}

/* v1.4.4 Android/mobile release-card containment fix */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.section,
.release-grid,
.release,
.release-top,
.release-cover-wrap,
.release-info,
.release-bottom{
  min-width:0;
  max-width:100%;
}

.release{
  width:100%;
}

.release-top{
  min-height:0;
}

.release-cover-wrap img{
  display:block;
  max-width:100%;
}

.release-info,
.release-bottom{
  overflow-wrap:anywhere;
  word-break:normal;
}

.countdown-grid{
  width:100%;
  min-width:0;
}

.countdown-grid > div{
  min-width:0;
}

@media(max-width:900px){
  .section{
    width:min(100% - 28px, 1400px);
  }

  .release-grid{
    display:block;
    width:100%;
  }

  .release{
    width:100%;
    margin:0 0 24px;
  }

  .release-top{
    display:block;
    width:100%;
  }

  .release-cover-wrap{
    width:100%;
  }

  .release-cover-wrap img{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:contain;
  }

  .release-info{
    width:100%;
    padding:22px 20px;
  }

  .release-info h3{
    font-size:clamp(1.55rem,8vw,2rem);
    line-height:1.05;
  }

  .release-info p{
    font-size:.95rem;
    line-height:1.55;
  }

  .release-bottom{
    width:100%;
    padding:0 20px 22px;
  }

  .countdown-heading{
    grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);
    gap:10px;
  }

  .countdown-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .countdown-grid > div{
    padding:14px 6px 12px;
  }

  .countdown-grid strong{
    font-size:clamp(1.25rem,8vw,1.65rem);
  }

  .countdown-grid small{
    font-size:.56rem;
    letter-spacing:.08em;
  }

  .release-links{
    width:100%;
    justify-content:center;
  }

  .release-links a{
    max-width:100%;
  }
}

@media(max-width:420px){
  .section{
    width:min(100% - 18px, 1400px);
  }

  .release-info{
    padding:18px 15px;
  }

  .release-bottom{
    padding:0 15px 18px;
  }

  .countdown-heading strong{
    font-size:.66rem;
    letter-spacing:.11em;
  }

  .countdown-grid{
    gap:8px;
  }

  .countdown-grid > div{
    padding:12px 4px 10px;
  }

  .release-links{
    flex-direction:column;
    align-items:stretch;
  }

  .release-links a,
  .links-pending{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

/* v1.4.5 official cover-logo brand transition */
.brand-official{
  display:flex;
  align-items:center;
  min-width:210px;
}
.brand-official img{
  width:210px;
  height:50px;
  object-fit:contain;
  object-position:left center;
  transition:filter .2s ease,transform .2s ease;
}
.brand-official:hover img{
  transform:translateY(-1px);
  filter:drop-shadow(0 0 10px rgba(122,44,255,.35));
}
.footer-copy{
  display:flex;
  align-items:center;
  gap:18px;
}
.footer-logo{
  width:170px;
  height:66px;
  object-fit:contain;
}
.admin-brand img{
  width:185px!important;
  height:auto;
  object-fit:contain;
}
.login-logo{
  width:270px!important;
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto 18px;
}
.install-logo{
  width:260px;
  max-width:100%;
  display:block;
  margin:0 auto 18px;
}
@media(max-width:900px){
  .brand-official{min-width:0}
  .brand-official img{width:180px;height:44px}
  .footer-copy{align-items:flex-start;flex-direction:column}
  .footer-logo{width:150px}
}
@media(max-width:480px){
  .brand-official img{width:155px;height:40px}
  .header{padding-left:16px;padding-right:16px}
}

/* v1.4.6 unified official logo */
.about-logo{width:min(310px,72vw)!important;height:auto;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 0 14px rgba(126,53,255,.22))}
@media(max-width:560px){.about-logo{width:min(250px,76vw)!important}}

/* v1.4.7 official good_logo rollout */
.brand-official img,
.admin-brand img,
.login-logo,
.install-logo,
.footer-logo,
.about-logo{
  object-fit:contain;
}
.about-logo{
  width:min(300px,72vw)!important;
  height:auto;
  margin-bottom:18px;
}


/* v1.6.0 release-management and accent palette */
:root{--green:#20d07a;--gold:#f4c542;--red:#ff425c;--orange:#ff7a28;--blue:#236cff}
.studio.pink,.release.pink,.release-card-preview.pink{border-color:var(--pink)}
.studio.purple,.release.purple,.release-card-preview.purple{border-color:var(--purple)}
.studio.cyan,.release.cyan,.release-card-preview.cyan{border-color:var(--cyan)}
.studio.blue,.release.blue,.release-card-preview.blue{border-color:var(--blue)}
.studio.orange,.release.orange,.release-card-preview.orange{border-color:var(--orange)}
.studio.green,.release.green,.release-card-preview.green{border-color:var(--green)}
.studio.gold,.release.gold,.release-card-preview.gold{border-color:var(--gold)}
.studio.red,.release.red,.release-card-preview.red{border-color:var(--red)}
.featured-release{box-shadow:0 0 34px rgba(135,60,255,.22);position:relative}
.featured-release:before{content:'FEATURED';position:absolute;right:14px;top:14px;z-index:2;padding:7px 10px;background:rgba(5,3,11,.88);border:1px solid currentColor;color:var(--cyan);font-size:.58rem;font-weight:800;letter-spacing:.15em}
.release-teaser{font-size:1.05rem;color:#fff!important;font-weight:700}
.accent-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.accent-palette{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:9px;max-width:190px}
.accent-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:pointer;box-shadow:0 0 0 2px #07050c;transition:.15s}
.accent-swatch:hover,.accent-swatch[aria-pressed="true"]{transform:scale(1.12);border-color:#fff}
.accent-swatch.pink{background:var(--pink)}.accent-swatch.purple{background:var(--purple)}.accent-swatch.cyan{background:var(--cyan)}.accent-swatch.blue{background:var(--blue)}.accent-swatch.orange{background:var(--orange)}.accent-swatch.green{background:var(--green)}.accent-swatch.gold{background:var(--gold)}.accent-swatch.red{background:var(--red)}
.release-card-preview,.admin-accent-preview{padding:24px;border:2px solid var(--purple);background:var(--panel);margin:8px 0 20px}
.release-card-preview h3,.admin-accent-preview h3{margin:.35em 0}.release-card-preview p,.admin-accent-preview p{color:var(--muted)}
.char-count{float:right;color:var(--muted);font-size:.72rem;font-weight:normal}
@media(max-width:700px){.accent-field{grid-template-columns:1fr}.accent-palette{max-width:none}}

/* Release Package Installer v2.2.0 */
.admin-nav nav a.active{font-weight:700;background:rgba(255,255,255,.08)}
.package-upload-card{max-width:900px}
.package-preview{max-width:1100px}
.package-status{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:12px;margin:1rem 0}
.package-status.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35)}
.package-status.warning{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35)}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.preview-grid dl{margin:0;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.preview-grid dt{font-size:.78rem;text-transform:uppercase;opacity:.65;margin-top:.75rem}
.preview-grid dt:first-child{margin-top:0}
.preview-grid dd{margin:.15rem 0 0;font-weight:600;overflow-wrap:anywhere}
.package-copy-preview{white-space:normal;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;line-height:1.6}
.field-chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.field-chip-list span{padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.85rem}
.package-install-form{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:760px){.preview-grid{grid-template-columns:1fr}.package-preview table{display:block;overflow-x:auto}}


/* Website Admin v2.7.0-alpha1 Operations Console */
.health-console{max-width:1500px}.health-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.health-heading h1{margin-bottom:4px}.health-hero{display:flex;align-items:center;gap:28px;padding:28px;border:1px solid rgba(255,255,255,.12);background:var(--panel);margin-bottom:22px}.health-score{width:150px;min-width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid currentColor;background:rgba(0,0,0,.22)}.health-score strong{font-size:2.3rem;line-height:1}.health-score span{font-size:.78rem;margin-top:8px;text-transform:uppercase;letter-spacing:.1em}.status-pass{color:var(--green)}.status-warning{color:var(--gold)}.status-fail{color:var(--red)}.health-hero h2,.health-card h2{color:#fff}.health-hero p,.health-card p{color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.health-card{padding:20px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-top:3px solid currentColor}.health-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-card h2{font-size:1rem;margin:0}.health-badge{font-size:.67rem;font-weight:800;border:1px solid currentColor;padding:5px 8px;letter-spacing:.08em}.health-card details{margin-top:14px}.health-card summary{cursor:pointer;color:#fff}.health-card pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6d1df;background:#08060d;padding:12px;font-size:.76rem}.health-alerts{list-style:none;padding:0;margin:0}.health-alerts li{padding:12px 14px;margin:8px 0;background:rgba(255,255,255,.04);border-left:4px solid currentColor;color:#fff}.health-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-meta span{display:flex;flex-direction:column;padding:14px;background:rgba(255,255,255,.04);color:var(--muted)}.health-meta strong{color:#fff;margin-bottom:5px}@media(max-width:1050px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.health-heading,.health-hero{align-items:flex-start;flex-direction:column}.health-grid,.health-meta{grid-template-columns:1fr}.health-score{width:120px;min-width:120px;height:120px}}


/* Website Admin v2.7.0-alpha2 Operations Assistant */
.health-actions{display:flex;gap:10px;flex-wrap:wrap}.health-run-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:14px}.health-run-form label{display:flex;flex-direction:column;gap:5px;color:#fff;font-size:.78rem}.health-run-form input{min-width:260px}.guided-diagnostic{margin-top:14px;padding:14px;background:rgba(255,255,255,.045);border-left:3px solid currentColor}.guided-diagnostic p{margin:0 0 10px}.guided-diagnostic p:last-child{margin-bottom:0}.guided-diagnostic strong{display:block;color:#fff;margin-bottom:3px}.health-history-wrap{overflow-x:auto}.health-history-wrap table{min-width:780px}@media(max-width:700px){.health-actions,.health-run-form{width:100%;align-items:stretch;flex-direction:column}.health-run-form input{min-width:0;width:100%}}

/* v2.7.0-RC1 dashboard and public-page additions */
.module-status-list,.release-notes-list{list-style:none;margin:0;padding:0}
.module-status-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:11px 0;border-bottom:1px solid var(--line)}
.module-status-list li strong{min-width:0;padding-right:12px}
.module-status-list li span{justify-self:end;white-space:nowrap;text-align:right}
.release-notes-list li{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
@media(max-width:520px){.module-status-list li{column-gap:16px}.module-status-list li strong{padding-right:8px}}
.release-notes-list li{display:list-item;padding-left:18px;position:relative}
.release-notes-list li::before{content:"•";position:absolute;left:0;color:var(--cyan)}
.module-pass{color:#35c777}.module-warning{color:#d29a2d}
.public-page{width:min(100% - 40px,1100px);margin:0 auto;padding:120px 0 70px}
.public-page h1{font-size:clamp(2.4rem,7vw,5.5rem);margin:.15em 0}.public-page .lede{max-width:760px;color:var(--muted);font-size:1.1rem}
.public-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:38px}.public-card{padding:24px;border:1px solid var(--line);background:var(--panel)}


/* Website Admin v2.7.0-RC1.3.9 Developer Tools */
.developer-console{max-width:1400px}.developer-mode-card{display:flex;justify-content:space-between;align-items:center;gap:24px}.developer-mode-card form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.toggle-row{display:flex;align-items:center;gap:10px;font-weight:700}.toggle-row input{width:22px;height:22px}.developer-note{margin-top:16px;color:var(--muted)}.dashboard-build-summary .quick-actions{margin-top:18px}@media(max-width:760px){.developer-mode-card{align-items:flex-start;flex-direction:column}.developer-mode-card form{width:100%;align-items:stretch;flex-direction:column}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* v2.7.0-RC1.14.1 — recurring featured artist roster */
.artist-profile-grid{display:grid;gap:28px;margin-top:36px}.artist-profile-card{display:grid;grid-template-columns:minmax(240px,38%) 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.035)}.artist-profile-image{display:block;min-height:390px;background:#08090d}.artist-profile-image img{width:100%;height:100%;object-fit:cover;display:block}.artist-profile-copy{align-self:center;padding:36px}.artist-profile-copy h2{margin:.25rem 0 1rem;font-size:clamp(2rem,4vw,4rem)}.artist-detail{display:grid;grid-template-columns:minmax(300px,46%) 1fr;gap:48px;align-items:center}.artist-detail-image{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#07080b}.artist-detail-image img{display:block;width:100%;height:auto}.artist-detail-copy h1{font-size:clamp(3rem,8vw,7rem);margin:.15em 0}.artist-detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.artist h3 a{color:inherit;text-decoration:none}.artist-card-link{display:inline-block;margin-top:12px;color:#fff;text-decoration:none;font-weight:700}.artist-card-link:hover{text-decoration:underline}@media(max-width:760px){.artist-profile-card,.artist-detail{grid-template-columns:1fr}.artist-profile-image{min-height:320px}.artist-profile-copy{padding:24px}.artist-detail{gap:26px}}

/* v2.7.0-RC1.14.1 compact homepage artist roster */
.hero-roster{max-width:760px;margin-left:auto;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(145deg,rgba(18,10,31,.94),rgba(5,3,11,.82));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(10px)}
.hero-roster-label{margin:0 0 15px;color:var(--pink);font-size:.65rem;font-weight:800;letter-spacing:.2em}
.hero-roster-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hero-roster-artist{min-width:0;display:grid;gap:8px;padding:6px 6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-roster-artist:hover{transform:translateY(-4px);color:var(--cyan);border-color:rgba(213,44,255,.5);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.hero-roster-image{display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:radial-gradient(circle at 50% 25%,rgba(135,60,255,.24),transparent 58%),#08050f}
.hero-roster-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .35s ease,filter .35s ease}.hero-roster-artist:hover .hero-roster-image img{transform:scale(1.045);filter:saturate(1.08)}
.hero-roster-name{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-roster-link{display:inline-block;margin-top:16px;color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.hero-roster{width:min(760px,100%);margin:28px auto 0}.hero-roster-track{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.hero-roster{padding:15px}.hero-roster-track{gap:7px}.hero-roster-name{font-size:.58rem}.hero-roster-label{font-size:.58rem}}


/* 2.7.0-RC1.15.7 — performer asset-pack visual refresh */
.hero-visual{display:block;min-height:0;padding:0;background:#05030b}
.hero-banner{position:relative;isolation:isolate;overflow:hidden;min-height:680px;display:flex;align-items:center;padding:80px 6vw;background:radial-gradient(circle at 78% 42%,rgba(122,54,255,.24),transparent 34%),radial-gradient(circle at 92% 32%,rgba(0,218,255,.18),transparent 28%),linear-gradient(105deg,#05030b 0%,#0a0717 47%,#110b2a 100%)}

.hero-banner::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,3,11,.97) 0%,rgba(5,3,11,.84) 39%,rgba(5,3,11,.18) 70%,rgba(5,3,11,.08) 100%),url('/assets/images/hero-artists-composite.jpg?v=2.9.2') center/cover no-repeat;filter:saturate(.75) brightness(.45);opacity:.72}
.hero-performers{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-performer{position:absolute;bottom:0;display:block;max-width:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.65))}
.hero-axel{right:31%;height:94%;z-index:1}
.hero-lia{right:7%;height:90%;z-index:2}
.hero-copy{position:relative;z-index:2;max-width:620px}
.hero-banner .hero-copy{max-width:650px;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(5,3,11,.56);backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.hero-roster-wide{max-width:none;margin:0;border-radius:0;border-left:0;border-right:0;padding:22px 6vw}
.hero-roster-wide .hero-roster-track{max-width:1150px;margin:auto}
.artist-gallery-section{margin-top:80px}
.artist-gallery-section h2{font-size:clamp(2rem,4vw,3.8rem);margin:.2em 0 30px}
.artist-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.artist-gallery figure{margin:0;overflow:hidden;aspect-ratio:16/10;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#08050f}
.artist-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.artist-gallery figure:hover img{transform:scale(1.025)}
.artist-profile-image img,.portrait img{object-fit:cover;object-position:center 30%}
@media(max-width:760px){.hero-banner{min-height:620px;padding:65px 20px;background-position:58% center}.hero-banner .hero-copy{padding:24px}.artist-gallery{grid-template-columns:1fr}}


/* 2.7.0-RC1.15.7 — artist image provenance and label fit corrections */
.hero-roster-artist{grid-template-rows:auto minmax(2.25rem,auto);align-items:start}
.hero-roster-name{display:flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .2rem;font-size:clamp(.56rem,.9vw,.72rem);line-height:1.2;letter-spacing:.055em;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.artist{overflow:hidden;padding-bottom:24px}
.artist .portrait{display:block;width:100%;overflow:hidden}
.artist h3{display:flex;align-items:center;justify-content:center;min-height:3.5rem;margin:0;padding:.75rem .8rem .35rem;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.12;overflow-wrap:anywhere}
.artist>span,.artist>p,.artist>.artist-card-link{margin-left:1rem;margin-right:1rem}
@media(max-width:560px){.hero-roster-name{min-height:2.6rem;font-size:.54rem;letter-spacing:.035em}.artist h3{min-height:3rem}}


/* 2.7.0-RC1.15.11 — mobile image responsiveness hardening */
img, picture, video, canvas, svg{max-width:100%;height:auto}
.hero-banner,.hero-roster-image,.portrait,.artist-profile-image,.artist-detail-image,.artist-gallery figure,.release-cover-wrap,.release>img{max-width:100%;min-width:0}
.hero-roster-track,.artist-grid,.release-grid,.artist-profile-grid,.artist-gallery{min-width:0}
.hero-roster-artist,.artist,.release,.artist-profile-card,.artist-detail>*{min-width:0}
.release-cover-wrap img,.release>img,.portrait img,.artist-profile-image img,.artist-detail-image img,.artist-gallery img,.hero-roster-image img{display:block;max-width:100%;width:100%}
@media(max-width:760px){
  .hero-banner{min-height:0;padding:48px 16px 28px;background-image:linear-gradient(180deg,rgba(5,3,11,.80),rgba(5,3,11,.46)),url('/assets/images/hero-artists-composite.jpg?v=2.8.1');background-size:cover;background-position:center top}
  .hero-banner .hero-copy{width:100%;max-width:100%;padding:22px}
  .hero-roster-wide{padding:18px 12px}
  .hero-roster-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-roster-image{width:100%;aspect-ratio:4/5}
  .portrait{height:auto;aspect-ratio:4/5}
  .portrait img,.artist-profile-image img{height:100%;object-fit:cover}
  .artist-profile-image{min-height:0;aspect-ratio:4/5}
  .artist-detail-image{width:100%;max-width:100%}
  .artist-detail-image img{height:auto;object-fit:contain}
  .artist-gallery figure{width:100%;aspect-ratio:4/5}
  .release>img,.release-cover-wrap img{height:auto;aspect-ratio:1/1;object-fit:contain}
}
@media(max-width:420px){
  .hero-banner{padding-left:10px;padding-right:10px}
  .hero-banner .hero-copy{padding:18px}
  .hero-roster-wide{padding-left:9px;padding-right:9px}
  .hero-roster-track{gap:8px}
  .artist-grid,.release-grid,.artist-profile-grid,.artist-gallery{gap:14px}
}


/* 2.7.0-RC1.15.13 — screenshot-verified mobile homepage corrections */
html,body{max-width:100%;overflow-x:hidden}
.hero-visual,.hero-banner,.hero-banner .hero-copy,.hero-roster-wide,.hero-roster-track,.artist-grid,.artist{min-width:0;max-width:100%}
.hero-banner h1,.hero-banner p{max-width:100%;overflow-wrap:anywhere}
.artist{display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}
.artist .portrait{flex:0 0 auto;margin:0;border:0}
.artist h3,.artist>span,.artist>p,.artist>.artist-card-link{position:static;transform:none;max-width:100%}
.artist h3{width:100%;margin:0;padding:1rem 1rem .45rem;min-height:0}
.artist>span{display:block;margin:.2rem 1rem .55rem;line-height:1.35;overflow-wrap:anywhere}
.artist>p{display:block;margin:.4rem 1rem .65rem;line-height:1.55;overflow-wrap:anywhere}
.artist>.artist-card-link{display:block;margin:.25rem 1rem 1.2rem;padding:.45rem 0}
@media(max-width:760px){
  .hero-banner{
    display:block;
    min-height:0;
    padding:clamp(255px,68vw,390px) 16px 34px;
    background-image:url('/assets/images/hero-artists-composite.jpg?v=2.8.1');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    background-color:#05030b;
  }
  .hero-banner .hero-copy{padding:20px;width:100%;background:rgba(5,3,11,.92);backdrop-filter:none}
  .hero-banner h1{font-size:clamp(2.45rem,12vw,4.25rem);line-height:.94;word-break:normal}
  .hero-banner .hero-copy>p{font-size:clamp(.98rem,4.7vw,1.15rem);line-height:1.5}
  .hero-roster-wide{width:100%;padding:18px 12px}
  .hero-roster-track{grid-template-columns:1fr;gap:16px}
  .hero-roster-artist{display:flex;flex-direction:column;padding:0;border-radius:12px;overflow:hidden}
  .hero-roster-image{width:100%;aspect-ratio:16/11;border:0;border-radius:0}
  .hero-roster-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
  .hero-roster-name{width:100%;min-height:0;padding:.85rem .75rem 1rem;font-size:clamp(1.35rem,7vw,2rem);line-height:1.05;letter-spacing:.02em;white-space:normal;overflow-wrap:normal;word-break:normal}
  .artist-grid{grid-template-columns:1fr;gap:18px}
  .artist .portrait{height:auto;aspect-ratio:16/11}
  .artist .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
  .artist h3{font-size:clamp(1.7rem,8vw,2.25rem)}
  .artist>span{font-size:.78rem;letter-spacing:.13em}
  .artist>p{font-size:1rem}
  .artist-detail-image{overflow:hidden}
  .artist-detail-image img{width:100%;height:auto;max-width:100%;object-fit:contain}
}
@media(max-width:420px){
  .hero-banner{padding-left:10px;padding-right:10px;padding-top:clamp(245px,70vw,320px)}
  .hero-banner .hero-copy{padding:17px}
  .hero-banner h1{font-size:clamp(2.3rem,11.5vw,3.25rem)}
}


/* v2.7.2 — homepage Lia Vesper, Nova Lane and Ryker Nox focal-point correction */
/* Keep the existing cover crop while anchoring these portraits to the top so faces and hair remain visible. */
.artist-lia-vesper .portrait img,
.artist-nova-lane .portrait img,
.artist-ryker-nox .portrait img,
.hero-roster-lia-vesper .hero-roster-image img,
.hero-roster-nova-lane .hero-roster-image img,
.hero-roster-ryker-nox .hero-roster-image img{object-position:center top}
@media(max-width:760px){
  .artist-lia-vesper .portrait img,
  .artist-nova-lane .portrait img,
  .artist-ryker-nox .portrait img,
  .hero-roster-lia-vesper .hero-roster-image img,
  .hero-roster-nova-lane .hero-roster-image img,
  .hero-roster-ryker-nox .hero-roster-image img{object-position:center top}
}


/* v2.7.3 — Lia Vesper homepage portrait: show the complete source image without cover-cropping */
.artist-lia-vesper .portrait {
  height:auto;
  aspect-ratio:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#07040e;
}
.artist-lia-vesper .portrait img {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center top;
}
.hero-roster-lia-vesper .hero-roster-image {
  aspect-ratio:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-roster-lia-vesper .hero-roster-image img {
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}
@media(max-width:760px) {
  .artist-lia-vesper .portrait,
  .hero-roster-lia-vesper .hero-roster-image {
    height:auto;
    aspect-ratio:auto;
  }
  .artist-lia-vesper .portrait img,
  .hero-roster-lia-vesper .hero-roster-image img {
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center top;
  }
}


/* v2.8.1 — homepage artist visual balance and hero refresh */
/* Lia uses the same fixed 4:5 crop and visual scale as the other roster artists. */
.hero-roster-lia-vesper .hero-roster-image{display:block;aspect-ratio:4/5;overflow:hidden}
.hero-roster-lia-vesper .hero-roster-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.10);transform-origin:center 18%}
.hero-roster-lia-vesper:hover .hero-roster-image img{transform:scale(1.145)}
@media(max-width:760px){
  .hero-roster-lia-vesper .hero-roster-image{display:block;height:auto;aspect-ratio:16/11;overflow:hidden}
  .hero-roster-lia-vesper .hero-roster-image img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.08)}
  .hero-roster-lia-vesper:hover .hero-roster-image img{transform:scale(1.12)}
}

@media(max-width:1100px){.hero-axel{right:28%;height:84%}.hero-lia{right:3%;height:82%}.hero-copy{max-width:52%}}
@media(max-width:760px){.hero-banner{min-height:620px;padding:46px 20px 26px;align-items:flex-start}.hero-banner::before{background:linear-gradient(180deg,rgba(5,3,11,.86) 0%,rgba(5,3,11,.45) 48%,rgba(5,3,11,.36) 100%),url('/assets/images/hero-artists-composite.jpg?v=2.9.2') center/cover no-repeat}.hero-copy{max-width:100%;text-align:left}.hero-axel{right:34%;height:58%}.hero-lia{right:0;height:57%}}
@media(max-width:480px){.hero-banner{min-height:590px}.hero-axel{right:37%;height:52%}.hero-lia{right:-4%;height:51%}}


/* v2.9.5 — restored deployable two-performer homepage hero asset. */
.hero-banner{min-height:680px;background:#05030b url('/assets/images/hero-axel-lia-v2.9.5.jpg?v=2.9.5') center/cover no-repeat !important}
.hero-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,3,11,.96) 0%,rgba(5,3,11,.88) 35%,rgba(5,3,11,.34) 58%,rgba(5,3,11,.08) 100%) !important;filter:none !important;opacity:1 !important}
.hero-performers{display:none !important}.hero-copy{position:relative;z-index:1;max-width:min(920px,62%)}
@media(max-width:1100px){.hero-banner{background-position:58% center !important}.hero-copy{max-width:58%}}
@media(max-width:760px){.hero-banner{min-height:0;padding:clamp(280px,71vw,405px) 16px 34px !important;background-image:url('/assets/images/hero-axel-lia-v2.9.5.jpg?v=2.9.5') !important;background-size:auto clamp(300px,72vw,430px) !important;background-position:68% top !important;background-repeat:no-repeat !important;background-color:#05030b !important}.hero-banner::before{background:linear-gradient(180deg,rgba(5,3,11,.08) 0%,rgba(5,3,11,.22) 43%,rgba(5,3,11,.96) 68%,rgba(5,3,11,1) 100%) !important}.hero-copy{max-width:100%;width:100%;background:rgba(5,3,11,.90);backdrop-filter:blur(7px)}}
@media(max-width:420px){.hero-banner{padding-top:clamp(255px,74vw,330px) !important;background-position:70% top !important}}


/* v2.10.1 — governed homepage Banner Manager. */
.hero-banner{position:relative;isolation:isolate;overflow:hidden;background-color:#05030b !important;background-image:var(--hero-desktop-image) !important;background-size:cover !important;background-position:var(--hero-position,center center) !important;background-repeat:no-repeat !important;display:flex !important;justify-content:flex-start;align-items:center}
.hero-banner.banner-disabled{background-image:none !important}
.hero-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero-overlay,rgba(5,3,11,.64)) 0%,var(--hero-overlay,rgba(5,3,11,.64)) 30%,var(--hero-overlay-soft,rgba(5,3,11,.22)) 64%,rgba(5,3,11,.05) 100%) !important;opacity:1 !important;filter:none !important}
.hero-banner.text-center{justify-content:center;text-align:center}.hero-banner.text-right{justify-content:flex-end;text-align:right}.hero-banner.vertical-top{align-items:flex-start}.hero-banner.vertical-bottom{align-items:flex-end}
.hero-banner .hero-copy{position:relative;z-index:1;width:var(--hero-text-width,48%);max-width:none !important;background:rgba(5,3,11,.22);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:34px;backdrop-filter:blur(5px)}
.hero-parallax{background-attachment:fixed !important}
@media(max-width:760px){.hero-banner{background-image:var(--hero-mobile-image) !important;background-position:var(--hero-mobile-position,64% top) !important;background-size:cover !important;background-attachment:scroll !important;min-height:620px !important;padding:290px 16px 30px !important;align-items:flex-end !important}.hero-banner::before{background:linear-gradient(180deg,rgba(5,3,11,.05) 0%,rgba(5,3,11,.18) 42%,var(--hero-overlay,rgba(5,3,11,.82)) 70%,rgba(5,3,11,.98) 100%) !important}.hero-banner .hero-copy{width:100% !important;max-width:100% !important;text-align:left !important;background:rgba(5,3,11,.82);padding:22px}}

/* Banner Manager admin UI */
.admin-nav a.active{background:linear-gradient(90deg,var(--purple),var(--pink));color:white}
.admin-title-row,.section-heading,.banner-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-title-row p,.section-heading p{color:#626273;margin:.25rem 0 0}.banner-manager-form{display:grid;gap:22px}.banner-manager-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.admin-card{background:white;border:1px solid #dedee8;border-radius:12px;padding:20px}.admin-card h2{margin-top:0}.banner-active-preview{aspect-ratio:16/7;background:#080610;border-radius:8px;overflow:hidden;margin-bottom:15px}.banner-active-preview img{width:100%;height:100%;object-fit:cover}.banner-active-card dl{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:.85rem;overflow-wrap:anywhere}.banner-active-card dt{font-weight:700}.banner-active-card dd{margin:0}.banner-live-frame{min-height:430px;border-radius:10px;overflow:hidden;background:#05030b center/cover no-repeat;display:flex;padding:42px;color:white;transition:max-width .2s ease;margin:20px auto 0}.banner-live-frame.mobile-preview{max-width:390px;min-height:650px;padding:300px 18px 25px}.banner-live-copy{align-self:inherit;background:rgba(5,3,11,.72);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:28px;backdrop-filter:blur(5px)}.banner-live-copy span{font-size:.72rem;letter-spacing:.17em}.banner-live-copy h3{font-size:clamp(2rem,5vw,4.8rem);line-height:.95;margin:.35em 0}.banner-live-copy p{line-height:1.55}.banner-live-copy b{display:inline-block;background:linear-gradient(90deg,var(--purple),var(--pink));padding:13px 18px;margin-top:8px}.preview-switch{display:flex;gap:8px}.preview-mode.active{background:#17245d;color:white}.banner-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.banner-library-item{display:grid;grid-template-columns:150px 1fr;border:1px solid #dedee8;border-radius:9px;overflow:hidden}.banner-library-item>img{width:100%;height:110px;object-fit:cover;background:#090712}.banner-library-item>div{padding:12px;display:flex;flex-direction:column;gap:6px}.banner-library-item small{color:#696979}.banner-library-actions{display:flex;gap:14px;flex-wrap:wrap}.banner-save-bar{position:sticky;bottom:0;background:rgba(255,255,255,.96);border:1px solid #d7d7e2;border-radius:12px;padding:15px 18px;z-index:5;box-shadow:0 -8px 24px rgba(0,0,0,.08)}
@media(max-width:1280px){.banner-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.banner-manager-grid,.banner-library{grid-template-columns:1fr}.admin-title-row,.section-heading,.banner-save-bar{align-items:flex-start;flex-direction:column}.banner-library-item{grid-template-columns:110px 1fr}.banner-live-frame{padding:260px 14px 24px;min-height:590px;align-items:flex-end}.banner-live-copy{width:100% !important}}

/* Banner Manager v2.10.1 usability and preview controls */
.banner-admin .admin-card{color:#171722}.banner-admin .admin-card h2,.banner-admin .admin-card h3,.banner-admin .admin-card label,.banner-admin .admin-card strong,.banner-admin .admin-card dt{color:#171722}.banner-admin .admin-card input,.banner-admin .admin-card select{color:#171722;background:#fff}.banner-images-card{display:flex;flex-direction:column;gap:18px}.banner-upload-group{border:1px solid #d9d9e4;border-radius:10px;padding:14px;display:grid;gap:10px}.banner-upload-group h3{margin:0}.optional-label{font-size:.72rem;font-weight:600;color:#626273;background:#ededf4;border-radius:999px;padding:3px 7px}.upload-action{justify-self:start}.upload-action:disabled{opacity:.45;cursor:not-allowed}.banner-live-stage{display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:hidden}.banner-live-frame{width:100%;max-width:none}.banner-live-frame.mobile-preview{width:390px;max-width:100%;min-height:690px}.preview-current-mode{margin-top:8px!important}.preview-mode{min-width:100px}.preview-mode.active{box-shadow:0 0 0 3px rgba(105,77,255,.22)}#mobileUploadControls[hidden]{display:none!important}@media(max-width:760px){.preview-switch{width:100%}.preview-switch .button{flex:1}.banner-live-frame.mobile-preview{width:100%;min-height:620px}}
/* v2.20.0 Banner Manager responsive preview and focal-point controls */
.banner-live-frame{cursor:crosshair;background-size:cover;background-repeat:no-repeat;box-sizing:border-box}
.banner-live-frame:focus{outline:3px solid rgba(105,77,255,.45);outline-offset:3px}
.banner-live-frame.mobile-preview{aspect-ratio:390/844;height:auto;min-height:0;max-height:844px}
.banner-live-stage{min-height:460px}
.banner-live-frame:not(.mobile-preview){aspect-ratio:1920/700;min-height:0}
@media(max-width:760px){.banner-live-stage{min-height:0}.banner-live-frame:not(.mobile-preview){aspect-ratio:16/9;padding:24px}.banner-live-frame.mobile-preview{aspect-ratio:390/844;min-height:0}}

/* v2.20.0 — scheduled rotating banner packs and three-size Banner Manager preview. */
.hero-banner.desktop-rotating{background-image:none!important}
.hero-slide{position:absolute;inset:0;z-index:-2;background-image:var(--slide-image);background-size:cover;background-position:var(--hero-position,center center);background-repeat:no-repeat;opacity:0;transition:opacity var(--hero-transition-seconds,1s) ease}
.hero-slide.active{opacity:1}.hero-banner.transition-none .hero-slide{transition:none}.hero-banner.reduced-motion .hero-slide{transition:none}
.hero-rotation-control{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:54px;border:1px solid rgba(255,255,255,.35);background:rgba(5,3,11,.55);color:#fff;font-size:2rem;cursor:pointer}.hero-prev{left:16px}.hero-next{right:16px}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:11px;height:11px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer}.hero-dot.active{background:#fff}
.banner-live-frame.tablet-preview{width:768px;max-width:100%;aspect-ratio:4/3;min-height:0}.banner-pack-help{color:#626273}
@media(max-width:760px){.hero-slide{background-position:var(--hero-mobile-position,64% top)}.hero-rotation-control{width:38px;height:46px}.hero-prev{left:6px}.hero-next{right:6px}.preview-switch{flex-wrap:wrap}.preview-switch .button{min-width:88px}}


/* v2.20.3 admin accessibility and artist gallery management */
.admin-page{color:#f6f2ff;background:#07050c}
.admin-nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:36px}
.admin-nav nav{padding-bottom:24px}
.admin-main .admin-card{background:#100b18;color:#f6f2ff;border-color:#30263d}
.admin-main .admin-card h2,.admin-main .admin-card h3,.admin-main .admin-card strong,.admin-main .admin-card label,.admin-main .admin-card dt{color:#fff}
.admin-main .admin-card p,.admin-main .admin-card li,.admin-main .admin-card dd,.admin-main .audit-list span,.admin-main .module-status-list strong{color:#d7cfe2}
.admin-main .admin-card table{background:#0c0813;color:#fff}
.admin-main .admin-card th,.admin-main .admin-card td{border-color:#30263d}
.banner-admin .admin-card{background:#fff;color:#171722;border-color:#dedee8}
.banner-admin .admin-card h2,.banner-admin .admin-card h3,.banner-admin .admin-card label,.banner-admin .admin-card strong,.banner-admin .admin-card dt{color:#171722}
.banner-admin .admin-card p,.banner-admin .admin-card li,.banner-admin .admin-card dd{color:#626273}
.artist-gallery-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.artist-gallery-slot{display:grid;gap:10px;padding:14px;border:1px solid #30263d;border-radius:10px;background:#0c0813}
.artist-gallery-thumb{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#05030b;color:#958aa3}
.artist-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.field-help{color:#bcb2c8;margin-top:-4px}
@media(max-width:900px){.admin-nav{max-height:none;overflow:visible}.artist-gallery-admin{grid-template-columns:1fr}}

/* v2.20.4 — independent desktop and mobile rotating banner packs. */
.hero-slide-mobile,.hero-dots-mobile{display:none}
@media(max-width:760px){
 .hero-banner.desktop-rotating{background-image:var(--hero-mobile-image)!important}
 .hero-banner.mobile-rotating{background-image:none!important}
 .hero-slide-desktop,.hero-dots-desktop{display:none}
 .hero-slide-mobile{display:block}
 .hero-dots-mobile{display:flex}
}

/* v2.20.8 — scalable banner library viewport and safe destructive controls. */
.banner-library-scroll{max-height:620px;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-gutter:stable;border-top:1px solid #ececf3;margin-top:14px;padding-top:14px}
.banner-library-count{white-space:nowrap;color:#4b4b5c;font-size:.88rem}
.banner-delete{align-self:flex-start;margin-top:4px;background:#8d1f32!important;border-color:#8d1f32!important;color:#fff!important;padding:7px 10px;font-size:.78rem}
.banner-delete:hover{background:#6f1425!important;border-color:#6f1425!important}
@media(max-width:760px){.banner-library-scroll{max-height:70vh}}

/* v2.20.10 — protected website audio preview player */
.xbh-audio-preview{margin:16px 0;padding:12px 14px;border:1px solid rgba(113,126,184,.35);border-radius:10px;background:rgba(8,6,18,.72)}
.xbh-audio-label{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}.xbh-audio-label strong{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--pink)}.xbh-audio-label span{font-size:.8rem;color:var(--muted)}
.xbh-audio-preview audio{display:block;width:100%;height:38px;accent-color:var(--pink)}
.audio-preview-admin{margin:18px 0;padding:18px;border:1px solid #413552;border-radius:10px;background:#0c0813}.audio-preview-admin h3{margin-top:0}.danger-check{color:#ff9ca9}
.public-release-grid{display:grid;gap:24px}.public-release-card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:26px;padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.public-release-cover img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#030205}.public-release-copy h2{margin:.3em 0}.release-meta{color:var(--pink);font-size:.7rem;font-weight:700;letter-spacing:.14em}.artist-music-section{padding:60px 0}.artist-music-list{display:grid;gap:14px}.artist-track{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr);align-items:center;gap:20px;padding:14px 18px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.artist-track>div{display:grid;gap:4px}.artist-track span,.artist-music-note{color:var(--muted);font-size:.8rem}.artist-track .xbh-audio-preview{margin:0}.artist-music-note{margin-top:12px}
@media(max-width:760px){.public-release-card,.artist-track{grid-template-columns:1fr}.public-release-cover{max-width:320px}.xbh-audio-preview audio{height:42px}}


/* v2.20.15 — public legal, privacy and data-deletion pages. */
.legal-page{max-width:980px}.legal-page .lede{max-width:850px}.legal-meta{display:inline-flex;gap:8px;align-items:center;margin:12px 0 30px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel)}
.legal-section{margin:0 0 18px;padding:24px 26px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.legal-section h2{margin:0 0 10px;font-size:1.28rem}.legal-section p{line-height:1.72;margin:.6rem 0}.legal-section ul{margin:.7rem 0 0;padding-left:1.4rem}.legal-section li{line-height:1.68;margin:.35rem 0}.legal-section a,.legal-footer a,.footer-legal a{color:var(--pink)}
.legal-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px clamp(18px,5vw,72px);border-top:1px solid var(--line);background:#08050e}.legal-footer>div{display:grid;gap:4px}.legal-footer span{color:var(--muted);font-size:.82rem}.legal-footer nav,.footer-legal{display:flex;flex-wrap:wrap;gap:16px}.legal-footer a,.footer-legal a{text-decoration:none}.legal-footer a:hover,.footer-legal a:hover{text-decoration:underline}.footer-legal{width:100%;justify-content:flex-end;padding-top:4px;font-size:.82rem}
@media(max-width:760px){.legal-section{padding:20px 18px}.legal-footer{align-items:flex-start;flex-direction:column}.footer-legal{justify-content:flex-start}}


/* v2.20.16 — permanent artist campaign landing pages */
.artist-landing-page{max-width:1320px}
.artist-current-release{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin:72px 0 26px;padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--purple);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 80px rgba(0,0,0,.28)}
.artist-current-release.pink{border-top-color:var(--pink)}.artist-current-release.cyan{border-top-color:var(--cyan)}.artist-current-release.blue{border-top-color:var(--blue)}.artist-current-release.orange{border-top-color:var(--orange)}.artist-current-release.green{border-top-color:var(--green)}.artist-current-release.gold{border-top-color:var(--gold)}.artist-current-release.red{border-top-color:var(--red)}
.artist-current-cover{overflow:hidden;border-radius:16px;background:#07050c;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.artist-current-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.artist-current-copy h2{margin:.15em 0 .25em;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.96}.release-meta-line,.artist-release-date{color:var(--muted);font-size:.82rem}.artist-release-teaser{font-size:1.1rem;color:#fff;font-weight:700}
.artist-current-copy .xbh-audio-preview{margin:24px 0 10px}.artist-release-countdown{margin-top:24px}.artist-current-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.artist-current-actions .button{margin:0}
.artist-catalog-section{padding:58px 0 12px}.artist-catalog-section h2{font-size:clamp(2rem,4vw,3.8rem);margin:.2em 0 28px}.artist-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.artist-release-card{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr);gap:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.artist-release-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#05030b}.artist-release-card-copy h3{margin:.3rem 0 .4rem;font-size:clamp(1.35rem,2.8vw,2.2rem)}.artist-release-card-copy .xbh-audio-preview{margin:14px 0}.artist-release-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.artist-release-links a{font-size:.78rem}
@media(max-width:980px){.artist-current-release{grid-template-columns:minmax(220px,340px) minmax(0,1fr)}.artist-release-grid{grid-template-columns:1fr}}
@media(max-width:700px){.artist-current-release{grid-template-columns:1fr;margin-top:44px;padding:18px}.artist-current-cover{max-width:420px;width:100%;margin:auto}.artist-release-card{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:13px}.artist-release-card-copy h3{font-size:1.35rem}.artist-current-actions .button{flex:1 1 140px;text-align:center}}
@media(max-width:460px){.artist-release-card{grid-template-columns:1fr}.artist-release-cover{max-width:220px}.artist-current-actions{display:grid;grid-template-columns:1fr}.artist-current-actions .button{width:100%}}