:root{
  --cream:#fbfaf4;
  --ink:#050505;
  --muted:#5d605b;
  --green:#087d3a;
  --line:rgba(0,0,0,.13);
  --card:#ffffff;
  --black:#050605;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif;
  background:var(--cream);
  color:var(--ink);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 48px)); margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(251,250,244,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.nav{
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px
}
.brand img{height:54px;width:auto}
.nav-links{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px;letter-spacing:.01em}
.nav-links a{padding:26px 0 22px;border-bottom:3px solid transparent}
.nav-links a.active,.nav-links a:hover{border-bottom-color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:14px}
.login-btn,.btn{
  border:1px solid var(--ink);border-radius:8px;padding:12px 20px;font-weight:700;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px
}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.hero{padding:86px 0 56px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:76px;align-items:center}
.hero-logo{width:min(390px,70vw);margin-bottom:42px}
.eyebrow{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.23em;color:var(--green);font-weight:700;font-size:12px;margin:0 0 16px}
.eyebrow:before{content:"";width:32px;height:3px;background:var(--green);display:inline-block}
.hero h1,.page-title{
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  font-weight:700;
  font-size:clamp(54px,7.2vw,100px);
  line-height:.94;
  letter-spacing:-.025em;
  margin:0 0 24px;
  max-width:700px
}
.hero-copy{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px;margin:0 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.hero-side{display:grid;gap:16px}
.value-card{
  padding:24px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(0,0,0,.055)
}
.value-card.dark{background:var(--black);color:#fff}
.value-card h3{margin:0 0 8px;font-size:22px;line-height:1.15;font-weight:700}
.value-card p{margin:0;color:inherit;opacity:.72;line-height:1.4;font-size:16px}
.section{padding:72px 0;border-top:1px solid rgba(0,0,0,.08)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(38px,4.6vw,66px);line-height:.98;letter-spacing:-.02em;margin:0}
.section-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:11px;margin-bottom:10px}
.section-link{font-weight:700;font-size:14px}
.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.channel-card{
  min-height:218px;border-radius:10px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease
}
.channel-card:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(0,0,0,.12)}
.channel-card.dark{background:#050605;color:#fff}
.channel-card.light{background:#fff;color:#050505}
.channel-card.coming{background:transparent;border-style:dashed}
.channel-logo{height:78px;width:80%;object-fit:contain;margin-bottom:16px}
.channel-card h3{font-size:20px;margin:0 0 6px}
.channel-card .category{color:#79c955;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:10px}
.channel-card.light .category{color:var(--green)}
.channel-card p{font-size:14px;line-height:1.35;margin:0;color:inherit;opacity:.78}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.media-card{
  min-height:320px;border-radius:10px;overflow:hidden;position:relative;background:#111;border:1px solid var(--line);box-shadow:0 18px 56px rgba(0,0,0,.09)
}
.media-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.80))}
.media-body{position:absolute;inset:auto 0 0;padding:24px;color:#fff;z-index:2}
.media-label{display:inline-block;border-radius:5px;background:#7fc94a;color:#0b0b08;padding:6px 9px;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-bottom:12px}
.media-body h3{font-size:34px;line-height:1.02;margin:0 0 10px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
.media-body p{margin:0 0 16px;color:rgba(255,255,255,.78);line-height:1.35}
.cta-band{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cta-copy{padding:46px}
.cta-copy h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:60px;line-height:.98;letter-spacing:-.02em;margin:0 0 18px}
.cta-copy p{font-size:19px;line-height:1.45;color:var(--muted)}
.cta-art{background:#080908;display:grid;place-items:center;min-height:320px}
.cta-art img{max-width:70%;max-height:190px;object-fit:contain}
.footer{background:#050605;color:#fff;padding:56px 0 30px;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:34px}
.footer-logo{height:70px;width:auto;margin-bottom:14px}
.footer h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.footer a,.footer p{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7;margin:0 0 6px}
.page-hero{padding:70px 0 48px}
.page-hero p{font-size:20px;color:var(--muted);max-width:760px;line-height:1.45}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px}
.panel h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:42px;line-height:1.05;margin:0 0 12px}
.form-grid{display:grid;gap:14px}
.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:7px;padding:14px;font:inherit;background:#fff}
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 74px)}
.admin-side{background:#080908;color:#fff;padding:28px}
.admin-side img{height:72px;margin-bottom:28px}
.admin-side a{display:block;padding:12px 14px;border-radius:7px;color:rgba(255,255,255,.76);font-weight:600}
.admin-side a:hover{background:rgba(255,255,255,.08);color:#fff}
.admin-main{padding:34px}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.codebox{white-space:pre-wrap;background:#0b0c0b;color:#d7ffce;border-radius:16px;padding:18px;overflow:auto;max-height:360px}
.notice{background:#f0f7ed;border:1px solid #b9d9b3;border-radius:16px;padding:18px;margin:18px 0;color:#224520}
@media(max-width:960px){
  .nav-links{display:none}
  .hero-grid,.cta-band,.split-grid,.admin-layout{grid-template-columns:1fr}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid,.event-grid,.footer-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,var(--max))}
  .hero{padding-top:46px}
  .hero h1,.page-title{font-size:56px}
  .channel-grid{grid-template-columns:1fr}
  .brand img{height:44px}
}


/* v20 typography + authenticated app surface */
body{font-weight:400;letter-spacing:.002em}
h1,h2,h3,h4,strong,.btn,.login-btn,.section-link{font-synthesis:none}
p{font-weight:400}
.nav-links a{font-weight:600}
.footer h4{font-weight:700}
.footer a,.footer p{font-weight:400}
.page-hero p{line-height:1.6}
.panel p{line-height:1.6}
.input,textarea,select{font-weight:400}
.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:64px;align-items:start;padding:68px 0 88px}
.auth-intro{max-width:680px}
.auth-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.02em;margin:0 0 20px}
.auth-copy{font-size:19px;line-height:1.6;color:var(--muted);max-width:620px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.06)}
.auth-card h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:38px;line-height:1;margin:0 0 8px}
.auth-meta{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 22px}
.field-label{font-size:13px;font-weight:700;margin-bottom:6px;display:block}
.auth-status{display:none;margin-top:14px;padding:12px;border-radius:7px;font-size:14px;line-height:1.45}
.auth-status.show{display:block}.auth-status.error{background:#fff1f1;border:1px solid #edb6b6;color:#7a1616}.auth-status.info{background:#eef6ec;border:1px solid #b9d9b3;color:#224520}
.app-header{background:#050605;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.app-nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.app-nav img{height:44px}
.app-user{display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,.75)}
.app-shell{min-height:calc(100vh - 70px);display:grid;grid-template-columns:240px 1fr;background:#f5f5f2}
.app-side{background:#0b0c0b;color:#fff;padding:28px 18px;border-right:1px solid rgba(255,255,255,.08)}
.app-side-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#74be55;font-weight:700;padding:0 12px 10px}
.app-side a{display:block;padding:11px 12px;margin-bottom:4px;border-radius:6px;color:rgba(255,255,255,.72);font-weight:500}
.app-side a:hover,.app-side a.active{background:rgba(255,255,255,.08);color:#fff}
.app-main{padding:42px;max-width:1200px;width:100%}
.app-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:56px;line-height:1;margin:0 0 10px}
.app-lead{color:var(--muted);font-size:18px;line-height:1.55;max-width:760px}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.app-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;min-height:160px}
.app-card h3{font-size:20px;margin:0 0 8px}.app-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.app-card.locked{opacity:.55}.app-card .module-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:12px}
.app-guard{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px}.app-guard .panel{max-width:560px}
@media(max-width:960px){.auth-wrap{grid-template-columns:1fr;gap:32px}.app-shell{grid-template-columns:1fr}.app-side{display:none}.app-grid{grid-template-columns:1fr}.app-main{padding:28px 20px}}

/* v21 readability reset: clean sans typography, no condensed display faces */
body{
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-size:16px;
  line-height:1.55;
  letter-spacing:0;
}
.hero h1,.page-title,.section-title,.media-body h3,.cta-copy h2,.panel h2,.auth-title,.auth-card h2,.app-title{
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-style:normal;
  font-stretch:normal;
  font-synthesis:none;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.hero h1,.page-title{
  font-weight:700;
  font-size:clamp(44px,5.5vw,76px);
  line-height:1.06;
  max-width:860px;
  margin-bottom:24px;
}
.section-title{
  font-weight:700;
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.media-body h3{
  font-weight:700;
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.cta-copy h2{
  font-weight:700;
  font-size:clamp(38px,4.2vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.panel h2{
  font-weight:700;
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.auth-title{
  font-weight:700;
  font-size:clamp(42px,5vw,68px);
  line-height:1.07;
  letter-spacing:-.035em;
}
.auth-card h2{
  font-weight:700;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.app-title{
  font-weight:700;
  font-size:48px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.hero-copy,.page-hero p,.auth-copy,.app-lead,.cta-copy p{
  letter-spacing:0;
}
.eyebrow,.section-kicker,.footer h4,.media-label,.channel-card .category,.table th,.app-side-label,.app-card .module-tag{
  letter-spacing:.14em;
}
.nav-links,.btn,.login-btn,.section-link,.value-card h3,.channel-card h3{
  letter-spacing:0;
}
@media(max-width:620px){
  .hero h1,.page-title{font-size:44px;line-height:1.08}
  .section-title{font-size:36px}
  .cta-copy h2{font-size:38px}
  .app-title{font-size:40px}
}


/* v22 production web client */
.auth-status.success,.form-status.success{background:#eef6ec;border:1px solid #b9d9b3;color:#224520}
.form-status{display:none;margin-top:8px;padding:12px;border-radius:7px;font-size:14px;line-height:1.45}
.form-status.show{display:block}.form-status.error{background:#fff1f1;border:1px solid #edb6b6;color:#7a1616}.form-status.info{background:#f3f3f0;border:1px solid var(--line);color:var(--muted)}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-form{max-width:880px}
.account-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 8px}
.account-strip>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 16px}
.account-strip span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}
.account-strip strong{font-size:15px}
.app-card-link{display:block;color:inherit;position:relative;padding-bottom:46px}
.app-card-link:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.07)}
.card-arrow{position:absolute;left:22px;bottom:18px;font-size:13px;font-weight:700;color:var(--green)}
.coming-label{display:block;margin-top:18px;font-size:12px;color:var(--muted);font-weight:600}
.app-side-spacer{margin-top:22px}
@media(max-width:700px){.form-two,.account-strip{grid-template-columns:1fr}}

/* v22.3 account onboarding */
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:2px}.auth-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.auth-links strong{font-weight:800}

/* v22.5 creator livestream */
.live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.live-status{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:800;font-size:13px;letter-spacing:.08em}.live-status span{width:10px;height:10px;border-radius:50%;background:#777}.live-status.is-live span{background:var(--green);box-shadow:0 0 0 5px rgba(8,125,58,.12)}.live-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.live-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.live-card h2{margin:0 0 18px;font-size:24px}.live-credentials{grid-column:1/-1}.live-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:20px 0 7px;color:var(--muted)}.credential-row{display:flex;gap:9px;align-items:stretch}.credential-row code{flex:1;min-width:0;background:#f3f4f1;border:1px solid var(--line);border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;white-space:nowrap}.credential-row .btn{padding:10px 16px}.credential-row .btn:disabled{opacity:.45;cursor:not-allowed}.live-warning{margin-top:18px;padding:13px 15px;background:#fff8e6;border:1px solid #ead8a4;border-radius:8px;font-size:13px;line-height:1.5}.setup-steps{margin:0;padding-left:21px;color:var(--muted);line-height:1.65}.setup-steps strong{color:var(--ink)}.live-note{margin-top:18px;color:var(--muted);font-size:13px}.live-note span{padding:0 7px}@media(max-width:760px){.live-head{display:block}.live-status{margin-top:16px}.live-grid{grid-template-columns:1fr}.live-card-head{display:block}.live-card-head .btn{margin-top:12px}.credential-row{flex-wrap:wrap}.credential-row code{flex-basis:100%}}


/* v22.6 creator studio */
.studio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}.studio-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.studio-card h2{margin:0;font-size:25px}.studio-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.studio-pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:#e9f4e5;color:#2f5d28;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-pill.neutral{background:#f1f1ee;color:#555}.studio-upload-card input[type=text],.studio-upload-card input[type=url],.studio-upload-card input:not([type]),.studio-upload-card select,.studio-upload-card textarea{width:100%}.studio-file{position:relative;border:1px dashed #aeb3a8;border-radius:9px;background:#f7f7f4;padding:18px;overflow:hidden}.studio-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio-file span{font-weight:700}.studio-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.45;color:var(--muted)}.studio-check input{margin-top:3px}.studio-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.studio-help{font-size:12px;color:var(--muted)}.studio-progress{height:8px;background:#e9e9e5;border-radius:999px;overflow:hidden;margin:16px 0 8px}.studio-progress>div{height:100%;width:0;background:var(--green);transition:width .18s ease}.studio-production{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.studio-production:first-child{border-top:0;padding-top:0}.studio-production h3{margin:7px 0 5px;font-size:18px}.studio-production p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.studio-meta{display:flex;gap:7px;align-items:center;margin-top:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.studio-empty{display:grid;gap:5px;padding:30px 8px;color:var(--muted);text-align:center}.studio-empty strong{color:var(--ink)}.btn.small{padding:8px 12px;font-size:12px}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-head{display:block}.studio-head>.btn{margin-top:16px}.studio-production{display:block}.studio-production>.btn{margin-top:12px}}


/* v22.7 creator batch uploader */
.studio-optional{font-weight:500;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}
.studio-help-block{margin-top:-6px;margin-bottom:16px}
.studio-dropzone{padding:24px;border-width:2px;transition:border-color .15s ease,background .15s ease}
.studio-dropzone.dragging{border-color:var(--green);background:#eff8eb}
.studio-dropzone>div{display:grid;gap:4px;pointer-events:none}
.studio-dropzone strong{font-size:15px}
.studio-dropzone span{font-size:12px;color:var(--muted)}
.studio-queue-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 9px}
.studio-file-queue{display:grid;gap:9px}
.studio-queue-empty{border:1px solid var(--line);border-radius:9px;padding:20px;text-align:center;color:var(--muted);font-size:13px;background:#fafaf8}
.studio-queue-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:9px;padding:14px;background:#fff}
.studio-queue-item.complete{border-color:#bad6af;background:#f7fbf5}
.studio-queue-item.failed{border-color:#dfb8b8;background:#fff8f8}
.studio-queue-item.uploading,.studio-queue-item.submitting,.studio-queue-item.preparing{border-color:#cdd8c8;background:#fbfdf9}
.studio-queue-main{min-width:0;flex:1}
.studio-queue-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:8px}
.studio-queue-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.studio-queue-top span{white-space:nowrap;color:var(--muted);font-size:11px}
.studio-queue-title{width:100%;padding:9px 10px!important;font-size:13px!important;margin:0!important}
.studio-queue-meta{display:flex;gap:6px;align-items:center;margin-top:7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.studio-file-progress{height:5px;background:#e8e9e5;border-radius:999px;overflow:hidden;margin-top:9px}
.studio-file-progress>div{height:100%;background:var(--green);transition:width .15s ease}
.studio-queue-error{margin-top:8px;color:#9b2727;font-size:12px;font-weight:700}
@media(max-width:640px){
  .studio-queue-item{display:block}
  .studio-queue-item>.btn{margin-top:10px}
  .studio-queue-top{align-items:flex-start}
}


/* v22.8 module-driven account navigation */
.app-side .app-side-request,
.app-side .app-side-disabled{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  box-sizing:border-box;
  border:0;
  border-radius:7px;
  padding:10px 12px;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  text-decoration:none;
}
.app-side .app-side-request{cursor:pointer}
.app-side .app-side-request:hover{background:rgba(255,255,255,.06)}
.app-side .app-side-request small,
.app-side .app-side-disabled small{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.65;
}
.app-side .app-side-request.pending{cursor:default;opacity:.72}
.app-side .app-side-disabled{opacity:.62}
.app-side .app-side-request.active,
.app-side .app-side-disabled.active{background:rgba(255,255,255,.08)}
.app-card-locked{border-style:dashed}
.app-card-locked.pending{opacity:.8}
.app-card-locked .btn{margin-top:14px}
.module-access-panel .btn{margin-right:8px;margin-top:10px}

/* v22.17 Network Content Manager */
.network-content-manager{margin:0 0 26px;background:#fff;border:1px solid #deded8;border-radius:18px;padding:22px}
.network-manager-bar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.network-manager-bar h2{margin:4px 0 4px;font-size:28px}.network-manager-bar p{margin:0;color:#666}
.content-manager-layout{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);gap:18px;min-height:560px}
.content-tree-pane,.content-editor-pane{border:1px solid #e2e2dc;border-radius:14px;background:#fafaf7;overflow:auto}
.content-tree-pane{padding:14px;max-height:720px}.content-editor-pane{padding:18px;background:#fff}
.content-tree-head{display:grid;gap:2px;padding:4px 4px 12px;border-bottom:1px solid #e3e3dd;margin-bottom:10px}
.content-tree-channel,.content-tree-series{border-left:2px solid #ddd;padding-left:8px;margin:8px 0}
.content-tree-channel>summary,.content-tree-series>summary{cursor:pointer;padding:7px 5px}
.content-tree-channel>summary{display:flex;justify-content:space-between;gap:10px}
.content-tree-season{margin:6px 0 8px 8px;padding:6px;border-radius:10px}
.content-tree-season-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:5px}
.content-tree-list{display:grid;gap:4px}
.content-tree-item{width:100%;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:8px;display:flex;justify-content:space-between;gap:8px;cursor:pointer}
.content-tree-item:hover,.content-tree-item.is-selected{background:#eaf4e7}.content-tree-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-tree-item small{color:#7a7a74;white-space:nowrap}
.content-tree-empty{font-size:12px;color:#999;padding:8px}.is-drop-target{outline:2px dashed #2f7d50;background:#eef8ef}
.content-editor-empty{min-height:420px;display:grid;place-content:center;text-align:center;color:#777}
.content-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.content-editor-head h3{margin:8px 0 4px;font-size:24px}
.content-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.content-editor-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.content-editor-grid input,.content-editor-grid select,.content-editor-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cfcfc9;border-radius:9px;padding:10px;background:#fff;font:inherit;text-transform:none;letter-spacing:normal}
.content-editor-grid .span-2{grid-column:1/-1}.content-editor-grid .check-row{display:flex;align-items:center;text-transform:none;letter-spacing:normal;font-weight:600}.content-editor-grid .check-row input{width:auto}
@media(max-width:900px){.content-manager-layout{grid-template-columns:1fr}.content-tree-pane{max-height:440px}.content-editor-grid{grid-template-columns:1fr}.content-editor-grid .span-2{grid-column:auto}}


/* =========================================================
   v22.18 STNR Production Suite — Light Operator Experience
   ========================================================= */
body.studio-pamper{
  background:
    radial-gradient(circle at 20% -10%,rgba(85,173,122,.11),transparent 34rem),
    radial-gradient(circle at 92% 4%,rgba(87,150,215,.10),transparent 28rem),
    #f5f7f4;
  color:#151b18;
}
body.studio-pamper .app-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid #dce4dc;
  box-shadow:0 8px 28px rgba(22,42,30,.05);
}
body.studio-pamper .app-header img{height:30px}
body.studio-pamper .app-header .app-user{color:#25332b}
body.studio-pamper .app-shell{background:transparent}
body.studio-pamper .app-main{padding:26px 30px 50px;max-width:none}
body.studio-pamper .studio-head{
  background:linear-gradient(135deg,#ffffff 0%,#f6fbf6 58%,#edf5fb 100%);
  border:1px solid #dce4dc;
  border-radius:20px;
  padding:26px 28px;
  box-shadow:0 14px 40px rgba(26,49,34,.06);
  margin-bottom:22px;
}
body.studio-pamper .studio-head .app-title{font-size:40px}
body.studio-pamper .studio-head .app-lead{max-width:860px}

/* Existing global module sidebar, lightened for long operator sessions */
body.studio-pamper .app-side{
  background:#ffffff;
  color:#26342b;
  border-right:1px solid #dfe5df;
  box-shadow:8px 0 30px rgba(25,42,31,.035);
}
body.studio-pamper .app-side a,
body.studio-pamper .app-side button,
body.studio-pamper .app-side .app-side-disabled{color:#334039}
body.studio-pamper .app-side a:hover,
body.studio-pamper .app-side button:hover{background:#f1f6f0}
body.studio-pamper .app-side .active,
body.studio-pamper .app-side .app-side-request.active,
body.studio-pamper .app-side .app-side-disabled.active{
  background:#eaf5e8!important;color:#164f2f!important;
  box-shadow:inset 3px 0 #1f874f;
}
body.studio-pamper .app-side-label{color:#43825f}

/* Hide the old admin submission cards visually underneath the production suite.
   They remain in DOM for upload workflow and compatibility, but manager becomes primary. */
body.studio-pamper [data-network-manager] + .studio-grid{
  margin-top:22px;
}
body.studio-pamper .studio-card{
  border-radius:18px;border-color:#dfe5df;
  box-shadow:0 10px 28px rgba(28,48,34,.045)
}

.suite-shell{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border-radius:24px!important;
  border:1px solid #d7e0d8!important;
  background:#edf2ee!important;
  box-shadow:0 24px 70px rgba(29,54,38,.10);
}
.suite-rail{
  min-height:900px;
  background:linear-gradient(180deg,#fbfcfb,#f4f7f4);
  border-right:1px solid #d8e1d9;
  padding:20px 14px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.suite-rail-brand{padding:8px 10px 22px;display:grid;gap:2px}
.suite-rail-mark{font-size:24px;font-weight:900;letter-spacing:-.06em;color:#14231a}
.suite-rail-brand small{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#6c7c71;font-weight:800}
.suite-rail-link{
  appearance:none;border:0;background:transparent;
  display:flex;align-items:center;gap:10px;width:100%;
  padding:11px 12px;border-radius:11px;text-decoration:none;
  color:#47554c;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:left;
}
.suite-rail-link span{width:20px;text-align:center;color:#718078}
.suite-rail-link:hover{background:#eef4ef;color:#1c4d31}
.suite-rail-link.is-active{
  background:#e3f2e5;color:#14613a;
  box-shadow:inset 3px 0 #21824e;
}
.suite-rail-link.is-active span{color:#21824e}
.suite-rail-sep{height:1px;background:#dde4de;margin:8px 4px}
.suite-rail-status{
  margin-top:auto;border:1px solid #d9e4da;border-radius:14px;
  padding:13px;background:#fff;display:flex;align-items:center;gap:9px
}
.suite-rail-status strong{font-size:12px;display:block}.suite-rail-status small{font-size:10px;color:#748178}
.suite-status-dot{width:9px;height:9px;border-radius:50%;background:#20a55d;box-shadow:0 0 0 5px rgba(32,165,93,.11)}

.suite-workspace{min-width:0;padding:24px;background:#f7f9f7}
.suite-topbar{
  display:flex;justify-content:space-between;gap:22px;align-items:flex-start;
  margin-bottom:18px;padding:6px 2px 2px
}
.suite-kicker,.suite-label{
  color:#21824e;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase
}
.suite-topbar h2{margin:5px 0 5px;font-size:32px;letter-spacing:-.035em}
.suite-topbar p{margin:0;color:#68766d;font-size:13px}
.suite-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.suite-env{
  border:1px solid #cfe0d2;background:#fff;border-radius:999px;padding:9px 12px;
  font-size:10px;font-weight:900;color:#42604e;letter-spacing:.05em
}
.suite-env i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22a75d;margin-right:7px}

.suite-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.suite-stat{
  background:#fff;border:1px solid #dce4dc;border-radius:16px;padding:16px 17px;
  box-shadow:0 7px 22px rgba(28,49,34,.035);position:relative;overflow:hidden
}
.suite-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#65ad7d}
.suite-stat:nth-child(2):before{background:#e76d4e}.suite-stat:nth-child(3):before{background:#d1a334}.suite-stat:nth-child(4):before{background:#6b9dcb}
.suite-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6d7b71;font-weight:800}
.suite-stat strong{display:block;font-size:28px;line-height:1.1;margin:7px 0 2px}.suite-stat small{color:#7b877f;font-size:10px}

.suite-panel{
  background:#fff;border:1px solid #dae3db;border-radius:18px;
  box-shadow:0 10px 30px rgba(26,47,32,.045);margin-bottom:16px;overflow:hidden
}
.suite-panel-head{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  padding:17px 19px;border-bottom:1px solid #e5eae6
}
.suite-panel-head h3{margin:3px 0 0;font-size:19px}.suite-panel-head>small{color:#849087;font-size:11px}

.suite-channel-strip{
  display:flex;gap:10px;padding:14px 16px 17px;overflow-x:auto;scrollbar-width:thin;
}
.suite-channel-card{
  min-width:220px;max-width:220px;border:1px solid #dce4dd;border-radius:14px;
  background:linear-gradient(150deg,#fff,#f7faf7);
  padding:13px;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;
  position:relative;cursor:pointer;transition:.16s ease;
}
.suite-channel-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(33,67,44,.08);border-color:#b9d2bf}
.suite-channel-card.is-active{border-color:#5ca774;background:linear-gradient(145deg,#f3fbf4,#eef7f1);box-shadow:0 0 0 2px rgba(59,143,86,.09)}
.suite-channel-icon{
  width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#234a34,#4a8d63);
  display:grid;place-items:center;color:white;font-size:12px;font-weight:900;letter-spacing:.04em
}
.suite-channel-icon-all{background:linear-gradient(145deg,#18261e,#2b5e3d)}
.suite-channel-copy{min-width:0}.suite-channel-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 5px}
.suite-channel-copy span{display:block;font-size:10px;color:#79857d}
.suite-channel-state{grid-column:1/-1;font-size:9px;font-weight:900;color:#728078;letter-spacing:.08em;margin-top:3px}
.suite-channel-state.is-live{color:#c84f36}.suite-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e35c41;margin-right:5px;box-shadow:0 0 0 4px rgba(227,92,65,.11)}

.suite-manager-panel{overflow:visible}
.suite-toolbar{display:flex;gap:8px}
.suite-chip{border:1px solid #d5dfd6;background:#f7faf7;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#526158;cursor:pointer}
.suite-chip:hover{background:#edf5ee}

.suite-shell .content-manager-layout{
  grid-template-columns:minmax(330px,38%) minmax(0,1fr);
  min-height:650px;gap:0;
}
.suite-shell .content-tree-pane{
  border:0;border-right:1px solid #e1e7e2;border-radius:0;background:#fbfcfb;padding:16px;max-height:760px
}
.suite-shell .content-editor-pane{border:0;border-radius:0;padding:22px;background:#fff}
.suite-shell .content-tree-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:2px 3px 14px;margin-bottom:9px
}
.suite-shell .content-tree-head>div{display:grid;gap:2px}.suite-shell .content-tree-head strong{font-size:14px}.suite-shell .content-tree-head span{font-size:10px;color:#7d8981}
.suite-drag-hint{background:#edf4ee;border-radius:999px;padding:5px 8px!important;font-size:9px!important;font-weight:800;color:#52725d!important}

.suite-shell .content-tree-channel{
  border-left:0;padding-left:0;margin:8px 0;border:1px solid #e2e8e3;border-radius:12px;background:#fff;overflow:hidden
}
.suite-shell .content-tree-channel>summary{
  padding:10px 11px;background:#f7faf7;border-bottom:1px solid #edf0ed;
  list-style:none
}
.suite-shell .content-tree-channel>summary::-webkit-details-marker{display:none}
.suite-shell .content-tree-channel>summary strong{font-size:13px}.suite-shell .content-tree-channel>summary small{font-size:9px;background:#eaf1eb;color:#627269;padding:4px 6px;border-radius:999px}
.suite-shell .content-tree-series{
  border-left:0;margin:8px;padding-left:0;background:#fbfcfb;border:1px solid #e7ece8;border-radius:9px;overflow:hidden
}
.suite-shell .content-tree-series>summary{
  padding:8px 10px;font-size:11px;font-weight:900;color:#334b3b;background:#f4f7f4
}
.suite-shell .content-tree-season{margin:7px;padding:6px;background:#fff;border:1px solid #edf0ed}
.suite-shell .content-tree-item{
  background:#fff;border:1px solid transparent;padding:8px 9px;
}
.suite-shell .content-tree-item:hover{background:#f0f7f1;border-color:#dce9de}
.suite-shell .content-tree-item.is-selected{background:#e5f3e8;border-color:#bdd9c4;color:#164d2d}
.suite-shell .content-tree-item small{font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.suite-shell .is-drop-target{outline:2px dashed #55a56e;background:#edf8ef!important}

.suite-shell .content-editor-empty{
  min-height:590px;border:2px dashed #e2e8e3;border-radius:16px;background:linear-gradient(145deg,#fbfcfb,#f5f8f5)
}
.suite-shell .content-editor-empty strong{font-size:20px;color:#405047}
.suite-shell .content-editor-head{
  padding-bottom:18px;border-bottom:1px solid #e5eae6;margin-bottom:18px
}
.suite-shell .content-editor-head h3{font-size:26px;letter-spacing:-.025em}
.suite-shell .content-editor-grid{
  background:#fafcfb;border:1px solid #e3e9e4;border-radius:15px;padding:16px;gap:13px
}
.suite-shell .content-editor-grid label{font-size:10px;color:#59685e}
.suite-shell .content-editor-grid input,
.suite-shell .content-editor-grid select,
.suite-shell .content-editor-grid textarea{
  border-color:#d9e1da;border-radius:10px;padding:11px;background:#fff;box-shadow:inset 0 1px 2px rgba(30,47,35,.025)
}
.suite-shell .content-editor-grid input:focus,
.suite-shell .content-editor-grid select:focus,
.suite-shell .content-editor-grid textarea:focus{
  outline:3px solid rgba(43,139,79,.10);border-color:#67a97d
}
.suite-shell .studio-actions{
  border-top:1px solid #e5eae6;padding-top:15px
}
.suite-shell .btn{border-radius:10px}

@media(max-width:1050px){
  .suite-shell{grid-template-columns:1fr}
  .suite-rail{min-height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border-right:0;border-bottom:1px solid #d8e1d9}
  .suite-rail-brand,.suite-rail-status,.suite-rail-sep{display:none}
  .suite-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body.studio-pamper .app-main{padding:16px}
  .suite-workspace{padding:14px}
  .suite-topbar{display:block}.suite-top-actions{justify-content:flex-start;margin-top:13px}
  .suite-stat-grid{grid-template-columns:1fr 1fr}
  .suite-shell .content-manager-layout{grid-template-columns:1fr}
  .suite-shell .content-tree-pane{border-right:0;border-bottom:1px solid #e1e7e2;max-height:450px}
}


/* v22.22 Live Routing Desk */
.live-admin-suite{display:grid;gap:16px}
.live-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.live-admin-stats>div{background:#fff;border:1px solid #dce5dd;border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px rgba(26,49,34,.04);position:relative;overflow:hidden}
.live-admin-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#59a676}
.live-admin-stats>div:nth-child(2):before{background:#eb6b4c}.live-admin-stats>div:nth-child(3):before{background:#6f9dcc}.live-admin-stats>div:nth-child(4):before{background:#d3a63a}
.live-admin-stats span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#708077}
.live-admin-stats strong{display:block;font-size:30px;margin:7px 0 2px}.live-admin-stats small{font-size:10px;color:#7b8880}
.route-panel{background:#fff;border:1px solid #dce4dd;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(26,49,34,.05)}
.route-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid #e5eae6}
.route-panel-head h2{margin:3px 0 0}.route-panel-head p{margin:0;color:#7b877f;font-size:12px}
.route-list{display:grid;gap:12px;padding:16px;background:#f7f9f7}
.route-card{background:#fff;border:1px solid #dfe6e0;border-radius:16px;padding:16px 17px;box-shadow:0 7px 22px rgba(29,51,35,.035)}
.route-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.route-person{display:flex;gap:12px;align-items:center}
.route-avatar{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#1e5235,#66a87c);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}
.route-person h3{margin:3px 0 2px;font-size:17px}.route-person p{margin:0;color:#7b8780;font-size:11px}
.route-current{margin:13px 0;background:linear-gradient(140deg,#f4f9f5,#f7fafc);border:1px solid #e0e9e2;border-radius:12px;padding:11px 13px}
.route-current span,.route-current small{display:block;color:#76827a;font-size:10px}.route-current strong{display:block;margin:3px 0;font-size:13px}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.route-grid label{display:grid;gap:5px}.route-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#64736a}
.route-grid select{width:100%;border:1px solid #d7e0d8;background:#fff;border-radius:9px;padding:10px;font:inherit;font-size:12px}
.route-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid #e6ebe7}
.route-actions code{font-size:10px;color:#7b877f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-note{display:flex;gap:10px;align-items:center;background:#eef7f0;border:1px solid #d4e7d8;color:#355c43;border-radius:14px;padding:13px 16px;font-size:12px}.route-note span{color:#5c7565}
.creator-route-banner{display:flex;align-items:center;gap:12px;background:#eef7f0;border:1px solid #d6e7d9;border-radius:14px;padding:12px 15px;margin:0 0 15px}.creator-route-banner span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6b7d70;font-weight:900}.creator-route-banner strong{font-size:13px}.creator-route-banner small{margin-left:auto;color:#6e7b73}
@media(max-width:1000px){.live-admin-stats{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.live-admin-stats,.route-grid{grid-template-columns:1fr}.route-card-top,.route-actions,.route-note{align-items:flex-start;flex-direction:column}.route-actions code{max-width:100%}}

/* =========================================================
   STNR.TV v22.28 Network Publishing Workspace
   ========================================================= */
.network-publishing-active .studio-head,
.network-publishing-active .studio-grid{display:none!important}
.network-publishing-active .app-main{padding:0!important;background:#f4f7f4;min-width:0}
.np-shell{min-height:calc(100vh - 78px);background:#f4f7f4;color:#132218}
.np-workspace{padding:22px;min-width:0}
.np-topbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:14px}
.np-topbar h2{font-size:31px;letter-spacing:-.035em;margin:4px 0}
.np-topbar p{margin:0;color:#69766d;font-size:13px}
.np-tabs{display:flex;gap:4px;background:#e7ece8;border:1px solid #d8dfd9;padding:4px;border-radius:12px;margin:14px 0}
.np-tab{appearance:none;border:0;background:transparent;padding:10px 16px;border-radius:8px;font-weight:850;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#637068;cursor:pointer}
.np-tab:hover{background:#f4f7f4;color:#24432f}.np-tab.is-active{background:#fff;color:#165b34;box-shadow:0 1px 4px rgba(25,55,35,.12)}
.np-view{min-width:0}.np-notice{padding:9px 12px;margin:0 0 10px;border:1px solid #cfe0d2;background:#edf7ef;border-radius:9px;color:#31553c;font-size:11px;font-weight:700}
.np-three-pane{display:grid;grid-template-columns:minmax(220px,24%) minmax(320px,34%) minmax(380px,42%);min-height:720px;max-height:calc(100vh - 285px);border:1px solid #dce3dd;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px rgba(31,60,40,.06)}
.np-nav-pane,.np-work-pane,.np-inspector{min-width:0;overflow:auto;background:#fff}
.np-nav-pane{border-right:1px solid #e0e6e1;background:#f8faf8}.np-work-pane{border-right:1px solid #e0e6e1}.np-inspector{background:#fff}
.np-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #e6ebe7;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);z-index:5}
.np-nav-pane .np-pane-head{background:rgba(248,250,248,.97)}
.np-pane-head span,.np-queue-block>span,.np-tree-title>span,.np-workflow>span,.np-rules-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#668071}
.np-pane-head h3{margin:3px 0;font-size:18px}.np-pane-head small{color:#7c887f;font-size:10px}.np-icon-btn{border:1px solid #d8e1d9;background:#fff;border-radius:8px;padding:5px 8px;cursor:pointer}
.np-nav-search{padding:12px 13px}.np-nav-search input,.np-work-tools input{width:100%;border:1px solid #d8e1d9;border-radius:9px;padding:9px 10px;font-size:11px;background:#fff}
.np-queue-block{padding:2px 10px 12px;border-bottom:1px solid #e4e9e5}.np-queue-block>span{display:block;padding:6px 4px}
.np-queue-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;border-radius:8px;padding:7px 8px;color:#44534a;font-size:11px;cursor:pointer;text-align:left}
.np-queue-link strong{background:#e8eee9;padding:2px 6px;border-radius:999px;font-size:9px}.np-queue-link:hover{background:#edf3ee}.np-queue-link.is-active{background:#dff0e3;color:#145832;font-weight:800}.np-queue-link.is-active strong{background:#fff}
.np-tree-block{padding:10px}.np-tree-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.np-text-btn{border:0;background:transparent;color:#23824e;font-size:10px;font-weight:850;cursor:pointer;padding:4px}.np-text-btn:hover{text-decoration:underline}
.np-tree-channel,.np-tree-series{border:1px solid #e0e6e1;border-radius:8px;background:#fff;margin-bottom:6px;overflow:hidden}.np-tree-channel>summary,.np-tree-series>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;cursor:pointer;list-style:none;font-size:11px;font-weight:800}.np-tree-channel>summary::-webkit-details-marker,.np-tree-series>summary::-webkit-details-marker{display:none}.np-tree-channel>summary b,.np-tree-series>summary b{font-size:8px;background:#edf2ee;color:#6d7b71;padding:3px 6px;border-radius:999px}.np-tree-series{margin:6px;border-color:#edf0ed}.np-tree-series>summary{font-size:10px;background:#fafcfb}.np-tree-filter{border:0;background:#f5f8f6;color:#53625a;font-size:9px;padding:5px 9px;width:100%;text-align:left;cursor:pointer}.np-tree-filter:hover{color:#17603a}.np-tree-drop{margin:6px;padding:7px;border:1px dashed #d8e1d9;border-radius:6px;color:#819087;font-size:9px}.np-tree-season{padding:5px 8px;border-top:1px solid #edf0ed}.np-tree-season-label{font-size:9px;color:#647268;font-weight:800}.np-empty-mini{font-size:10px;color:#7c887f;padding:12px}
.np-work-tools{display:grid;grid-template-columns:1fr 112px;gap:8px;padding:10px 12px;border-bottom:1px solid #edf0ed;position:sticky;top:78px;background:#fff;z-index:4}.np-work-tools select{border:1px solid #d8e1d9;border-radius:9px;padding:8px;font-size:10px;background:#fff}
.np-work-list{padding:5px 0}.np-work-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #eff2ef;cursor:grab}.np-work-row:hover{background:#f6faf7}.np-work-row.is-selected{background:#eaf6ed;box-shadow:inset 3px 0 #2c9357}.np-work-row input{margin:0}.np-work-main{border:0;background:transparent;text-align:left;padding:0;min-width:0;cursor:pointer}.np-work-main strong,.np-work-main span,.np-work-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-work-main strong{font-size:12px;color:#1c2b21}.np-work-main span{font-size:9px;color:#65746a;margin-top:3px}.np-work-main small{font-size:9px;color:#8a958e;margin-top:2px}
.np-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#edf1ee;color:#657269}.np-status-production,.np-status-compliance{background:#fff0d5;color:#8b6519}.np-status-processing{background:#e8effc;color:#355d98}.np-status-approved{background:#e6f4ea;color:#21633a}.np-status-published{background:#dff2e5;color:#145b31}.np-status-held{background:#fbe7e4;color:#914233}
.np-load-more{display:block;width:calc(100% - 24px);margin:12px;border:1px solid #dbe4dc;background:#f7faf7;border-radius:9px;padding:9px;font-size:10px;font-weight:800;cursor:pointer}.np-load-more small{display:block;color:#879189;font-weight:500;margin-top:2px}
.np-empty{padding:35px 20px;text-align:center;color:#718077}.np-empty strong,.np-empty span{display:block}.np-empty strong{color:#425047;font-size:13px}.np-empty span{font-size:10px;margin-top:5px}
.np-bulk-bar{display:grid;grid-template-columns:auto minmax(110px,1fr) minmax(100px,1fr) 90px auto auto;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #d9e7dc;background:#eef8f0;position:sticky;top:126px;z-index:3}.np-bulk-bar strong{font-size:9px}.np-bulk-bar select,.np-bulk-bar input{min-width:0;border:1px solid #d3dfd5;border-radius:6px;padding:6px;font-size:9px;background:#fff}
.np-inspector-head{position:sticky;top:0}.np-inspector-head h3{max-width:420px}.np-media-strip{padding:10px 16px;background:#17271d}.np-media-strip a{color:#d9f4e1;font-size:10px;font-weight:800;text-decoration:none}.np-suggestion{margin:12px 15px 0;border:1px solid #cbe0d0;background:#f0f8f2;border-radius:10px;padding:10px 12px}.np-suggestion>div{display:flex;justify-content:space-between}.np-suggestion span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#4d7b5c}.np-suggestion strong{font-size:9px}.np-suggestion p{font-size:10px;color:#53645a;margin:6px 0 2px}
.np-inspector-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.np-inspector-form label{display:grid;gap:4px;font-size:9px;color:#59685e;font-weight:800}.np-inspector-form label>span{letter-spacing:.04em;text-transform:uppercase}.np-inspector-form input,.np-inspector-form select,.np-inspector-form textarea{width:100%;border:1px solid #d5ded7;border-radius:8px;padding:8px 9px;font:inherit;font-size:11px;background:#fff;color:#18241c}.np-inspector-form textarea{resize:vertical}.np-inspector-form .span-2{grid-column:1/-1}.np-inspector-actions{display:flex;gap:7px;border-top:1px solid #edf0ed;padding-top:12px}.np-workflow{padding:0 15px 18px}.np-workflow>span{display:block;border-top:1px solid #e8ece9;padding-top:13px;margin-bottom:8px}.np-workflow-actions{display:flex;gap:6px;flex-wrap:wrap}.np-inspector-empty{padding:90px 35px;text-align:center;color:#738078}.np-empty-icon{font-size:36px;color:#aec0b2}.np-inspector-empty strong{display:block;color:#3f5045;font-size:18px;margin-top:12px}.np-inspector-empty p{font-size:11px;line-height:1.6;max-width:300px;margin:7px auto}
.np-pipeline{display:grid;gap:12px}.np-stage-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.np-stage-card{border:1px solid #dce4dd;background:#fff;border-radius:11px;padding:12px;text-align:left;cursor:pointer;box-shadow:0 2px 8px rgba(28,58,37,.03)}.np-stage-card:hover,.np-stage-card.is-active{border-color:#75ad83;background:#f2faf4}.np-stage-card span,.np-stage-card strong,.np-stage-card small{display:block}.np-stage-card span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#64736a}.np-stage-card strong{font-size:26px;margin:4px 0}.np-stage-card small{font-size:8px;color:#869188}.np-pipeline-work{display:grid;grid-template-columns:minmax(420px,45%) minmax(440px,55%);height:calc(100vh - 465px);min-height:560px;border:1px solid #dce3dd;border-radius:14px;overflow:hidden;background:#fff}.np-pipeline-work .np-work-pane{border-right:1px solid #e0e6e1}
.np-rules{background:#fff;border:1px solid #dce3dd;border-radius:14px;padding:18px}.np-rules-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e6ebe7;padding-bottom:16px}.np-rules-head h3{font-size:21px;margin:3px 0}.np-rules-head p{font-size:11px;color:#6e7c72;margin:0}.np-api-note{max-width:360px;border:1px solid #eadbb4;background:#fff8e9;border-radius:10px;padding:10px 12px}.np-api-note strong,.np-api-note span{display:block}.np-api-note strong{font-size:10px;color:#735b1d}.np-api-note span{font-size:9px;color:#7d6c3e;margin-top:3px;line-height:1.4}.np-creator-list{display:grid;gap:12px;margin-top:15px}.np-creator-card{border:1px solid #e0e6e1;border-radius:10px;overflow:hidden}.np-creator-card>header{display:flex;justify-content:space-between;padding:10px 12px;background:#f8faf8}.np-creator-card>header strong,.np-creator-card>header small{display:block}.np-creator-card>header strong{font-size:12px}.np-creator-card>header small{font-size:9px;color:#77847a}.np-creator-card>header>span{font-size:8px;font-weight:900;color:#53715e}.np-rule-matrix{padding:8px}.np-rule-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:5px;align-items:center;padding:5px}.np-rule-row strong,.np-rule-row b{font-size:9px}.np-rule-row button{border:1px solid #d8e1da;border-radius:5px;background:#f3f6f4;font-size:8px;padding:5px;color:#728078}.np-rule-head{color:#829087;text-transform:uppercase;letter-spacing:.04em}
.np-shell .is-drop-target{outline:2px dashed #4a9d63;background:#edf8ef!important}
@media(max-width:1280px){.np-three-pane{grid-template-columns:220px minmax(310px,38%) minmax(380px,1fr)}.np-stage-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.np-workspace{padding:12px}.np-topbar{display:block}.np-three-pane{display:block;max-height:none}.np-nav-pane,.np-work-pane,.np-inspector{max-height:none;border-right:0;border-bottom:1px solid #e0e6e1}.np-pipeline-work{display:block;height:auto}.np-stage-grid{grid-template-columns:repeat(2,1fr)}.np-rules-head{display:block}.np-api-note{margin-top:10px}.np-bulk-bar{grid-template-columns:1fr 1fr}.np-inspector-form{grid-template-columns:1fr}.np-inspector-form .span-2{grid-column:auto}}

/* v22.29 Network Publishing: queue-first adaptive workspace */
.np-three-pane{grid-template-columns:260px minmax(0,1fr);}
.np-three-pane.has-inspector{grid-template-columns:250px minmax(460px,1fr) minmax(390px,38%);}
.np-three-pane:not(.has-inspector) .np-work-pane{border-right:0;}
.np-three-pane.has-inspector .np-work-pane{border-right:1px solid #e0e6e1;}
.np-nav-pane{width:auto;}
.np-work-tools{grid-template-columns:minmax(280px,1fr) 160px;}
.np-work-row{grid-template-columns:30px minmax(0,1fr) 100px;padding:12px 14px;gap:10px;}
.np-work-main strong{font-size:13px;}
.np-work-main span{font-size:10px;}
.np-work-main small{font-size:9px;}
.np-bulk-bar{position:sticky;top:82px;z-index:7;box-shadow:0 6px 14px rgba(25,55,34,.08);}
.np-inspector-head-actions{display:flex;align-items:center;gap:8px;}
.np-close-inspector{width:30px;height:30px;border:1px solid #d7dfd8;border-radius:8px;background:#fff;color:#34443a;font-size:20px;line-height:1;cursor:pointer;}
.np-close-inspector:hover{background:#f2f7f3;border-color:#9fbaA6;}
@media(min-width:1500px){.np-three-pane.has-inspector{grid-template-columns:260px minmax(600px,1fr) minmax(420px,35%);}}
@media(max-width:1280px){.np-three-pane{grid-template-columns:220px minmax(0,1fr)}.np-three-pane.has-inspector{grid-template-columns:220px minmax(390px,1fr) minmax(360px,40%);}}
@media(max-width:980px){.np-three-pane,.np-three-pane.has-inspector{display:block}.np-inspector{border-top:1px solid #e0e6e1}}


/* v22.30 Network Publishing: interaction + scrolling hardening */
.np-three-pane{
  height:clamp(480px,calc(100dvh - 300px),900px);
  min-height:480px;
  max-height:none;
  overflow:hidden;
  align-items:stretch;
}
.np-nav-pane,.np-work-pane,.np-inspector{
  height:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.np-work-pane{display:block;position:relative;}
.np-work-row{cursor:pointer;user-select:none;}
.np-work-row:focus{outline:2px solid #2c9357;outline-offset:-2px;background:#f1f8f3;}
.np-work-row input{cursor:pointer;}
.np-row-tail{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:150px;}
.np-row-open{width:28px;height:28px;border:1px solid #d9e2da;border-radius:7px;background:#fff;color:#285d3a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;}
.np-row-open:hover{background:#eaf6ed;border-color:#9cc8a8;}
.np-drag-handle{font-size:14px;color:#86958b;cursor:grab;padding:5px 2px;letter-spacing:-2px;}
.np-drag-handle:active{cursor:grabbing;}
.np-workflow-primary{position:sticky;top:78px;z-index:4;margin:0;padding:12px 16px;border-bottom:1px solid #dce6de;background:#f1f8f3;box-shadow:0 4px 12px rgba(24,62,35,.05);}
.np-workflow-primary>span{display:block;margin-bottom:8px;color:#4a7056;}
.np-workflow-primary .studio-actions{margin-top:0!important;}
.np-workflow-primary .btn{margin:0 6px 6px 0;}
.np-inspector-form{padding-bottom:80px;}
@media(max-width:980px){
  .np-three-pane,.np-three-pane.has-inspector{height:auto;min-height:0;overflow:visible;}
  .np-nav-pane,.np-work-pane,.np-inspector{height:auto;max-height:70vh;overflow-y:auto;}
  .np-workflow-primary{top:0;}
}

/* =========================================================
   STNR.TV v22.31 Network Publishing: nav rail + overlay inspector
   ========================================================= */
.np-three-pane{
  display:grid;
  grid-template-columns:240px minmax(0,1fr)!important;
  width:100%;
  height:clamp(520px,calc(100dvh - 285px),920px);
  min-height:520px;
  max-height:none;
  overflow:hidden;
  position:relative;
}
.np-three-pane.has-inspector{grid-template-columns:240px minmax(0,1fr)!important;}
.np-nav-pane{width:240px!important;min-width:0;border-right:1px solid #e0e6e1!important;overflow-y:auto!important;}
.np-work-pane{min-width:0!important;width:auto!important;border-right:0!important;overflow-y:auto!important;}
.np-nav-search{padding:12px 12px 6px;position:sticky;top:78px;background:#f8faf8;z-index:4;}
.np-queue-block{padding:8px 10px 12px;}
.np-library-nav{padding:12px 10px 16px;border-top:1px solid #e4e9e5;}
.np-library-nav>span{display:block;padding:0 4px 6px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#668071;}
.np-library-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;border-radius:8px;padding:9px 8px;color:#33463a;font-size:11px;font-weight:750;text-align:left;cursor:pointer;}
.np-library-link:hover,.np-library-link.is-active{background:#e8f3eb;color:#145832;}
.np-library-link b{font-size:16px;font-weight:500;color:#789083;}
.np-pane-head-actions{display:flex;align-items:center;gap:8px;}
.np-library-browser{background:#fff;}
.np-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:14px;align-content:start;}
.np-library-card{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #dfe6e0;background:#fff;border-radius:10px;padding:14px 15px;cursor:pointer;min-height:72px;}
.np-library-card:hover{background:#f2f8f4;border-color:#9bc2a5;box-shadow:0 3px 10px rgba(32,72,44,.06);}
.np-library-card strong,.np-library-card small{display:block;}
.np-library-card strong{font-size:13px;color:#17291e;}
.np-library-card small{font-size:9px;color:#77857b;margin-top:4px;}
.np-library-card>span{font-size:10px;color:#277345;font-weight:800;white-space:nowrap;}
.np-tree-block{display:none!important;}

/* Drawer is removed from grid flow and can never make the workspace wider. */
.np-inspector{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  bottom:12px!important;
  width:min(480px,calc(100vw - 24px))!important;
  height:auto!important;
  max-height:none!important;
  z-index:1200!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #d4ded6!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:-18px 0 50px rgba(18,39,25,.20),0 8px 30px rgba(18,39,25,.14)!important;
  animation:npDrawerIn .16s ease-out;
}
@keyframes npDrawerIn{from{transform:translateX(24px);opacity:.65}to{transform:translateX(0);opacity:1}}
.np-inspector .np-inspector-head{top:0!important;z-index:12!important;}
.np-inspector .np-workflow-primary{top:78px!important;z-index:11!important;}
.np-inspector-form{grid-template-columns:1fr 1fr!important;padding-bottom:28px!important;}
.np-inspector-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 4px;z-index:5;}

/* Queue remains the primary surface. */
.np-work-tools{top:78px!important;}
.np-work-row{grid-template-columns:30px minmax(0,1fr) 160px!important;padding:13px 16px!important;}
.np-row-tail{min-width:150px!important;}
.np-work-main strong{font-size:13px!important;white-space:normal!important;line-height:1.25;}
.np-work-main span{white-space:normal!important;}
.np-bulk-bar{top:126px!important;}

/* Pipeline uses the same overlay drawer rather than a permanent third column. */
.np-pipeline-work{display:block!important;position:relative;height:clamp(520px,calc(100dvh - 465px),900px)!important;min-height:520px!important;overflow:hidden!important;}
.np-pipeline-work .np-work-pane{height:100%!important;overflow-y:auto!important;}

@media(max-width:980px){
  .np-three-pane,.np-three-pane.has-inspector{display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;height:calc(100dvh - 210px)!important;min-height:480px!important;overflow:hidden!important;}
  .np-nav-pane{width:205px!important;max-height:none!important;height:100%!important;}
  .np-work-pane{max-height:none!important;height:100%!important;}
  .np-inspector{top:8px!important;right:8px!important;bottom:8px!important;width:min(460px,calc(100vw - 16px))!important;max-height:none!important;}
  .np-library-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .np-three-pane,.np-three-pane.has-inspector{grid-template-columns:1fr!important;}
  .np-nav-pane{display:none!important;}
  .np-work-row{grid-template-columns:28px minmax(0,1fr) 110px!important;padding:11px 10px!important;}
  .np-row-tail{min-width:100px!important;}
  .np-drag-handle{display:none!important;}
  .np-inspector-form{grid-template-columns:1fr!important;}
  .np-inspector-form .span-2{grid-column:auto!important;}
}


/* STNR.TV v22.32: inline single-item editor + dependent bulk catalog assignment */
.np-inspector{display:none!important}
.np-three-pane,.np-three-pane.has-inspector{grid-template-columns:240px minmax(0,1fr)!important}
.np-row-wrap{border-bottom:1px solid #e5ebe6;background:#fff}
.np-row-wrap .np-work-row{border-bottom:0!important}
.np-row-wrap.is-expanded{background:#f8fbf9;box-shadow:inset 3px 0 0 #239457}
.np-row-wrap.is-expanded .np-work-row{background:#f2f8f4}
.np-inline-editor{padding:0 16px 16px 46px;background:#f8fbf9;border-top:1px solid #e1e8e2}
.np-inline-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 8px}
.np-inline-top span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#64806f}.np-inline-top strong{font-size:13px;color:#183024}
.np-inline-close{width:28px;height:28px;border:1px solid #d7e0d8;border-radius:7px;background:#fff;font-size:18px;cursor:pointer;color:#385544}
.np-inline-workflow{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:0 0 10px;border:1px solid #dbe8de;border-radius:9px;background:#eef7f0}
.np-inline-workflow>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#4e715a;padding-top:8px;white-space:nowrap}
.np-inline-workflow .studio-actions{margin:0!important;display:flex;flex-wrap:wrap;gap:6px}.np-inline-workflow .studio-destination{margin:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;width:100%}
.np-inline-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin-bottom:10px;border:1px dashed #abc7b1;border-radius:8px;background:#fff}.np-inline-suggestion span{font-size:9px;color:#496555}.np-inline-suggestion button{border:0;background:transparent;color:#18703d;font-size:9px;font-weight:850;cursor:pointer}
.np-inline-form{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(180px,1.4fr) minmax(120px,.65fr) minmax(110px,.65fr) minmax(150px,.9fr) minmax(150px,1fr);gap:8px;align-items:end}
.np-inline-form label{display:grid;gap:4px;min-width:0}.np-inline-form label>span{font-size:8px;font-weight:850;letter-spacing:.05em;color:#64786b;text-transform:uppercase}.np-inline-form input,.np-inline-form select,.np-inline-form textarea{width:100%;min-width:0;border:1px solid #d6dfd7;border-radius:7px;background:#fff;padding:8px 9px;font:inherit;font-size:10px;color:#22352a;box-sizing:border-box}
.np-inline-actions{display:flex;gap:7px;align-items:center;grid-column:span 2}.np-inline-actions .btn{white-space:nowrap}
.np-inline-more{grid-column:1/-1;margin-top:4px;border-top:1px solid #e1e7e2;padding-top:7px}.np-inline-more summary{font-size:9px;font-weight:800;color:#3c674b;cursor:pointer}.np-inline-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.np-inline-more-grid .span-2{grid-column:1/-1}
.np-bulk-bar-v32{display:grid!important;grid-template-columns:auto minmax(150px,1.1fr) minmax(170px,1.3fr) minmax(170px,1.2fr) 90px 130px auto auto!important;gap:7px!important;align-items:end!important;padding:9px 10px!important;top:126px!important}
.np-bulk-bar-v32>strong{align-self:center;white-space:nowrap}.np-bulk-bar-v32 label{display:grid;gap:3px;min-width:0}.np-bulk-bar-v32 label>span{font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#607668}.np-bulk-bar-v32 input,.np-bulk-bar-v32 select{width:100%;min-width:0;padding:7px 8px;border:1px solid #d3ddd5;border-radius:7px;background:#fff;font-size:9px;box-sizing:border-box}
.np-drag-dock{display:none;position:sticky;top:126px;z-index:20;padding:9px 12px;background:#173e27;color:#fff;gap:7px;align-items:center;flex-wrap:wrap;box-shadow:0 7px 16px rgba(14,45,25,.18)}.np-is-dragging .np-drag-dock{display:flex}.np-drag-dock strong{font-size:9px;margin-right:4px}.np-drag-dock button{border:1px solid rgba(255,255,255,.35);background:#fff;color:#204e31;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.np-drag-dock button.is-drop-target{outline:2px solid #a9edb9;background:#dff6e4!important}
.np-row-open{cursor:pointer!important}.np-drag-handle{cursor:grab!important;user-select:none}.np-drag-handle:active{cursor:grabbing!important}
@media(max-width:1250px){.np-inline-form{grid-template-columns:1fr 1fr 1fr}.np-inline-actions{grid-column:auto}.np-bulk-bar-v32{grid-template-columns:auto 1fr 1fr 1fr!important}.np-bulk-bar-v32 .np-bulk-new{grid-column:span 2}}
@media(max-width:850px){.np-three-pane,.np-three-pane.has-inspector{grid-template-columns:1fr!important}.np-inline-editor{padding-left:12px}.np-inline-form{grid-template-columns:1fr 1fr}.np-inline-actions,.np-inline-more{grid-column:1/-1}.np-bulk-bar-v32{grid-template-columns:1fr 1fr!important}.np-bulk-bar-v32>strong{grid-column:1/-1}}


/* STNR.TV v22.33 - portal workflow restoration */
.portal-shell{max-width:none!important}
.portal-workspace{min-width:0;background:#f7faf7;border:1px solid #dce5de;border-radius:15px;overflow:hidden}
.portal-workspace .np-topbar{padding:20px 22px;border-bottom:1px solid #e1e8e2;background:#fff}
.portal-tabs{display:flex;gap:0;overflow-x:auto;border-top:1px solid #e1e8e2;border-bottom:1px solid #dfe7e1;background:#fff;padding:0 14px}
.portal-tab{display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 15px;font:inherit;font-size:11px;font-weight:850;color:#50685a;cursor:pointer;white-space:nowrap}
.portal-tab b{min-width:22px;padding:2px 6px;border-radius:999px;background:#edf3ee;font-size:9px;color:#3f5849}
.portal-tab.is-active{color:#0e6c36;border-bottom-color:#178a47}
.portal-tab.is-active b{background:#dff2e4;color:#0d6934}
.portal-table-wrap{padding:14px;background:#f7faf7}
.portal-table-tools{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:8px;margin-bottom:10px}
.portal-table-tools input,.portal-table-tools select,.portal-bulk input,.portal-bulk select,.portal-detail-form input,.portal-detail-form select,.portal-detail-form textarea{width:100%;box-sizing:border-box;border:1px solid #d3ded5;border-radius:8px;background:#fff;padding:9px 10px;font:inherit;font-size:11px;color:#21372a}
.portal-table-scroll{overflow:auto;max-height:58vh;border:1px solid #dbe4dd;border-radius:10px;background:#fff}
.portal-table{width:100%;border-collapse:collapse;min-width:1060px;font-size:10px}
.portal-table thead th{position:sticky;top:0;z-index:3;text-align:left;background:#f3f7f4;border-bottom:1px solid #dce5de;padding:9px 10px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#5f7566}
.portal-table td{padding:10px;border-bottom:1px solid #e6ece7;vertical-align:middle;color:#344d3d}
.portal-table tbody tr:hover{background:#f7fbf8}
.portal-table tbody tr.is-selected{background:#edf8f0;box-shadow:inset 3px 0 0 #178b47}
.portal-check{width:30px}.portal-drag{width:30px}.portal-drag span{display:inline-block;cursor:grab;font-weight:900;color:#668072;user-select:none;padding:5px}.portal-drag span:active{cursor:grabbing}
.portal-title{min-width:260px}.portal-title button{display:block;max-width:520px;border:0;background:none;padding:0;color:#142b1d;font:inherit;font-size:11px;font-weight:850;text-align:left;cursor:pointer}.portal-title small{display:block;margin-top:3px;color:#74877b;font-size:8px}
.portal-actions{width:80px}.portal-actions .btn{padding:6px 9px!important}
.portal-empty{text-align:center;padding:34px!important;color:#6e8075!important}
.portal-bulk{border:1px solid #bcd9c3;background:#edf8ef;border-radius:10px;padding:10px;margin-bottom:10px}
.portal-bulk-head{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}.portal-bulk-head strong{font-size:10px;color:#183b25}.portal-bulk-head span{font-size:8px;color:#5d7465}
.portal-bulk-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 90px 120px auto auto;gap:7px;align-items:end}
.portal-bulk label,.portal-detail-form label{display:grid;gap:4px;min-width:0}.portal-bulk label>span,.portal-detail-form label>span{font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#61766a}
.portal-drag-strip{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:10px;border:1px dashed #cad9ce;border-radius:9px;background:#fff}
.portal-drag-strip>div:first-child{min-width:120px}.portal-drag-strip span{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;color:#668072}.portal-drag-strip strong{display:block;font-size:9px;color:#304b39}
.portal-drop-targets{display:flex;gap:6px;overflow-x:auto;padding:2px;flex:1}.portal-drop-targets button{border:1px solid #d4dfd6;border-radius:999px;background:#f7faf8;padding:6px 9px;font-size:8px;font-weight:800;color:#375640;white-space:nowrap;cursor:pointer}
.portal-is-dragging .portal-drag-strip{border-style:solid;border-color:#1c914c;background:#edf9f0;box-shadow:0 5px 16px rgba(18,80,39,.10)}.portal-drop-targets button.is-drop-target{background:#d8f2df;border-color:#259751;outline:2px solid #b6e7c3}
.portal-detail{margin:0 14px 16px;border:1px solid #cad8cd;border-radius:12px;background:#fff;overflow:hidden;scroll-margin-top:10px}
.portal-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid #e1e8e2;background:#f8fbf9}.portal-detail-head span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#668072}.portal-detail-head h3{margin:3px 0 2px;font-size:18px;color:#13291b}.portal-detail-head small{font-size:8px;color:#718478}
.portal-close{width:32px;height:32px;border:1px solid #d4ded6;border-radius:8px;background:#fff;font-size:20px;cursor:pointer;color:#3f5d49}
.portal-detail-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #e6ece7;background:#eef7f0}.portal-detail-actions>strong{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#557060;margin-right:5px}
.portal-detail-columns{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:16px;padding:16px}
.portal-media-card{border:1px solid #dce5de;border-radius:10px;overflow:hidden;background:#f8faf9}.portal-media-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #e1e8e2}.portal-media-card header span{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;color:#6b8274}.portal-media-card header strong{display:block;font-size:10px;color:#263f30}.portal-media-links{display:flex;gap:6px}
.portal-media-video,.portal-media-image{display:block;width:100%;max-height:430px;background:#000;object-fit:contain}.portal-media-audio{display:block;width:calc(100% - 24px);margin:24px 12px}
.portal-hls-note{padding:8px 12px;margin:0;font-size:8px;color:#667d6f;background:#fff7dc}.portal-no-media{display:grid;gap:5px;padding:35px 18px;text-align:center}.portal-no-media strong{font-size:11px}.portal-no-media span{font-size:9px;color:#6c7e73}
.portal-media-tech{display:flex;gap:12px;padding:8px 12px;border-top:1px solid #e1e8e2;background:#fff;font-size:8px;color:#607668}
.portal-detail-form{padding:2px}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-form-grid .span-2{grid-column:1/-1}.portal-detail-form textarea{resize:vertical}
.portal-detail-save{display:flex;gap:8px;margin-top:10px}
@media(max-width:1150px){.portal-detail-columns{grid-template-columns:1fr}.portal-bulk-grid{grid-template-columns:1fr 1fr 1fr 1fr}.portal-bulk-grid .btn{align-self:end}}
@media(max-width:760px){.portal-table-tools{grid-template-columns:1fr}.portal-bulk-grid{grid-template-columns:1fr 1fr}.portal-detail-columns{padding:10px}.portal-form-grid{grid-template-columns:1fr}.portal-form-grid .span-2{grid-column:auto}}

/* STNR.TV v22.35 Channels + Series cloud hierarchy control */
.structure-workspace{margin-top:18px;border:1px solid #d9d9d9;background:#fff;border-radius:18px;overflow:hidden}
.structure-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa}.structure-toolbar span,.structure-tree-head span,.structure-editor-form header span,.structure-welcome>span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#6d6d6d}.structure-toolbar strong,.structure-tree-head strong{display:block;margin-top:4px;font-size:15px}
.structure-grid{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);min-height:620px}.structure-tree{border-right:1px solid #e5e5e5;background:#f8f8f8;min-width:0}.structure-tree-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.structure-tree-scroll{max-height:720px;overflow:auto;padding:10px}.structure-channel-group{margin-bottom:8px;border:1px solid #e1e1e1;border-radius:12px;background:#fff;overflow:hidden}.structure-channel-row,.structure-series-row,.structure-add-series{width:100%;border:0;text-align:left;background:transparent;cursor:pointer}.structure-channel-row{padding:13px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800}.structure-channel-row small,.structure-series-row small{font-size:10px;color:#777;font-weight:700}.structure-channel-row.is-selected,.structure-series-row.is-selected{background:#111;color:#fff}.structure-channel-row.is-selected small,.structure-series-row.is-selected small{color:#cfcfcf}.structure-series-list{border-top:1px solid #eee}.structure-series-row{padding:10px 14px 10px 28px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #f0f0f0;font-size:13px}.structure-add-series{padding:9px 14px;color:#444;font-size:12px;font-weight:800;background:#fafafa}.structure-editor{padding:24px;min-width:0}.structure-editor-form{display:grid;gap:20px}.structure-editor-form header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #eee;padding-bottom:16px}.structure-editor-form h3,.structure-welcome h3{margin:4px 0 0;font-size:24px}.structure-kind{background:#111!important;color:#fff!important;padding:6px 9px;border-radius:999px;font-size:10px!important}.structure-editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.structure-art-preview,.structure-art-empty{width:100%;aspect-ratio:16/9;border-radius:12px;border:1px solid #ddd;background:#f2f2f2;object-fit:cover}.structure-art-empty{display:grid;place-items:center;color:#777;font-weight:800;font-size:12px}.structure-editor-form footer{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:16px}.structure-check{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 0}.structure-check input{width:auto!important}.structure-welcome{max-width:640px;padding:28px 10px}.structure-welcome p{line-height:1.6;color:#555;margin:12px 0 18px}
@media(max-width:900px){.structure-grid{grid-template-columns:1fr}.structure-tree{border-right:0;border-bottom:1px solid #e5e5e5}.structure-tree-scroll{max-height:360px}.structure-editor-layout{grid-template-columns:1fr}.structure-art-preview,.structure-art-empty{max-width:360px}}

.portal-bulk-workflow{border-top:1px solid rgba(255,255,255,.12);margin-top:14px;padding-top:14px;display:grid;gap:8px}.portal-bulk-workflow>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;opacity:.72}.portal-bulk-actions{display:flex;flex-wrap:wrap;gap:8px}.btn.danger{border-color:#a22}.portal-bulk-workflow small{opacity:.7}

/* v22.40 Creator Publishing Access */
.creator-policy-workspace{padding:14px;background:#f7faf7;min-height:56vh}
.creator-policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;background:#fff;border:1px solid #dbe4dd;border-radius:12px}
.creator-policy-head>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#5e7867}
.creator-policy-head h3{margin:4px 0 3px;font-size:21px;color:#21372a}
.creator-policy-head p{margin:0;font-size:11px;color:#6a7b70;line-height:1.45}
.creator-policy-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}
.creator-policy-legend>div{background:#fff;border:1px solid #dfe7e1;border-radius:10px;padding:10px 12px}
.creator-policy-legend strong,.creator-policy-legend span{display:block}.creator-policy-legend strong{font-size:10px;color:#294534}.creator-policy-legend span{font-size:9px;color:#718077;margin-top:2px;line-height:1.35}
.creator-policy-list{display:grid;gap:9px}
.creator-policy-card{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(390px,1.6fr) minmax(120px,.45fr);align-items:center;gap:16px;background:#fff;border:1px solid #dbe4dd;border-radius:11px;padding:13px 14px}
.creator-policy-person{display:flex;align-items:center;gap:10px;min-width:0}.creator-policy-person>div:last-child{min-width:0}.creator-policy-person strong,.creator-policy-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-policy-person strong{font-size:12px;color:#253b2d}.creator-policy-person small{font-size:9px;color:#77847b;margin-top:2px}
.creator-policy-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e8f3eb;color:#176c3a;font-weight:900;font-size:13px}
.creator-policy-control>span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#728278;margin-bottom:6px}.creator-policy-control p{margin:6px 0 0;font-size:9px;color:#718077;line-height:1.35}
.creator-policy-modes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d5e0d7;border-radius:8px;overflow:hidden;background:#f5f8f6}
.creator-mode-btn{border:0;border-right:1px solid #d5e0d7;background:transparent;color:#52675a;padding:8px 7px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.creator-mode-btn:last-child{border-right:0}.creator-mode-btn:hover{background:#edf5ef}.creator-mode-btn.is-active{background:#166f3b;color:#fff}.creator-mode-btn:disabled{cursor:wait;opacity:.6}
.creator-policy-state{text-align:right}.creator-policy-state small{display:block;margin-top:5px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#809087}.creator-policy-pill{display:inline-block;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;background:#edf1ee;color:#53665a}.creator-policy-pill.mode-self_publish{background:#e1f3e6;color:#126735}.creator-policy-pill.mode-auto_publish{background:#fff2cf;color:#775b0c}
@media(max-width:900px){.creator-policy-card{grid-template-columns:1fr}.creator-policy-state{text-align:left}.creator-policy-legend{grid-template-columns:1fr}.creator-policy-modes{grid-template-columns:1fr}.creator-mode-btn{border-right:0;border-bottom:1px solid #d5e0d7}.creator-mode-btn:last-child{border-bottom:0}}
\n/* v22.41 STNR Creator Management */\n.creator-management-workspace{padding:14px;background:#f7faf7;min-height:64vh}.creator-management-tools{display:grid;grid-template-columns:minmax(260px,1fr) 190px 170px;gap:8px;margin:10px 0}.creator-management-tools input,.creator-management-tools select{min-height:38px;border:1px solid #d8e2da;border-radius:9px;background:#fff;padding:0 10px;font:inherit;font-size:10px;color:#31483a}.creator-management-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:10px;align-items:start}.creator-master-list{display:grid;background:#fff;border:1px solid #dbe4dd;border-radius:11px;overflow:hidden;max-height:72vh;overflow-y:auto}.creator-master-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:10px;text-align:left;cursor:pointer;font:inherit}.creator-master-row:last-child{border-bottom:0}.creator-master-row:hover{background:#f6faf7}.creator-master-row.is-active{background:#edf6ef;box-shadow:inset 4px 0 0 #198848}.creator-master-copy{display:grid;gap:2px;min-width:0}.creator-master-copy strong,.creator-master-copy small,.creator-master-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-master-copy strong{font-size:11px;color:#263d2e}.creator-master-copy small{font-size:8px;color:#77857c}.creator-master-copy em{font-size:8px;color:#61756a;font-style:normal}.creator-detail-wrap{min-width:0}.creator-detail-panel{background:#fff;border:1px solid #dbe4dd;border-radius:11px;overflow:hidden}.creator-detail-empty{min-height:420px;display:grid;place-content:center;text-align:center;gap:5px;background:#fff;border:1px dashed #dbe4dd;border-radius:11px;color:#7a8980}.creator-detail-empty strong{font-size:17px;color:#395042}.creator-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fbfcfb;border-bottom:1px solid #e4eae5}.creator-policy-avatar.large{width:46px;height:46px;font-size:17px}.creator-detail-head .creator-policy-person>div:last-child>span{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#678073}.creator-detail-head h3{margin:3px 0 2px;font-size:19px;color:#243c2c}.creator-detail-state{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.creator-access-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2ee;color:#5d6e63;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.creator-access-status.status-active{background:#e2f4e7;color:#176839}.creator-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e7ece8}.creator-detail-metrics>div{display:grid;gap:2px;padding:12px 14px;border-right:1px solid #e7ece8}.creator-detail-metrics>div:last-child{border-right:0}.creator-detail-metrics strong{font-size:20px;color:#243d2c}.creator-detail-metrics span{font-size:8px;color:#75857b;text-transform:uppercase;letter-spacing:.05em}.creator-detail-section{padding:15px 18px;border-bottom:1px solid #e9edea}.creator-detail-section:last-child{border-bottom:0}.creator-detail-section>p{font-size:9px;line-height:1.45;color:#6e7e74}.creator-section-title{margin-bottom:9px}.creator-section-title.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-section-title>span,.creator-section-title>div>span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#668071}.creator-section-title h4{margin:2px 0 0;font-size:14px;color:#2e4736}.creator-detail-modes{max-width:560px}.creator-governance-note{margin-top:10px;padding:9px 10px;border-radius:8px;background:#f5f8f6;border:1px solid #e1e8e3;font-size:8px;line-height:1.4;color:#66766c}.creator-content-list{display:grid;border:1px solid #e2e8e4;border-radius:9px;overflow:hidden}.creator-content-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:9px 10px;text-align:left;cursor:pointer;font:inherit}.creator-content-list button:last-child{border-bottom:0}.creator-content-list button:hover{background:#f7faf8}.creator-content-list button>div{display:grid;gap:2px;min-width:0}.creator-content-list strong{font-size:10px;color:#2b4132}.creator-content-list button>div>span{font-size:8px;color:#7d8a82}.creator-identity-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:7px;margin:0}.creator-identity-grid dt{font-size:8px;font-weight:900;text-transform:uppercase;color:#78877e}.creator-identity-grid dd{margin:0;font-size:9px;color:#344a3c;word-break:break-word}@media(max-width:960px){.creator-management-grid{grid-template-columns:1fr}.creator-master-list{max-height:340px}.creator-management-tools{grid-template-columns:1fr 1fr}.creator-management-tools input{grid-column:1/-1}}@media(max-width:620px){.creator-management-tools,.creator-detail-metrics{grid-template-columns:1fr}.creator-detail-head,.creator-section-title.row{display:grid}.creator-detail-state{justify-content:flex-start}.creator-detail-metrics>div{border-right:0;border-bottom:1px solid #e7ece8}.creator-detail-metrics>div:last-child{border-bottom:0}.creator-identity-grid{grid-template-columns:1fr}}\n
/* v22.43 creator destination + admin visibility */
.creator-destination-panel{margin:20px 0;padding:16px;border:1px solid #d8ded5;border-radius:12px;background:#f7faf5}
.creator-destination-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.creator-destination-head>div{display:grid;gap:3px}
.creator-destination-head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#008a32}
.creator-destination-head strong{font-size:16px}
.creator-destination-head small{max-width:360px;color:#687069;line-height:1.45}
@media(max-width:720px){.creator-destination-head{display:grid}}

/* v22.45 Creator Admin Workspace */
.creator-admin-panel .creator-detail-section{padding:22px}
.creator-admin-source{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf4ee;font-size:9px;font-weight:900;letter-spacing:.04em;color:#347145}
.creator-admin-source.warning{background:#fff4d7;color:#896614}
.creator-account-reference,.creator-access-admin-grid,.creator-crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creator-account-reference label,.creator-access-admin-grid label,.creator-crm-fields label{display:grid;gap:5px}
.creator-account-reference label>span,.creator-access-admin-grid label>span,.creator-crm-fields label>span{font-size:9px;font-weight:900;letter-spacing:.05em;color:#66746a;text-transform:uppercase}
.creator-account-reference input[readonly],.creator-access-admin-grid input[readonly]{background:#f5f7f4;color:#627067}
.creator-admin-help{font-size:10px;line-height:1.55;color:#6a766d;margin:12px 0 0}
.creator-section-title.compact{margin-top:20px;margin-bottom:10px}.creator-section-title.compact h5{font-size:14px;margin:2px 0}
.creator-admin-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.creator-admin-check{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dfe6dd;border-radius:10px;background:#fafcf9;cursor:pointer}
.creator-admin-check input{width:16px;height:16px}.creator-admin-check span{display:grid;gap:2px}.creator-admin-check b{font-size:10px}.creator-admin-check small{font-size:8px;color:#7b867d}
.creator-admin-relationship-grid{display:flex;flex-wrap:wrap;gap:7px}
.creator-admin-chip{display:inline-flex;align-items:center;border:1px solid #d7dfd5;border-radius:999px;background:#fff;cursor:pointer}
.creator-admin-chip input{position:absolute;opacity:0;pointer-events:none}.creator-admin-chip span{padding:7px 11px;font-size:9px;font-weight:850}
.creator-admin-chip:has(input:checked){background:#e8f4e8;border-color:#8bc58e}.creator-admin-chip:has(input:checked) span{color:#176b2f}
.creator-crm-fields{margin-top:14px}.creator-crm-fields .wide{grid-column:1/-1}.creator-crm-fields textarea{resize:vertical}
.creator-admin-meta{margin-top:10px;font-size:8px;color:#879088}
.creator-spi-placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.creator-spi-placeholder>div{display:grid;gap:3px;padding:14px;border:1px solid #e2e7e1;border-radius:9px;background:#f9faf8}
.creator-spi-placeholder strong{font-size:20px}.creator-spi-placeholder span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#7d887f}
@media(max-width:900px){.creator-admin-module-grid{grid-template-columns:1fr 1fr}.creator-account-reference,.creator-access-admin-grid,.creator-crm-fields{grid-template-columns:1fr}.creator-crm-fields .wide{grid-column:auto}.creator-spi-placeholder{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.creator-admin-module-grid,.creator-spi-placeholder{grid-template-columns:1fr}}

/* v22.47 Creator Activity + Network Insights */
.creator-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.creator-insight-grid article{display:grid;gap:4px;padding:13px;border:1px solid #e1e7df;border-radius:10px;background:#fafcf9;min-width:0}
.creator-insight-grid span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#718076}
.creator-insight-grid strong{font-size:17px;color:#24342a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-insight-grid small{font-size:8px;line-height:1.4;color:#879188}
.creator-activity-list{position:relative;display:grid;gap:0;margin-top:2px}
.creator-activity-list:before{content:"";position:absolute;left:8px;top:13px;bottom:13px;width:1px;background:#dfe6dd}
.creator-activity-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:8px 0}
.creator-activity-dot{position:relative;z-index:1;width:9px;height:9px;margin:6px 0 0 4px;border-radius:50%;background:#607168;border:2px solid #fff;box-shadow:0 0 0 1px #cfd8cd}
.creator-activity-item.activity-publish .creator-activity-dot{background:#138636}
.creator-activity-item.activity-flag .creator-activity-dot{background:#b15332}
.creator-activity-item.activity-crm .creator-activity-dot{background:#486f96}
.creator-activity-item.activity-access .creator-activity-dot{background:#78639a}
.creator-activity-copy{min-width:0;padding:0 0 7px;border-bottom:1px solid #edf0ec}
.creator-activity-copy>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.creator-activity-copy strong{font-size:10px;color:#2b392f}
.creator-activity-copy time{font-size:8px;color:#89928b;white-space:nowrap}
.creator-activity-copy p{margin:3px 0 0;font-size:9px;color:#69756d;line-height:1.45}
.creator-activity-copy button{margin-top:5px;padding:0;border:0;background:transparent;color:#167034;font-size:8px;font-weight:900;cursor:pointer}
@media(max-width:1100px){.creator-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.creator-insight-grid{grid-template-columns:1fr}.creator-activity-copy>div{display:grid;gap:2px}}

/* v22.48 Creator detail tabs */
.creator-detail-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid #dfe5dc;background:#f9fbf8;position:sticky;top:0;z-index:3}
.creator-detail-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 18px 11px;font-size:10px;font-weight:900;color:#68766c;cursor:pointer}
.creator-detail-tabs button:hover{color:#1a5f2c}
.creator-detail-tabs button.is-active{color:#0b722c;border-bottom-color:#0b722c;background:#fff}
.creator-detail-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:#e6ece5;font-size:8px}
.creator-detail-tabs button.is-active span{background:#e2f2e3;color:#176d31}
.creator-detail-tab-body{min-height:260px}
.creator-activity-preview-list{display:grid;border:1px solid #e2e7e0;border-radius:10px;overflow:hidden}
.creator-activity-preview-list article{display:flex;justify-content:space-between;gap:18px;padding:11px 12px;border-bottom:1px solid #edf0ec;background:#fff}
.creator-activity-preview-list article:last-child{border-bottom:0}
.creator-activity-preview-list article>div{display:grid;gap:2px;min-width:0}
.creator-activity-preview-list strong{font-size:10px;color:#2b392f}
.creator-activity-preview-list span{font-size:8px;color:#78837b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-activity-preview-list time{font-size:8px;color:#8c958e;white-space:nowrap}
.creator-tab-content-section,.creator-tab-crm-section{min-height:340px}
@media(max-width:700px){
  .creator-detail-tabs{overflow-x:auto;padding:0 10px}
  .creator-detail-tabs button{padding:12px 13px;white-space:nowrap}
}

/* v22.51 Creator metadata + artwork */
.creator-metadata-panel,.creator-artwork-panel{margin:20px 0;padding:16px;border:1px solid #d8ded5;border-radius:12px;background:#f7faf5}.creator-rating-lock{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border:1px solid #dce5da;border-radius:10px;background:#fff}.creator-rating-lock>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#6d7d71}.creator-rating-lock>strong{padding:5px 9px;border-radius:999px;background:#17251c;color:#fff;font-size:10px}.creator-rating-lock>small{color:#718078;font-size:9px}.creator-artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creator-artwork-slot{display:grid;gap:5px;padding:12px;border:1px solid #dce4da;border-radius:10px;background:#fff}.creator-artwork-slot>span{font-size:10px;font-weight:900}.creator-artwork-slot>small{font-size:8px;color:#7b877e}.creator-artwork-slot input{font-size:9px}.creator-artwork-slot [data-art-preview]{min-height:96px;display:grid;place-items:end start;padding:8px;border-radius:8px;background:#eef2ed center/cover no-repeat;color:#748078;font-size:8px;overflow:hidden}.creator-artwork-slot [data-art-preview].has-image{color:#fff;text-shadow:0 1px 3px #000;background-color:#303830}@media(max-width:760px){.creator-artwork-grid{grid-template-columns:1fr}.creator-rating-lock{grid-template-columns:auto auto}.creator-rating-lock>small{grid-column:1/-1}}

/* v22.52 per-production bulk upload */
.creator-batch-defaults{margin:18px 0;padding:15px;border:1px solid #dce4da;border-radius:12px;background:#f7faf6}
.studio-file-queue{display:grid;gap:14px}
.studio-queue-production{position:relative;display:block;padding:16px}
.studio-queue-production .studio-queue-main{width:100%}
.studio-queue-production .studio-queue-top>div:first-child{display:grid;gap:2px}
.studio-queue-state{display:flex;gap:6px;align-items:center;font-size:9px;color:#77837a}
.queue-production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.queue-field{display:grid;gap:5px}.queue-field.span-2{grid-column:1/-1}
.queue-field>span{font-size:8px;font-weight:900;letter-spacing:.07em;color:#69766d;text-transform:uppercase}
.queue-field input,.queue-field select,.queue-field textarea{width:100%}
.queue-artwork-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:15px 0 8px;padding-top:13px;border-top:1px solid #e5e9e3}
.queue-artwork-head>div{display:grid;gap:2px}.queue-artwork-head span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#14843b}.queue-artwork-head strong{font-size:12px}.queue-artwork-head small{font-size:8px;color:#7b867e}
.queue-artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.queue-artwork-slot{position:relative;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px;border:1px dashed #bdc9bc;border-radius:10px;background:#f8faf7;overflow:hidden;cursor:pointer}
.queue-artwork-slot.has-image{background-image:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.34)),var(--queue-art);background-size:cover;background-position:center;color:#fff;border-style:solid}
.queue-artwork-slot>span{font-size:10px;font-weight:900}.queue-artwork-slot>small{font-size:7px;opacity:.8}.queue-artwork-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.queue-art-preview{font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-artwork-slot button{position:absolute;right:6px;top:6px;z-index:3;border:0;border-radius:999px;padding:4px 7px;font-size:7px;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.queue-rating-row{display:flex;gap:7px;align-items:center;margin-top:10px;font-size:8px;color:#738077}.queue-rating-row strong{padding:3px 6px;border-radius:999px;background:#1b2c22;color:#fff}.queue-rating-row span{font-weight:900}
.queue-remove{position:absolute;right:14px;top:13px}
@media(max-width:780px){.queue-production-grid,.queue-artwork-grid{grid-template-columns:1fr}.queue-field.span-2{grid-column:auto}.queue-artwork-head{display:grid}}

/* v22.53 queue card action spacing fix */
.studio-queue-production{
  padding-right:110px;
}
.studio-queue-production .studio-queue-top{
  padding-right:6px;
}
.studio-queue-production .studio-queue-top>div:first-child{
  min-width:0;
}
.studio-queue-production .studio-queue-top>div:first-child strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.studio-queue-production .studio-queue-state{
  min-width:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.studio-queue-production .queue-remove{
  position:absolute;
  right:14px;
  top:14px;
  z-index:4;
  min-width:78px;
}
@media(max-width:720px){
  .studio-queue-production{
    padding-right:16px;
    padding-top:58px;
  }
  .studio-queue-production .queue-remove{
    top:12px;
    right:14px;
  }
  .studio-queue-production .studio-queue-top{
    padding-right:0;
  }
}

/* v22.54 STNR web watch player */
.watch-shell{padding:18px 0 76px}
.watch-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:22px}
.watch-intro h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(48px,7vw,88px);line-height:.9;margin:0 0 12px;letter-spacing:-.025em}
.watch-intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.45;max-width:720px}
.watch-status{font-size:12px;font-weight:700;color:var(--muted);text-align:right;max-width:280px}
.watch-stage{background:#050605;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.18);box-shadow:0 24px 70px rgba(0,0,0,.12)}
.watch-video-wrap{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center;scroll-margin-top:92px}
.watch-video{width:100%;height:100%;display:block;background:#000}
.watch-player-empty{color:#fff;display:grid;gap:8px;text-align:center;padding:30px;max-width:520px}
.watch-player-empty strong{font-size:21px}.watch-player-empty span{color:rgba(255,255,255,.65);line-height:1.45}
.watch-now{padding:22px 24px 25px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:30px;align-items:start}
.watch-now-label{display:block;color:#79c955;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:7px}
.watch-now h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(31px,4vw,48px);line-height:1;margin:0}
.watch-now p{margin:0;color:rgba(255,255,255,.68);line-height:1.5;font-size:14px}
.watch-catalog-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:42px 0 18px}
.watch-catalog-head h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:42px;margin:0;line-height:1}
.watch-count{font-size:12px;font-weight:700;color:var(--muted)}
.watch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.watch-card{appearance:none;border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;font:inherit;cursor:pointer;min-width:0}
.watch-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#111;border:2px solid transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.watch-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.watch-card:hover .watch-thumb{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.watch-card.is-active .watch-thumb{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,125,58,.14)}
.watch-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.48))}
.watch-play{position:absolute;z-index:2;left:14px;bottom:13px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(255,255,255,.94);color:#050505;font-size:13px;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.watch-badge{position:absolute;z-index:2;right:10px;top:10px;padding:6px 8px;border-radius:5px;background:rgba(5,6,5,.82);color:#fff;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800}
.watch-card-copy{display:block;padding:12px 2px 3px}.watch-card-copy small,.watch-card-copy strong{display:block}.watch-card-copy small{color:var(--green);text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-card-copy strong{font-size:16px;line-height:1.2}
.watch-card-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,#123b20,#050605 62%);color:#fff;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.03em}
.watch-empty-catalog{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:40px;display:grid;gap:7px;text-align:center;color:var(--muted)}.watch-empty-catalog strong{color:var(--ink);font-size:20px}
@media(max-width:1000px){.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-now{grid-template-columns:1fr}.watch-intro{align-items:start}.watch-status{text-align:left}}
@media(max-width:720px){.watch-shell{padding-top:8px}.watch-intro{display:block}.watch-status{margin-top:14px}.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.watch-stage{border-radius:10px}.watch-now{padding:17px}.watch-catalog-head{margin-top:30px}.watch-catalog-head h2{font-size:34px}}
@media(max-width:440px){.watch-grid{grid-template-columns:1fr}.watch-intro h1{font-size:52px}}

/* v22.55 viewer registration eligibility */
.eligibility-check{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:9px;background:#f7f8f5;cursor:pointer;font-size:13px;line-height:1.5;color:var(--muted)}
.eligibility-check input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--green)}
.eligibility-check span{display:block}.eligibility-check strong{display:block;color:var(--text);font-size:13px;margin-bottom:3px}

/* v22.58 Watch library hierarchy */
.watch-channel-nav{display:flex;gap:10px;overflow-x:auto;padding:2px 0 18px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.watch-channel-chip{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.watch-channel-chip:hover,.watch-channel-chip.is-active{background:#050605;color:#fff;border-color:#050605}
.watch-library{display:grid;gap:42px}
.watch-channel-section{min-width:0}
.watch-channel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:20px}
.watch-channel-head span{display:block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}
.watch-channel-head h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(36px,5vw,58px);line-height:.95;margin:0}
.watch-channel-head small,.watch-subchannel-head span{font-size:11px;font-weight:700;color:var(--muted)}
.watch-subchannel{margin:0 0 28px}
.watch-subchannel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 12px}
.watch-subchannel-head h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:26px;line-height:1;margin:0}
.watch-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1000px){.watch-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.watch-row{display:flex;overflow-x:auto;gap:13px;padding-bottom:8px;scroll-snap-type:x proximity}.watch-row .watch-card{flex:0 0 min(76vw,320px);scroll-snap-align:start}.watch-channel-head{align-items:center}.watch-channel-head h2{font-size:40px}}

/* v22.59 Watch: fixed channel card + horizontally scrolling show rail */
.watch-library{display:grid;gap:30px}
.watch-channel-rail{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:stretch;min-width:0}
.watch-channel-anchor{min-width:0}
.watch-channel-card{height:100%;min-height:290px;border-radius:14px;background:#060706;color:#fff;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.18);box-shadow:0 14px 38px rgba(0,0,0,.11)}
.watch-channel-card-art{min-height:118px;padding:22px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(20,116,61,.42),#050605 66%);border-bottom:1px solid rgba(255,255,255,.08)}
.watch-channel-card-art img{display:block;max-width:88%;max-height:86px;width:auto;height:auto;object-fit:contain}
.watch-channel-card-art strong{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:32px;line-height:.95;text-align:center}
.watch-channel-card-copy{padding:18px 20px 20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.watch-channel-card-copy>span{color:#79c955;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.17em;margin-bottom:5px}
.watch-channel-card-copy h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:34px;line-height:.95;margin:0 0 10px}
.watch-channel-card-copy p{font-size:12px;line-height:1.45;color:rgba(255,255,255,.66);margin:0 0 18px}
.watch-channel-card-copy small{margin-top:auto;font-size:10px;font-weight:800;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}
.watch-shows-pane{min-width:0;padding:2px 0 4px}
.watch-shows-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 12px;padding:0 2px}
.watch-shows-head span{display:block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}
.watch-shows-head h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:27px;line-height:1;margin:0}
.watch-shows-head small{font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap}
.watch-shows-slider{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:2px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.watch-show-card{appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer;flex:0 0 clamp(220px,27vw,315px);min-width:0;scroll-snap-align:start}
.watch-show-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#111;border:2px solid transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.watch-show-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.watch-show-card:hover .watch-show-thumb{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,.15)}
.watch-show-card.is-active .watch-show-thumb{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,125,58,.13)}
.watch-show-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.42))}
.watch-show-play{position:absolute;z-index:2;left:12px;bottom:11px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);color:#050505;display:grid;place-items:center;padding-left:2px;font-size:12px;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.watch-show-copy{display:block;padding:10px 2px 0}
.watch-show-copy strong,.watch-show-copy small{display:block}
.watch-show-copy strong{font-size:16px;line-height:1.18;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-show-copy small{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.watch-show-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 20%,#123b20,#050605 65%);color:#fff;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:29px;font-weight:700}
@media(max-width:900px){.watch-channel-rail{grid-template-columns:230px minmax(0,1fr)}.watch-channel-card{min-height:255px}.watch-channel-card-art{min-height:98px;padding:16px}.watch-channel-card-copy{padding:15px}.watch-channel-card-copy h2{font-size:29px}.watch-show-card{flex-basis:min(54vw,285px)}}
@media(max-width:620px){.watch-channel-rail{grid-template-columns:150px minmax(0,1fr);gap:12px}.watch-channel-card{min-height:220px;border-radius:10px}.watch-channel-card-art{min-height:76px;padding:11px}.watch-channel-card-art img{max-height:55px}.watch-channel-card-copy{padding:12px}.watch-channel-card-copy h2{font-size:23px}.watch-channel-card-copy p{font-size:10px;line-height:1.35;margin-bottom:10px}.watch-channel-card-copy small{font-size:8px}.watch-shows-head h3{font-size:22px}.watch-shows-head small{display:none}.watch-shows-slider{gap:11px}.watch-show-card{flex-basis:min(66vw,250px)}.watch-show-copy strong{font-size:14px}}

/* v22.61 — first-class live channel cards */
.watch-live-card .watch-show-thumb{border-color:rgba(190,0,0,.22)}
.watch-live-card:hover .watch-show-thumb{box-shadow:0 13px 30px rgba(150,0,0,.18)}
.watch-live-card.is-active .watch-show-thumb{border-color:#b00000;box-shadow:0 0 0 3px rgba(176,0,0,.12)}
.watch-live-badge{position:absolute;z-index:3;top:11px;left:11px;display:inline-flex;align-items:center;gap:6px;background:#b00000;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.watch-live-badge i{width:7px;height:7px;border-radius:50%;background:#fff;display:block;animation:stnr-live-pulse 1.4s ease-in-out infinite}
.watch-live-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 20%,#4a0a0a,#050505 67%);color:#fff;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:29px;font-weight:700}
.watch-video-wrap.is-live:after{content:"LIVE";position:absolute;z-index:5;top:12px;left:12px;background:#b00000;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1;pointer-events:none}
@keyframes stnr-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.watch-live-badge i{animation:none}}
\n/* v22.62 web live playback diagnostics */\n.watch-player-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;background:#090909;color:#fff}\n.watch-player-empty[hidden]{display:none!important}\n.watch-player-empty strong{font-size:1.15rem}\n.watch-player-empty span{max-width:620px;color:#bbb}\n

/* v22.66 — basic live chat */
.watch-live-chat{margin:16px 0 8px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.watch-live-chat[hidden]{display:none!important}
.watch-live-chat-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);background:#090a09;color:#fff}
.watch-live-chat-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.watch-live-chat-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#ff5555}
.watch-live-chat-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-live-chat-head small{font-size:10px;color:#aaa;white-space:nowrap}
.watch-live-chat-messages{height:240px;overflow-y:auto;padding:12px 16px;background:#f8f9f7;scroll-behavior:smooth}
.watch-live-chat-row{display:grid;grid-template-columns:minmax(85px,130px) minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:13px;line-height:1.35}
.watch-live-chat-row:last-child{border-bottom:0}
.watch-live-chat-name{font-weight:900;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.watch-live-chat-name span{display:inline-block;margin-left:5px;padding:2px 4px;border-radius:3px;background:#111;color:#fff;font-size:7px;letter-spacing:.08em;vertical-align:2px}
.watch-live-chat-text{color:#242424;overflow-wrap:anywhere;white-space:pre-wrap}
.watch-live-chat-empty{height:100%;min-height:120px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.watch-live-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}
.watch-live-chat-form .input{margin:0}
.watch-live-chat-form .btn{min-width:82px}
.watch-live-chat-status{min-height:0;padding:0 13px 10px;color:#a00000;font-size:11px}
.watch-live-chat-status:empty{display:none}
@media(max-width:620px){
  .watch-live-chat-messages{height:210px}
  .watch-live-chat-row{grid-template-columns:1fr;gap:2px}
  .watch-live-chat-name{font-size:11px}
  .watch-live-chat-form{grid-template-columns:1fr}
}


/* v22.67 — responsive subchannel/show viewer */
body.series-viewer-open{overflow:hidden}
.watch-series-dialog{width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:0;border:0;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 28px 90px rgba(0,0,0,.38)}
.watch-series-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.watch-series-modal{display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}
.watch-series-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}
.watch-series-modal-head h2{margin:2px 0 0;font-size:clamp(20px,2.3vw,30px);line-height:1.05}
.watch-series-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer}
.watch-series-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);min-height:0;overflow:hidden}
.watch-series-player-pane{min-width:0;overflow-y:auto;background:#fff}
.watch-series-video-wrap{position:relative;aspect-ratio:16/9;background:#050505}
.watch-series-video{display:block;width:100%;height:100%;background:#050505;object-fit:contain}
.watch-series-video-wrap.is-empty .watch-series-video{display:none}
.watch-series-player-empty{position:absolute;inset:0;display:grid;place-content:center;gap:7px;text-align:center;padding:24px;color:#fff;background:#080808}
.watch-series-player-empty[hidden]{display:none}
.watch-series-player-empty strong{font-size:18px}
.watch-series-player-empty span{font-size:12px;color:#aaa}
.watch-series-current{padding:18px 20px 22px}
.watch-series-current>span{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.watch-series-current h3{margin:5px 0 7px;font-size:22px}
.watch-series-current p{margin:0;color:var(--muted);line-height:1.55}
.watch-series-list-pane{min-width:0;border-left:1px solid var(--line);background:#f6f7f5;display:flex;flex-direction:column;overflow:hidden}
.watch-series-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 14px;border-bottom:1px solid var(--line);background:#fff}
.watch-series-list-head strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.watch-series-list-head small{color:var(--muted)}
.watch-series-list{overflow-y:auto;padding:8px}
.watch-series-item{width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer}
.watch-series-item.is-active{background:#fff;border-color:#111}
.watch-series-item-art{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#111}
.watch-series-item-art img{width:100%;height:100%;object-fit:cover;display:block}
.watch-series-item-art i{position:absolute;left:8px;bottom:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-style:normal}
.watch-series-item-fallback{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.watch-series-item-copy{min-width:0}
.watch-series-item-copy strong,.watch-series-item-copy small{display:block}
.watch-series-item-copy strong{font-size:13px;line-height:1.25}
.watch-series-item-copy small{margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
  .watch-series-dialog{width:calc(100% - 16px);max-height:calc(100% - 16px);border-radius:12px}
  .watch-series-modal{max-height:calc(100vh - 16px);overflow-y:auto}
  .watch-series-modal-head{position:sticky;top:0;z-index:5;padding:10px 12px}
  .watch-series-layout{display:block;overflow:visible}
  .watch-series-player-pane{overflow:visible}
  .watch-series-current{padding:14px 14px 16px}
  .watch-series-current h3{font-size:19px}
  .watch-series-list-pane{border-left:0;border-top:1px solid var(--line);overflow:visible}
  .watch-series-list{overflow:visible;padding:6px}
  .watch-series-item{grid-template-columns:104px minmax(0,1fr);min-height:72px}
}
@media(max-width:380px){
  .watch-series-dialog{width:calc(100% - 8px)}
  .watch-series-item{grid-template-columns:92px minmax(0,1fr)}
}


/* v22.68 — phone-only public-site reset
   Deliberately scoped below 680px so tablet/desktop layouts remain unchanged. */
@media (max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 28px);max-width:none}

  /* Mobile header: identity/account row + swipeable public nav row. */
  .site-header{backdrop-filter:blur(12px)}
  .nav{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand actions" "links links";
    align-items:center;
    gap:4px 12px;
    padding:10px 0 0;
  }
  .brand{grid-area:brand;display:inline-flex;align-items:center;width:max-content;min-width:0}
  .brand img{height:36px;width:auto;max-width:105px;object-fit:contain}
  .nav-actions{grid-area:actions;display:flex!important;justify-self:end;gap:8px}
  .nav-actions .login-btn{
    min-height:38px;
    padding:8px 13px;
    border-radius:7px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
  }
  .nav-links{
    grid-area:links;
    display:flex!important;
    width:100%;
    min-width:0;
    max-width:100%;
    gap:2px;
    overflow-x:auto;
    overflow-y:hidden;
    justify-content:flex-start;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(0,0,0,.06);
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{
    flex:0 0 auto;
    padding:12px 13px 10px;
    border-bottom-width:3px;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
  }

  /* Hero becomes compact content instead of a desktop billboard squeezed onto a phone. */
  .hero{padding:34px 0 40px}
  .hero-grid{display:block}
  .hero-grid>div:first-child{min-width:0}
  .hero-logo{
    width:190px;
    max-width:58vw;
    height:auto;
    margin:0 0 24px;
  }
  .eyebrow{gap:10px;margin-bottom:12px;font-size:10px;letter-spacing:.14em;line-height:1.35}
  .eyebrow:before{width:24px;height:2px;flex:0 0 24px}
  .hero h1,.page-title{
    max-width:none;
    margin-bottom:18px;
    font-size:clamp(38px,11.5vw,48px);
    line-height:1.02;
    letter-spacing:-.04em;
    text-wrap:balance;
  }
  .hero-copy{font-size:16px;line-height:1.5;margin-bottom:20px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:28px}
  .hero-actions .btn{width:100%;min-height:44px}
  .hero-side{gap:10px;margin-top:10px}
  .value-card{padding:18px;border-radius:10px;box-shadow:none}
  .value-card h3{font-size:19px}
  .value-card p{font-size:14px;line-height:1.45}

  .section{padding:48px 0}
  .section-head{display:block;margin-bottom:22px}
  .section-head .section-link{display:inline-block;margin-top:12px}
  .section-title{font-size:34px;line-height:1.04}
  .cta-copy{padding:26px 20px}
  .cta-art{min-height:220px}
  .footer{padding-top:42px}
}

@media (max-width:380px){
  .nav-links a{padding-left:11px;padding-right:11px;font-size:12px}
  .hero-logo{width:165px}
  .hero h1,.page-title{font-size:38px}
}

/* v22.69 flagship channel worlds */
.flagship-network{padding:76px 0 0;background:#070807;color:#fff;overflow:hidden;border-top:1px solid rgba(0,0,0,.1)}
.flagship-network-head{padding-bottom:36px}
.flagship-network-head .section-title{max-width:900px}
.flagship-network-head>p{max-width:680px;color:rgba(255,255,255,.66);font-size:18px;line-height:1.5;margin:16px 0 0}
.flagship-channel-stack{display:grid;gap:0}
.flagship-channel{--accent:#71c84b;--panel:#101510;position:relative;min-height:390px;isolation:isolate;overflow:hidden;background:var(--panel);border-top:1px solid rgba(255,255,255,.08);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);margin-top:-14px;padding:46px 0}
.flagship-channel:nth-child(even){clip-path:polygon(0 0,100% 4%,100% 100%,0 96%)}
.flagship-channel:before{content:"";position:absolute;inset:-20%;z-index:-3;background:radial-gradient(circle at 18% 45%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 33%),linear-gradient(115deg,rgba(255,255,255,.04),transparent 36%,rgba(0,0,0,.35));transform:rotate(-2deg)}
.flagship-channel:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.26;background:repeating-linear-gradient(112deg,transparent 0 38px,rgba(255,255,255,.045) 39px 40px),linear-gradient(90deg,rgba(0,0,0,.15),transparent 45%,rgba(0,0,0,.4))}
.flagship-channel-inner{width:min(var(--max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);gap:64px;align-items:center;min-height:300px}
.flagship-channel:nth-child(even) .flagship-channel-copy{order:2}.flagship-channel:nth-child(even) .flagship-preview{order:1}
.flagship-channel-copy{position:relative;z-index:2}
.flagship-logo{width:min(390px,90%);height:145px;object-fit:contain;object-position:left center;margin:0 0 20px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}
.flagship-channel.light-logo .flagship-logo{filter:drop-shadow(0 10px 22px rgba(255,255,255,.08))}
.flagship-kicker{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;margin-bottom:10px}
.flagship-channel h3{font-size:30px;line-height:1;margin:0 0 10px}.flagship-channel-copy p{max-width:470px;margin:0 0 20px;color:rgba(255,255,255,.74);line-height:1.45}
.flagship-link{display:inline-flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 72%,white);color:#fff;padding:11px 15px;border-radius:7px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(0,0,0,.18)}
.flagship-link:hover{background:var(--accent);color:#050505}
.flagship-preview{position:relative;z-index:2;min-width:0;transform:rotate(-1.1deg)}.flagship-channel:nth-child(even) .flagship-preview{transform:rotate(1.1deg)}
.flagship-video-shell{position:relative;aspect-ratio:16/9;background:#020302;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden;clip-path:polygon(2% 0,100% 3%,98% 100%,0 96%)}
.flagship-video-shell video,.flagship-video-shell img{width:100%;height:100%;object-fit:cover;display:block;background:#050505}.flagship-video-shell video{cursor:pointer}
.flagship-video-shell:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.flagship-preview-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:12px;font-size:12px;color:rgba(255,255,255,.68)}.flagship-preview-meta strong{color:#fff;font-size:14px}.flagship-preview-meta span:last-child{white-space:nowrap;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.flagship-empty{display:grid;place-items:center;height:100%;min-height:250px;background:linear-gradient(135deg,#0a0c0a,#171a17);color:rgba(255,255,255,.62);text-align:center;padding:28px}
.flagship-channel[data-theme="music"]{--accent:#68cf48;--panel:#07100b}.flagship-channel[data-theme="comedy"]{--accent:#89d54b;--panel:#17150c}.flagship-channel[data-theme="art"]{--accent:#cf54dc;--panel:#171019}.flagship-channel[data-theme="cinema"]{--accent:#ff3b87;--panel:#15080e}.flagship-channel[data-theme="sports"]{--accent:#8cc7a4;--panel:#09110d}.flagship-channel[data-theme="food"]{--accent:#d7c66f;--panel:#15130b}.flagship-channel[data-theme="news"]{--accent:#73d54b;--panel:#0b1010}.flagship-channel[data-theme="shopping"]{--accent:#ff6a4d;--panel:#17100d}.flagship-channel[data-theme="health"]{--accent:#39b879;--panel:#091411}.flagship-channel[data-theme="variety"]{--accent:#b6ca62;--panel:#10150b}.flagship-channel[data-theme="originals"]{--accent:#75d14d;--panel:#080908}
@media(max-width:900px){.flagship-channel{clip-path:none!important;margin-top:0;min-height:0;padding:42px 0}.flagship-channel-inner{grid-template-columns:1fr;gap:26px}.flagship-channel:nth-child(even) .flagship-channel-copy,.flagship-channel:nth-child(even) .flagship-preview{order:initial}.flagship-logo{height:115px}.flagship-preview,.flagship-channel:nth-child(even) .flagship-preview{transform:none}}
@media(max-width:680px){.flagship-network{padding-top:50px}.flagship-network-head{padding-bottom:26px}.flagship-channel{padding:34px 0}.flagship-channel-inner{width:calc(100% - 28px);gap:20px}.flagship-logo{height:92px;width:min(300px,88%);margin-bottom:14px}.flagship-channel h3{font-size:24px}.flagship-channel-copy p{font-size:14px;margin-bottom:16px}.flagship-video-shell{clip-path:none;border-radius:8px}.flagship-preview-meta{align-items:flex-start;flex-direction:column;gap:4px}.flagship-link{padding:10px 13px}}


/* v22.71 — STNR channel worlds */
.flagship-network{padding:48px 0 0;background:#050505;color:#fff;overflow:hidden}
.flagship-network-head{padding-bottom:38px}
.flagship-network-head .section-kicker{color:#60d341}
.flagship-network-head .section-title{color:#fff;font-size:clamp(44px,6vw,82px);line-height:.88;max-width:920px}
.flagship-network-head p{margin:14px 0 0;max-width:690px;color:#a9aaa9;font-size:16px;line-height:1.55}
.flagship-channel-stack{background:#eceae1;padding:7px 0}

.flagship-channel{
  --accent:#61d442;--deep:#071008;
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  min-height:430px;padding:61px 0 66px;margin:-5px 0 0;
  background:var(--deep);
  clip-path:polygon(0 2.3%,6% .7%,13% 2.8%,21% 1%,29% 3%,38% .8%,47% 2.6%,56% .9%,65% 2.9%,74% .8%,83% 2.7%,92% .9%,100% 2.2%,100% 97.7%,93% 99%,84% 97.2%,75% 99%,66% 97.4%,57% 99.1%,48% 97.3%,39% 98.9%,30% 97.4%,21% 99%,12% 97.2%,5% 99%,0 97.6%);
}
.flagship-channel:nth-child(even){
  clip-path:polygon(0 .9%,8% 2.8%,17% .8%,26% 2.9%,35% .7%,44% 2.7%,53% .8%,62% 2.9%,71% .8%,80% 2.8%,89% .8%,100% 2.4%,100% 99%,92% 97.2%,83% 99.1%,74% 97.2%,65% 99%,56% 97.1%,47% 99%,38% 97.4%,29% 99%,20% 97.2%,10% 99%,0 97.5%);
}
.flagship-channel:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(112deg,transparent 0 19%,rgba(255,255,255,.018) 19.3% 20%,transparent 20.4% 48%,rgba(255,255,255,.02) 48.3% 49%,transparent 49.3%);
}

.flagship-scene{position:absolute;inset:0;z-index:-5;overflow:hidden}
.flagship-scene-image{position:absolute;inset:-9%;width:118%;height:118%;object-fit:cover;opacity:.42;filter:saturate(.75) contrast(1.13) brightness(.68);transform:scale(1.03)}
.flagship-scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,2,.96) 0%,rgba(2,3,2,.78) 35%,rgba(2,3,2,.38) 64%,rgba(2,3,2,.72) 100%),radial-gradient(circle at 82% 42%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%)}
.flagship-channel:nth-child(even) .flagship-scene-wash{background:linear-gradient(270deg,rgba(2,3,2,.96) 0%,rgba(2,3,2,.78) 35%,rgba(2,3,2,.38) 64%,rgba(2,3,2,.72) 100%),radial-gradient(circle at 18% 42%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%)}

.flagship-channel-inner{width:min(var(--max),calc(100% - 58px));min-height:320px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(460px,1.22fr);gap:72px;align-items:center}
.flagship-channel:nth-child(even) .flagship-channel-copy{order:2}
.flagship-channel:nth-child(even) .flagship-preview{order:1}

.flagship-channel-copy{position:relative;z-index:8}
.flagship-logo{display:block;width:min(430px,94%);height:150px;object-fit:contain;object-position:left center;margin:0 0 14px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}
.flagship-kicker{display:inline-block;padding:4px 8px;margin:0 0 11px;background:var(--accent);color:#050505;font-size:10px;font-weight:1000;line-height:1;text-transform:uppercase;letter-spacing:.15em}
.flagship-channel-copy p{max-width:480px;margin:0 0 21px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.53}
.flagship-link{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 15px;border:1px solid var(--accent);border-radius:3px;background:rgba(2,3,2,.54);color:#fff;text-transform:uppercase;letter-spacing:.075em;font-size:11px;font-weight:950}
.flagship-link:hover{background:var(--accent);color:#050505}

.flagship-preview{position:relative;z-index:9;min-width:0;transform:rotate(-1.6deg)}
.flagship-channel:nth-child(even) .flagship-preview{transform:rotate(1.45deg)}
.flagship-video-frame{padding:7px;background:var(--accent);clip-path:polygon(1.5% 1.5%,99% 0,97.8% 99%,0 97%);box-shadow:0 26px 80px rgba(0,0,0,.55)}
.flagship-channel:nth-child(even) .flagship-video-frame{clip-path:polygon(0 .5%,98.5% 2%,100% 98%,1.5% 99.3%)}
.flagship-video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:#030403;clip-path:polygon(1% 1%,99% 0,98.5% 99%,0 98%)}
.flagship-channel:nth-child(even) .flagship-video-shell{clip-path:polygon(0 .5%,98.5% 1.5%,100% 98.5%,1.5% 99%)}
.flagship-video-shell video{display:block;width:100%;height:100%;object-fit:cover;background:#030303}
.flagship-video-shell video::-webkit-media-controls-panel{background:linear-gradient(transparent,rgba(0,0,0,.78))}
.flagship-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:17px;margin:11px 8px 0}
.flagship-preview-meta strong{min-width:0;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flagship-preview-meta a{flex:0 0 auto;color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:950}

.flagship-channel-art{display:grid;place-items:center;align-content:center;padding:40px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 50%),#050605}
.flagship-channel-art>img{position:relative;z-index:3;display:block;max-width:58%;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5))}
.flagship-channel-art>span{position:relative;z-index:3;margin-top:18px;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.08em}

/* Set dressing shared by the whole channel band */
.flagship-environment{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.flagship-environment i{position:absolute;display:block}

/* MUSIC: mixing desk / waveform / faders */
.env-music .env-wave{left:-4%;top:43%;width:58%;height:110px;opacity:.38;background:repeating-linear-gradient(90deg,transparent 0 8px,var(--accent) 9px 12px,transparent 13px 19px);mask-image:linear-gradient(180deg,transparent,black 28%,black 72%,transparent)}
.env-music .env-fader{left:36%;bottom:-20px;width:4px;height:145px;background:rgba(255,255,255,.09);box-shadow:0 -45px 0 4px rgba(255,255,255,.11);transform:rotate(22deg)}
.env-music .env-fader.b{left:41%;height:180px}.env-music .env-fader.c{left:46%;height:125px}
.flagship-channel[data-theme="music"]{--accent:#62d83c;--deep:#041008}

/* COMEDY: brick wall, spotlight, mic, stool */
.env-comedy .env-bricks{inset:0;background:linear-gradient(rgba(255,255,255,.035) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.03) 2px,transparent 2px);background-size:62px 31px;opacity:.55;transform:skewX(-7deg) scale(1.1)}
.env-comedy .env-spot{left:20%;top:-42%;width:260px;height:140%;background:linear-gradient(174deg,rgba(255,236,120,.18),transparent 64%);clip-path:polygon(39% 0,60% 0,100% 100%,0 100%)}
.env-comedy .env-mic{left:29%;bottom:5%;width:3px;height:54%;background:linear-gradient(#bbb,#202020)}
.env-comedy .env-mic:before{content:"";position:absolute;left:-8px;top:-14px;width:19px;height:31px;border-radius:50%;background:#1d1d1d;border:2px solid #737373;transform:rotate(-14deg)}
.env-comedy .env-stool{left:42%;bottom:5%;width:78px;height:17px;border-radius:50%;background:#161616;box-shadow:15px 82px 0 -36px #393939}
.flagship-channel[data-theme="comedy"]{--accent:#dfc62b;--deep:#161205}

/* ART: canvas, mural brush strokes, frame */
.env-art .env-canvas{left:4%;top:6%;width:47%;height:88%;background:rgba(245,239,220,.11);transform:rotate(-5deg);clip-path:polygon(0 5%,96% 0,100% 91%,4% 100%)}
.env-art .env-stroke{width:52%;height:88px;left:-8%;bottom:10%;background:#c44ecf;opacity:.22;transform:rotate(-13deg);clip-path:polygon(0 40%,16% 19%,28% 37%,44% 10%,57% 43%,74% 22%,100% 48%,82% 66%,61% 53%,42% 79%,21% 58%,0 72%)}
.env-art .env-stroke.b{background:#3fb7d0;bottom:37%;left:28%;transform:rotate(18deg);opacity:.17}
.env-art .env-frame{right:4%;top:9%;width:330px;height:190px;border:17px solid rgba(255,255,255,.04);transform:rotate(11deg)}
.flagship-channel[data-theme="art"]{--accent:#cf51d2;--deep:#160d18}

/* CINEMA: curtains, projector, light beam */
.env-cinema .env-curtain{top:-2%;bottom:-2%;width:18%;background:repeating-linear-gradient(90deg,#260510 0 15px,#570b24 16px 31px,#21040d 32px 48px);opacity:.72}
.env-cinema .env-curtain.left{left:0;transform:skewX(-5deg)}.env-cinema .env-curtain.right{right:0;transform:skewX(5deg)}
.env-cinema .env-projector{left:39%;bottom:6%;width:98px;height:75px;border-radius:8px;background:#151515;box-shadow:inset 0 0 0 5px #292929}
.env-cinema .env-projector:before{content:"";position:absolute;left:16px;top:-62px;width:61px;height:61px;border:8px dotted #353535;border-radius:50%}
.env-cinema .env-beam{left:44%;bottom:24%;width:46%;height:58%;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%)}
.flagship-channel[data-theme="cinema"]{--accent:#ff347c;--deep:#170710}

/* SPORTS: field/scoreboard */
.env-sports .env-field{inset:8% 42% 8% -4%;border:2px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:inset 0 0 0 45px rgba(255,255,255,.012)}
.env-sports .env-score{left:7%;top:12%;width:230px;height:78px;border:2px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);box-shadow:inset 0 -24px 0 rgba(255,255,255,.025)}
.env-sports .env-lightbar{right:5%;top:4%;width:46%;height:4px;background:repeating-linear-gradient(90deg,var(--accent) 0 22px,transparent 23px 42px);opacity:.25}
.flagship-channel[data-theme="sports"]{--accent:#8fd0aa;--deep:#07120c}

/* FOOD: counter, plate and steam */
.env-food .env-counter{left:0;right:0;bottom:-8%;height:36%;background:linear-gradient(8deg,#120f09,#302717);opacity:.75}
.env-food .env-plate{left:28%;bottom:8%;width:180px;height:56px;border:5px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(-5deg)}
.env-food .env-steam{left:33%;bottom:28%;width:60px;height:120px;border-left:3px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(10deg)}
.env-food .env-steam.b{left:38%;height:95px;transform:rotate(-9deg)}
.flagship-channel[data-theme="food"]{--accent:#d4c669;--deep:#171407}

/* NEWS: newsroom grid, desk, ticker */
.env-news .env-grid{inset:0;background-image:linear-gradient(rgba(76,184,87,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(76,184,87,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent 80%)}
.env-news .env-desk{left:4%;bottom:-16%;width:55%;height:35%;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(0,0,0,.2));transform:skewX(-18deg)}
.env-news .env-ticker{left:0;right:0;bottom:5%;height:22px;background:repeating-linear-gradient(90deg,var(--accent) 0 50px,transparent 51px 87px);opacity:.13}
.flagship-channel[data-theme="news"]{--accent:#68d147;--deep:#07120a}

/* SHOPPING: shelves / retail light */
.env-shopping .env-shelf{right:1%;top:15%;width:46%;height:5px;background:rgba(255,255,255,.08);box-shadow:0 82px 0 rgba(255,255,255,.07),0 164px 0 rgba(255,255,255,.055)}
.env-shopping .env-shelf.b{right:2%;top:13%;height:220px;width:5px;box-shadow:115px 0 0 rgba(255,255,255,.06),230px 0 0 rgba(255,255,255,.05),345px 0 0 rgba(255,255,255,.04)}
.env-shopping .env-tag{left:24%;top:16%;width:140px;height:86px;border:2px solid rgba(255,255,255,.07);transform:rotate(-9deg)}
.flagship-channel[data-theme="shopping"]{--accent:#ff694a;--deep:#1b0c07}

/* HEALTH: diagnostic panels / pulse */
.env-health .env-pulse{left:-4%;top:48%;width:62%;height:62px;background:var(--accent);opacity:.18;clip-path:polygon(0 49%,12% 49%,16% 28%,21% 78%,26% 6%,31% 91%,36% 42%,44% 49%,100% 49%,100% 53%,43% 53%,36% 48%,31% 100%,26% 15%,21% 87%,16% 35%,12% 53%,0 53%)}
.env-health .env-panel{right:8%;top:9%;width:220px;height:110px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 8px rgba(255,255,255,.01)}
.env-health .env-panel.b{right:25%;top:62%;width:150px;height:75px}
.flagship-channel[data-theme="health"]{--accent:#34bd7c;--deep:#07140e}

/* VARIETY: retro stage rings/stars */
.env-variety .env-rings{left:-100px;top:-140px;width:520px;height:520px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.045) 0 7px,transparent 8px 35px)}
.env-variety .env-star{right:12%;top:17%;width:115px;height:115px;background:var(--accent);opacity:.08;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 37%)}
.env-variety .env-star.b{right:34%;top:57%;width:70px;height:70px}
.flagship-channel[data-theme="variety"]{--accent:#b7cb62;--deep:#101508}

/* ORIGINALS: slate / frame lines */
.env-originals .env-slate{left:7%;top:16%;width:280px;height:160px;border:5px solid rgba(255,255,255,.06);transform:rotate(-6deg)}
.env-originals .env-slate:before{content:"";position:absolute;left:-5px;right:-5px;top:-38px;height:30px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 24px,transparent 25px 45px);border:5px solid rgba(255,255,255,.05)}
.env-originals .env-frame-lines{inset:5%;border:1px solid rgba(255,255,255,.04)}
.flagship-channel[data-theme="originals"]{--accent:#63d442;--deep:#060806}

/* Fall-back panel has scenery, never a dead black rectangle */
.flagship-channel-art .flagship-environment{z-index:1;opacity:.85}
.flagship-channel-art>img,.flagship-channel-art>span{position:relative;z-index:3}

@media(max-width:980px){
  .flagship-channel{padding:53px 0 58px}
  .flagship-channel-inner{grid-template-columns:minmax(230px,.82fr) minmax(360px,1.18fr);gap:38px;width:calc(100% - 42px)}
  .flagship-logo{height:122px}
}
@media(max-width:760px){
  .flagship-network{padding-top:36px}
  .flagship-network-head{padding-bottom:27px}
  .flagship-channel,.flagship-channel:nth-child(even){clip-path:none;margin:0;padding:38px 0 44px;border-top:7px solid #eceae1}
  .flagship-channel-inner{width:calc(100% - 28px);grid-template-columns:1fr;gap:22px}
  .flagship-channel:nth-child(even) .flagship-channel-copy,.flagship-channel:nth-child(even) .flagship-preview{order:initial}
  .flagship-scene-image{opacity:.25}
  .flagship-scene-wash,.flagship-channel:nth-child(even) .flagship-scene-wash{background:linear-gradient(180deg,rgba(2,3,2,.72),rgba(2,3,2,.91) 48%,rgba(2,3,2,.98))}
  .flagship-logo{width:min(340px,90%);height:105px;margin-bottom:10px}
  .flagship-preview,.flagship-channel:nth-child(even) .flagship-preview{transform:none}
  .flagship-video-frame,.flagship-channel:nth-child(even) .flagship-video-frame{padding:5px;clip-path:polygon(1% 1%,99% 0,98% 99%,0 98%)}
  .flagship-video-shell,.flagship-channel:nth-child(even) .flagship-video-shell{clip-path:none}
  .flagship-preview-meta{align-items:flex-start;flex-direction:column;gap:5px;margin:9px 2px 0}
  .flagship-environment{opacity:.65}
  .env-comedy .env-mic,.env-comedy .env-stool,.env-cinema .env-projector,.env-food .env-plate{opacity:.5}
}
@media(max-width:420px){
  .flagship-channel{padding:32px 0 38px}
  .flagship-logo{height:88px}
  .flagship-channel-copy p{font-size:13px}
  .flagship-link{width:100%;justify-content:center}
}

.tgps-live-control-wrap{margin-top:18px}.tgps-live-control-card{margin-top:14px}.tgps-live-control-card [data-lc-status]{margin-top:8px;font-size:.9rem}.tgps-live-control-card .route-actions label{display:flex;gap:6px;align-items:center}.tgps-live-control-card .route-actions input{padding:7px;border:1px solid #d6dadd;border-radius:8px}

/* v22.77 cross-platform Live Control / AdSesh */
.watch-live-break-overlay{
  position:absolute;inset:0;z-index:20;background:#050607;color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;
  pointer-events:none;
}
.watch-live-break-overlay[hidden]{display:none!important}
.watch-live-break-overlay>div{display:grid;gap:10px}
.watch-live-break-overlay strong{font-size:clamp(28px,5vw,58px);letter-spacing:.02em}
.watch-live-break-overlay span{font-size:clamp(14px,2vw,22px);color:#cfcfcf}

/* v22.81 visible Live Control diagnostics */
.watch-live-debug{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:30;
  padding:9px 12px;border-radius:8px;background:rgba(0,0,0,.82);
  color:#fff;font:600 13px/1.35 system-ui,sans-serif;pointer-events:none;
  box-shadow:0 4px 20px rgba(0,0,0,.35);
}
.watch-live-debug[data-type="ok"]{background:rgba(19,92,45,.9)}
.watch-live-debug[data-type="error"]{background:rgba(138,27,27,.94)}
.watch-live-debug[hidden]{display:none!important}

/* v22.84 separate web live-ad video layer */
.watch-live-ad-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:25;
  background:#000;
  object-fit:contain;
}
.watch-live-ad-video[hidden]{display:none!important}