/* ════════════════════════════════════════════════════════════════
   ذكاء مشع — Live webinar  (ai-om-webinar-package/design)
   Everything is namespaced wb- / --wb- (no clash with app.css or p-).
   Logical properties (inline-start/end) so Arabic RTL mirrors for free.
   Green glow ONLY on: primary button, LIVE badge, active-speaker frame.
═════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Graphik Arabic";src:url(/fonts/webinar/GraphikArabic-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Graphik Arabic";src:url(/fonts/webinar/GraphikArabic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Graphik Arabic";src:url(/fonts/webinar/GraphikArabic-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Graphik Arabic";src:url(/fonts/webinar/GraphikArabic-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Doto";src:url(/fonts/webinar/doto-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Doto";src:url(/fonts/webinar/doto-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/webinar/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/webinar/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

/* ── Tokens (dark is the default) ── */
:root,[data-theme="dark"]{
  --wb-bg:#040605;--wb-s1:#0A0E0C;--wb-s2:#0F1512;--wb-s3:#151C19;
  --wb-tx:#EDEFEF;--wb-tx2:#A7B0AC;--wb-tx3:#7F8884;
  --wb-bd:rgba(237,239,239,.07);--wb-bd2:rgba(237,239,239,.13);
  --wb-acc:#31E931;--wb-acc-tx:#31E931;--wb-on-acc:#030504;--wb-live:#FF4D4D;--wb-live-tx:#FF4D4D;--wb-amber:#E9B84A;
  --wb-glass:rgba(4,6,5,.72);--wb-glass2:rgba(4,6,5,.8);--wb-glass-card:rgba(237,239,239,.06);
  --wb-speak:#31E931;--wb-speak-glow:rgba(49,233,49,.3);
  --wb-photo-fade:linear-gradient(180deg,rgba(4,6,5,.55) 0%,rgba(4,6,5,.25) 22%,rgba(4,6,5,.78) 48%,rgba(4,6,5,.97) 72%);
  --wb-bar-off:rgba(237,239,239,.18);
  color-scheme:dark;
}
[data-theme="light"]{
  --wb-bg:#F3F5F4;--wb-s1:#FFFFFF;--wb-s2:#F2F5F3;--wb-s3:#E3E8E5;
  --wb-tx:#0B100E;--wb-tx2:#56615B;--wb-tx3:#5E6963;   /* package: #6E7973 → darkened for AA */
  --wb-bd:rgba(4,6,5,.07);--wb-bd2:rgba(4,6,5,.13);
  --wb-acc:#31E931;--wb-acc-tx:#0B7E0B;--wb-on-acc:#030504;--wb-live:#FF4D4D;--wb-live-tx:#D93636;--wb-amber:#8F6A12;   /* AA text variants */
  --wb-glass:rgba(255,255,255,.88);--wb-glass2:rgba(255,255,255,.88);--wb-glass-card:rgba(255,255,255,.7);
  --wb-speak:#14A014;--wb-speak-glow:rgba(49,233,49,.22);
  --wb-photo-fade:linear-gradient(180deg,rgba(243,245,244,.55) 0%,rgba(243,245,244,.25) 22%,rgba(243,245,244,.85) 50%,rgba(243,245,244,.97) 72%);
  --wb-bar-off:rgba(4,6,5,.16);
  color-scheme:light;
}
:root{
  --wb-sans:"Graphik Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wb-display:"Doto","JetBrains Mono",monospace;
  --wb-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;
  --wb-r-sm:0.8276rem;--wb-r-md:1.1034rem;--wb-r-lg:1.3793rem;--wb-r-card:1.6552rem;
  --wb-glow-primary:0 0 0 1px rgba(49,233,49,.5),0 0.5517rem 2.069rem rgba(49,233,49,.30);
  --wb-glow-live:0 0 1.3793rem rgba(49,233,49,.30);
  --wb-ease:cubic-bezier(.2,.7,.2,1);
}
[data-theme="light"]{--wb-glow-live:0 0 1.3793rem rgba(49,233,49,.22)}

/* ── Scale & containers: the UI grows gently on big screens (1rem = 14.5px at 1440), content is
   capped and centered — nothing stretches to the viewport. Full-width bars keep full-width
   backgrounds; their content is inset to the same container via --wb-inset. ── */
html{font-size:clamp(14px,0.28vw + 10.5px,18px)}
:root{--wb-gutter:clamp(16px,2.5vw,48px);--wb-max:1440px;--wb-inset:max(var(--wb-gutter),(100% - var(--wb-max)) / 2)}
@media (min-width:1920px){:root{--wb-max:1760px}}
.wb-wrap{width:min(100% - 2 * var(--wb-gutter),var(--wb-max));margin-inline:auto}
/* Desktop app pages (live ≥1024, studio/backstage ≥1280): exactly one viewport tall, panels scroll inside. */
.wb-app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.wb-app>main{min-height:0}
.wb-desk-note{display:none}

/* ── Base ── */
.wb-page{margin:0;min-height:100vh;min-height:100dvh;background:var(--wb-bg);color:var(--wb-tx);font-family:var(--wb-sans);
  font-size:0.9655rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wb-page *,.wb-page *::before,.wb-page *::after{box-sizing:border-box}
.wb-page button,.wb-page input,.wb-page select,.wb-page textarea{font:inherit;color:inherit}
.wb-page button{cursor:pointer}
.wb-page a{color:inherit}
.wb-page img{max-width:100%}
.wb-page :focus-visible{outline:2px solid var(--wb-acc);outline-offset:2px;border-radius:inherit}
.wb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
.wb-mono{font-family:var(--wb-mono);letter-spacing:.04em}
.wb-caps{text-transform:uppercase;letter-spacing:.08em}
[dir="rtl"] .wb-mono,[dir="rtl"] .wb-caps{letter-spacing:0}         /* never letter-space Arabic */
.wb-num{font-family:var(--wb-mono);direction:ltr;unicode-bidi:isolate}  /* Latin digits, LTR islands */
.wb-flip{transition:transform .2s}
[dir="rtl"] .wb-flip{transform:scaleX(-1)}                          /* directional icons mirror */
.wb-i{width:1.1034rem;height:1.1034rem;flex-shrink:0;display:block}
.wb-muted{color:var(--wb-tx2)}
.wb-dim{color:var(--wb-tx3)}
.wb-acc{color:var(--wb-acc-tx)}

/* ── Buttons (pill) ── */
.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5517rem;height:3.0345rem;padding:0 1.2414rem;border-radius:999px;
  border:1px solid var(--wb-bd2);background:var(--wb-s2);color:var(--wb-tx);font-size:0.9655rem;white-space:nowrap;text-decoration:none;
  transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .2s}
.wb-btn:hover{border-color:color-mix(in srgb,var(--wb-tx) 26%,transparent)}
.wb-btn:active{transform:scale(.98)}
.wb-btn:disabled{opacity:.5;cursor:not-allowed}
.wb-btn--primary{height:3.3103rem;border:none;background:#31E932;color:#000;font-size:1.0345rem;font-weight:600;box-shadow:var(--wb-glow-primary)}
.wb-btn--primary .wb-i{stroke-width:2.2}
.wb-btn--primary:disabled{opacity:1;background:#2BC72C;color:#000;cursor:default}
.wb-btn--primary:hover{background:#45F045}
/* Black text on green (contrast 13:1) — beats the .wb-page button/a color:inherit reset */
.wb-page .wb-btn--primary,.wb-page a.wb-btn--primary,.wb-page .wb-send{color:#000}
.wb-btn--block{width:100%}
.wb-btn--lg{height:3.4483rem;font-size:1.1034rem}
.wb-btn--danger{background:transparent;border-color:rgba(255,77,77,.55);color:var(--wb-live-tx)}
.wb-btn--danger:hover{border-color:var(--wb-live-tx);background:rgba(255,77,77,.06)}
.wb-btn--ghost{background:transparent}
.wb-btn--outline-acc{height:1.931rem;padding:0 1.1034rem 0 1.2414rem;background:transparent;border-color:var(--wb-acc-tx);color:var(--wb-acc-tx);font-size:0.7586rem}
.wb-btn--sm{height:1.931rem;padding:0 0.8276rem;font-size:0.7586rem;background:transparent;color:var(--wb-tx2)}
.wb-btn--md{height:2.4828rem;padding:0 0.9655rem;font-size:0.8966rem}
.wb-btn.is-on{border-color:var(--wb-acc-tx);color:var(--wb-acc-tx)}
.wb-btn.is-off{background:rgba(255,77,77,.08);border-color:rgba(255,77,77,.45);color:var(--wb-live-tx)}
.wb-iconbtn{width:2.2069rem;height:2.2069rem;padding:0;border-radius:50%;border:1px solid var(--wb-bd2);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--wb-tx)}
.wb-iconbtn--36{width:2.4828rem;height:2.4828rem}
.wb-iconbtn--44{width:3.0345rem;height:3.0345rem}
.wb-link{color:var(--wb-acc-tx);text-decoration:none}
.wb-link:hover{text-decoration:underline}

/* ── Chips / badges ── */
.wb-chip{display:inline-flex;align-items:center;gap:0.5517rem;height:1.931rem;padding:0 0.7586rem;border-radius:999px;background:var(--wb-glass);
  border:1px solid var(--wb-bd2);font-family:var(--wb-mono);font-size:0.8276rem;letter-spacing:.04em;color:var(--wb-tx);white-space:nowrap}
[dir="rtl"] .wb-chip{letter-spacing:0;font-family:var(--wb-sans)}
.wb-chip .wb-num{font-family:var(--wb-mono)}
.wb-chip .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-tx2)}
.wb-dot{width:0.4828rem;height:0.4828rem;border-radius:50%;background:var(--wb-acc);flex-shrink:0}
.wb-dot--glow{box-shadow:0 0 0.5517rem var(--wb-acc)}
.wb-dot--grey{background:var(--wb-tx3)}
.wb-dot--live{background:var(--wb-live);box-shadow:0 0 0.6897rem var(--wb-live)}
.wb-dot--amber{background:var(--wb-amber)}
.wb-tag{display:inline-flex;align-items:center;gap:0.4138rem;height:1.6552rem;padding:0 0.6897rem;border-radius:999px;background:rgba(49,233,49,.1);color:var(--wb-acc-tx);font-size:0.8276rem}
.wb-tag::before{content:"";width:0.4138rem;height:0.4138rem;border-radius:50%;background:currentColor}
.wb-eyebrow{display:flex;align-items:center;gap:0.5517rem;font-family:var(--wb-mono);font-size:0.8276rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-acc-tx)}
.wb-eyebrow::before{content:"";width:0.4138rem;height:0.4138rem;background:currentColor;flex-shrink:0}
[dir="rtl"] .wb-eyebrow{font-family:var(--wb-sans);font-size:0.8966rem;letter-spacing:0}
.wb-eyebrow--grey{color:var(--wb-tx2)}
.wb-state{display:flex;align-items:center;gap:0.4138rem;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-tx)}
[dir="rtl"] .wb-state{font-family:var(--wb-sans);font-size:0.7586rem;letter-spacing:0}

/* LIVE badge — red dot, green glow, elapsed timer */
.wb-livebadge{display:inline-flex;align-items:center;gap:0.6207rem;height:2.069rem;padding:0 0.8276rem;border-radius:999px;background:var(--wb-glass2);
  border:1px solid rgba(49,233,49,.55);box-shadow:var(--wb-glow-live);font-family:var(--wb-mono);font-size:0.8276rem;letter-spacing:.08em;color:var(--wb-tx)}
.wb-livebadge__dot{width:0.5517rem;height:0.5517rem;border-radius:50%;background:var(--wb-live);box-shadow:0 0 0.6897rem var(--wb-live);animation:wb-pulse 1.6s ease-in-out infinite}
.wb-livebadge__label{font-weight:500}
[dir="rtl"] .wb-livebadge__label{font-family:var(--wb-sans);letter-spacing:0;font-size:0.8966rem}
.wb-livebadge__time{color:var(--wb-tx2);padding-inline-start:0.6897rem;border-inline-start:1px solid var(--wb-bd2);direction:ltr}
@keyframes wb-pulse{50%{opacity:.45}}

/* ── Cards ── */
.wb-card{border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd);padding:1.3793rem}
.wb-card__title{font-size:1.1034rem;font-weight:500;margin:0}
.wb-card__sub{font-size:0.8276rem;color:var(--wb-tx2);margin-top:0.2759rem}
.wb-item{border-radius:0.9655rem;background:var(--wb-s2);border:1px solid var(--wb-bd)}

/* ── Segmented tabs ── */
.wb-seg{display:flex;padding:0.2759rem;border-radius:999px;border:1px solid var(--wb-bd);width:fit-content}
.wb-seg--fill{width:auto;background:var(--wb-s2)}
.wb-seg button{height:2.3448rem;padding:0 1.2414rem;border:none;border-radius:999px;background:transparent;color:var(--wb-tx2);font-size:0.8966rem;
  display:inline-flex;align-items:center;justify-content:center;gap:0.5517rem;transition:background .2s,color .2s}
.wb-seg button[aria-selected="true"],.wb-seg button[aria-pressed="true"]{background:var(--wb-s3);color:var(--wb-tx)}
.wb-seg--fill button{flex:1;height:2.4828rem;font-weight:500}
.wb-seg--sm{padding:0.2069rem}
.wb-seg--sm button{height:1.7931rem;padding:0 0.8276rem;font-size:0.7586rem}
[dir="rtl"] .wb-seg--sm button{font-size:0.8276rem}

/* ── Switch ── */
.wb-switch{position:relative;width:2.7586rem;height:1.6552rem;flex-shrink:0;border-radius:999px;border:1px solid var(--wb-bd2);background:var(--wb-s3);padding:0;transition:background .2s,border-color .2s}
.wb-switch::after{content:"";position:absolute;top:0.2069rem;inset-inline-start:0.2069rem;width:1.1034rem;height:1.1034rem;border-radius:50%;background:var(--wb-tx2);transition:inset-inline-start .2s var(--wb-ease),background .2s}
.wb-switch[aria-checked="true"]{background:var(--wb-acc);border-color:rgba(49,233,49,.6)}
.wb-switch[aria-checked="true"]::after{inset-inline-start:1.3103rem;background:#040605}
.wb-switch:disabled{opacity:.45;cursor:not-allowed}

/* ── Avatars ── */
.wb-av{width:1.6552rem;height:1.6552rem;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  background:var(--wb-s3);color:var(--wb-tx2);font-size:0.7586rem;font-weight:500;overflow:hidden}
.wb-av--20{width:1.3793rem;height:1.3793rem;font-size:0.6207rem}
.wb-av--32{width:2.2069rem;height:2.2069rem;font-size:0.8966rem}
.wb-av--38{width:2.6207rem;height:2.6207rem;font-size:0.9655rem}
.wb-avstack{display:flex}
.wb-avstack>*{box-shadow:0 0 0 2px var(--wb-s2)}
.wb-avstack>*+*{margin-inline-start:-0.6207rem}

/* ── Question card ── */
.wb-q{padding:0.8276rem 0.9655rem;border-radius:0.9655rem;background:var(--wb-s2);border:1px solid var(--wb-bd);transition:border-color .3s,opacity .3s}
.wb-q.is-answering{border-color:rgba(49,233,49,.3)}
.wb-q.is-mine{border-color:color-mix(in srgb,var(--wb-acc) 22%,var(--wb-bd))}
.wb-q.is-answered{opacity:.62}
.wb-q.is-hidden{border-style:dashed}
.wb-q__head{display:flex;align-items:center;gap:0.6897rem;min-width:0}
.wb-q__name{font-size:0.8276rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wb-q__time{font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-tx3);white-space:nowrap}
[dir="rtl"] .wb-q__time{font-family:var(--wb-sans);font-size:0.8276rem}
.wb-q__tag{margin-inline-start:auto;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-acc-tx);white-space:nowrap}
[dir="rtl"] .wb-q__tag{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-q__tag--grey{color:var(--wb-tx3)}
.wb-q__body{display:flex;align-items:flex-end;gap:0.8276rem;margin-top:0.5517rem}
.wb-q__text{flex-grow:1;font-size:0.8966rem;line-height:1.55;overflow-wrap:anywhere}
.wb-q__actions{display:flex;gap:0.5517rem;margin-top:0.8276rem;flex-wrap:wrap}
.wb-vote{display:inline-flex;align-items:center;gap:0.3448rem;height:1.931rem;padding:0 0.6897rem;border-radius:999px;flex-shrink:0;border:1px solid var(--wb-bd2);
  background:transparent;color:var(--wb-tx2);font-family:var(--wb-mono);font-size:0.8276rem;transition:all .2s}
.wb-vote .wb-i{width:0.8966rem;height:0.8966rem}
.wb-vote:hover:not(:disabled){border-color:rgba(49,233,49,.6);color:var(--wb-acc-tx)}
.wb-vote.is-on,.wb-q.is-answering .wb-vote{border-color:rgba(49,233,49,.6);background:rgba(49,233,49,.08);color:var(--wb-acc-tx)}
.wb-vote:disabled{cursor:default}
.wb-vote.bump .wb-vote__n{animation:wb-bump .35s var(--wb-ease)}
@keyframes wb-bump{40%{transform:translateY(-0.2069rem)}}
.wb-q.is-new{animation:wb-in .45s var(--wb-ease)}
@keyframes wb-in{from{opacity:0;transform:translateY(-0.5517rem) scale(.98)}}

/* ── Attendee row ── */
.wb-att{display:flex;align-items:center;gap:0.8276rem;padding:0.6897rem 0.8276rem;border-radius:0.9655rem;transition:background .2s}
.wb-att:hover{background:var(--wb-s2)}
.wb-att__name{font-size:0.8966rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-att__org{font-size:0.8276rem;color:var(--wb-tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-att__tag{margin-inline-start:auto;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-acc-tx);white-space:nowrap}
[dir="rtl"] .wb-att__tag{font-family:var(--wb-sans);font-size:0.7586rem;letter-spacing:0}
.wb-bigcount{display:flex;align-items:baseline;gap:0.6897rem;padding:0.4138rem 0.8276rem 0.9655rem}
.wb-bigcount b{font-family:var(--wb-display);font-weight:800;font-size:2.6207rem;line-height:1;direction:ltr}
.wb-bigcount span{font-size:0.8966rem;color:var(--wb-tx2)}

/* ── Sponsor slot ── */
.wb-sponsor{display:flex;flex-direction:column;gap:0.8276rem;padding:1.1034rem;border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd)}
.wb-sponsor__top{text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.1em;color:var(--wb-tx3)}
[dir="rtl"] .wb-sponsor__top span:first-child{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-sponsor__logo{flex-grow:1;min-height:0;border-radius:var(--wb-r-md);background:#fff;display:flex;align-items:center;justify-content:center;padding:0.6897rem 1.5172rem;overflow:hidden}
.wb-sponsor__logo img{width:100%;height:100%;max-height:8.2759rem;object-fit:contain;display:block}
.wb-sponsor .wb-btn{height:2.4828rem;font-size:0.8966rem;background:transparent}

/* ── Waveform bars (speaking indicator / mic meter) ── */
.wb-bars{display:flex;align-items:center;gap:0.2069rem;height:0.9655rem}
.wb-bars i{width:0.2069rem;border-radius:2px;background:var(--wb-speak);height:0.2759rem;transition:height .12s}
.wb-bars:not(.is-live) i{background:var(--wb-tx3);opacity:.6}
.wb-bars.is-live i{animation:wb-wave 1s ease-in-out infinite}
.wb-bars.is-live i:nth-child(2){animation-delay:-.2s}.wb-bars.is-live i:nth-child(3){animation-delay:-.45s}
.wb-bars.is-live i:nth-child(4){animation-delay:-.1s}.wb-bars.is-live i:nth-child(5){animation-delay:-.65s}
@keyframes wb-wave{0%,100%{height:0.2759rem}50%{height:0.8276rem}}
.wb-meter{display:flex;align-items:center;gap:0.2069rem;height:1.5172rem;flex-grow:1;overflow:hidden}
.wb-meter i{width:0.2069rem;flex-shrink:0;border-radius:2px;background:var(--wb-bar-off);transition:background .08s,height .08s}
.wb-meter i.on{background:var(--wb-acc)}

/* ── Toasts (aria-live) ── */
.wb-toasts{position:fixed;inset-inline:0;bottom:calc(1.6552rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:0.5517rem;z-index:90;pointer-events:none}
.wb-toast{display:flex;align-items:center;gap:0.6897rem;min-height:2.8966rem;padding:0 1.1034rem;border-radius:999px;background:var(--wb-s3);border:1px solid var(--wb-bd2);
  color:var(--wb-tx);font-size:0.8966rem;box-shadow:0 0.8276rem 2.7586rem rgba(0,0,0,.35);animation:wb-toast .3s var(--wb-ease);pointer-events:auto;max-width:calc(100vw - 2.2069rem)}
.wb-toast .wb-i{color:var(--wb-acc-tx)}
.wb-toast.is-err .wb-i{color:var(--wb-live-tx)}
.wb-toast.out{opacity:0;transform:translateY(0.5517rem);transition:all .25s}
@keyframes wb-toast{from{opacity:0;transform:translateY(0.6897rem)}}

/* ── Dialog (confirm) ── */
.wb-dialog{border:none;padding:0;background:transparent;color:var(--wb-tx);max-width:min(28.9655rem,calc(100vw - 2.2069rem))}
.wb-dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(0.2759rem)}
.wb-dialog__box{padding:1.6552rem;border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd2)}
.wb-dialog h2{margin:0;font-size:1.2414rem;font-weight:500}
.wb-dialog p{margin:0.5517rem 0 0;color:var(--wb-tx2);font-size:0.9655rem}
.wb-dialog__act{display:flex;gap:0.6897rem;justify-content:flex-end;margin-top:1.5172rem}

/* ── Banner (reconnecting / demo) ── */
.wb-banner{position:fixed;top:calc(4.4138rem + env(safe-area-inset-top));inset-inline:0;margin:auto;width:fit-content;max-width:calc(100vw - 2.2069rem);z-index:80;
  display:flex;align-items:center;gap:0.5517rem;height:2.3448rem;padding:0 0.9655rem;border-radius:999px;background:var(--wb-s3);border:1px solid var(--wb-bd2);font-size:0.8276rem;color:var(--wb-tx2)}
.wb-banner .wb-dot{background:var(--wb-amber)}
.wb-spin{width:0.9655rem;height:0.9655rem;border-radius:50%;border:2px solid var(--wb-bd2);border-top-color:var(--wb-acc);animation:wb-rot .8s linear infinite}
@keyframes wb-rot{to{transform:rotate(360deg)}}
.wb-skel{background:linear-gradient(90deg,var(--wb-s2),var(--wb-s3),var(--wb-s2));background-size:200% 100%;animation:wb-sk 1.4s infinite;border-radius:0.9655rem}
@keyframes wb-sk{to{background-position:-200% 0}}
.wb-empty{padding:1.931rem 0.8276rem;text-align:center;color:var(--wb-tx3);font-size:0.8966rem}

/* ════════ Header (live / studio / backstage) ════════ */
.wb-head{position:sticky;top:0;z-index:40;height:3.8621rem;padding-inline:var(--wb-inset);display:flex;align-items:center;justify-content:space-between;gap:1.1034rem;
  border-bottom:1px solid var(--wb-bd);background:color-mix(in srgb,var(--wb-bg) 86%,transparent);backdrop-filter:blur(1.1034rem);-webkit-backdrop-filter:blur(1.1034rem)}
.wb-head__start,.wb-head__end{display:flex;align-items:center;gap:0.8276rem;min-width:0}
.wb-head__end{gap:0.6897rem;flex-shrink:0}
.wb-head__label{font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.08em;color:var(--wb-tx3);text-transform:uppercase}
[dir="rtl"] .wb-head__label{font-family:var(--wb-sans);font-size:0.8966rem;letter-spacing:0}
.wb-head__title{font-size:0.9655rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-head__center{font-size:0.8966rem;color:var(--wb-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wb-head__name{font-size:1.0345rem;font-weight:500}
.wb-sep{width:1px;height:1.5172rem;background:var(--wb-bd2);flex-shrink:0}
.wb-logo{display:block;height:1.5172rem;width:auto}
.wb-logo--26{height:1.7931rem}
/* Live page header: controls at the start, a larger logo at the far end (left in Arabic, right in English) */
.wb-head--live .wb-head__start{gap:0.6897rem}
.wb-head__logo{display:flex;align-items:center}
.wb-head--live .wb-head__logo .wb-logo{height:2.4rem}
.wb-exit{height:2.2069rem;padding:0 0.8276rem;font-size:0.8966rem;gap:0.4138rem;background:transparent}
.wb-exit .wb-i{width:1rem;height:1rem}
.wb-mhead .wb-logo{height:2.2rem}
.wb-lang{display:flex;align-items:center;gap:2px;height:2.2069rem;padding:2px;border-radius:999px;border:1px solid var(--wb-bd2)}
.wb-lang button{height:1.7931rem;padding:0 0.6897rem;border-radius:999px;border:none;background:transparent;color:var(--wb-tx2);font-size:0.8966rem}
.wb-lang button[data-l="en"]{font-family:var(--wb-mono);font-size:0.7586rem}
.wb-lang button[aria-pressed="true"]{background:var(--wb-s3);color:var(--wb-tx)}
.wb-me{display:flex;align-items:center;gap:0.5517rem;height:2.2069rem;padding:0 0.8276rem 0 0.2069rem;padding-inline:0.2069rem 0.8276rem;border-radius:999px;border:1px solid var(--wb-bd2);font-size:0.8966rem;background:transparent}

/* ════════ Split layout (entry + studio sign-in) ════════ */
/* Centered 2-column grid: form ≤560px (start) · wider photo card ≤720px, 720:820 (end). */
.wb-split{position:relative;min-height:100dvh;box-sizing:border-box;width:min(100% - 2 * var(--wb-gutter),1400px);margin-inline:auto;
  padding-block:clamp(24px,4vh,64px);display:grid;grid-template-columns:minmax(0,560px) minmax(0,720px);justify-content:space-between;
  align-content:center;align-items:center;gap:clamp(32px,4.5vw,88px)}
.wb-page:has(.wb-split){overflow-x:hidden}
.wb-split__glow{position:fixed;inset-inline-start:-20.6897rem;top:27.5862rem;width:62.069rem;height:62.069rem;border-radius:50%;
  background:radial-gradient(circle,rgba(49,233,49,.08) 0%,rgba(49,233,49,0) 65%);pointer-events:none}
.wb-split__form{position:relative;min-width:0;width:100%;max-width:560px;display:flex;flex-direction:column;gap:clamp(24px,5vh,56px)}
/* 720:820 card, shrunk (keeping the ratio) so it always fits the viewport height. */
.wb-split__card{position:relative;justify-self:end;width:min(100%,calc((100dvh - 96px) * 720 / 820));aspect-ratio:720/820;max-height:calc(100dvh - 96px);border-radius:1.931rem;overflow:hidden;
  background:var(--wb-s1);box-shadow:0 0 0 1px var(--wb-bd2)}
.wb-progress{display:flex;align-items:center;gap:1.6552rem;padding-top:0.6897rem}
.wb-progress__bar{position:relative;width:12.4138rem;height:0.3448rem;border-radius:0.2069rem;background:var(--wb-s2)}
[data-theme="light"] .wb-progress__bar{background:var(--wb-s3)}
.wb-progress__bar i{position:absolute;inset-inline-start:0;top:0;height:0.3448rem;border-radius:0.2069rem;background:var(--wb-acc);box-shadow:0 0 0.8276rem rgba(49,233,49,.5)}
.wb-progress__txt{font-family:var(--wb-mono);font-size:0.8276rem;color:var(--wb-tx3);white-space:nowrap}
[dir="rtl"] .wb-progress__txt{font-family:var(--wb-sans);font-size:0.8966rem}
.wb-progress__end{margin-inline-start:auto;display:flex;align-items:center;gap:0.6897rem}
.wb-split__main{padding-block:0}
.wb-h1{margin:0.9655rem 0 0;font-size:2.3448rem;font-weight:500;letter-spacing:-.02em;line-height:1.2}
[dir="rtl"] .wb-h1{letter-spacing:0;font-weight:600}
.wb-lead{margin:0.5517rem 0 0;font-size:1.0345rem;color:var(--wb-tx2)}
.wb-form{display:flex;flex-direction:column;gap:1.1034rem;margin-top:1.7931rem}
.wb-row{display:flex;gap:1.1034rem}
.wb-field{display:flex;flex-direction:column;gap:0.4828rem;flex:1;min-width:0}
.wb-field__label{font-size:0.8966rem}
.wb-field__label .req{color:var(--wb-acc-tx)}
.wb-field__label .opt{color:var(--wb-tx3)}
.wb-input{display:flex;align-items:center;height:3.1724rem;padding:0 0.9655rem;border-radius:var(--wb-r-sm);background:var(--wb-s1);border:1px solid var(--wb-bd2);transition:border-color .15s,box-shadow .15s}
.wb-input:focus-within{border-color:var(--wb-acc);box-shadow:0 0 0 0.2069rem rgba(49,233,49,.12)}
.wb-input.is-err{border-color:rgba(255,77,77,.7)}
.wb-input input{flex-grow:1;min-width:0;border:none;outline:none;background:transparent;font-size:0.9655rem;height:100%}
.wb-input input::placeholder{color:var(--wb-tx3)}
.wb-input__cc{font-family:var(--wb-mono);font-size:0.9655rem;color:var(--wb-tx2);padding-inline-end:0.8276rem;margin-inline-end:0.2759rem;border-inline-end:1px solid var(--wb-bd2);direction:ltr}
.wb-input input[type="tel"]{direction:ltr;text-align:start}
[dir="rtl"] .wb-input input[type="tel"],[dir="rtl"] .wb-input input[type="email"]{text-align:right}
.wb-err{font-size:0.8276rem;color:var(--wb-live-tx);min-height:0}
.wb-check{display:flex;align-items:flex-start;gap:0.6897rem;font-size:0.8966rem;line-height:1.6;color:var(--wb-tx2)}
.wb-check input{width:1.2414rem;height:1.2414rem;margin:0.2069rem 0 0;accent-color:#31E931;flex-shrink:0}
.wb-check a{color:var(--wb-tx)}
.wb-foot-note{margin-top:1.2414rem;font-size:0.8966rem;color:var(--wb-tx3)}

/* photo card */
.wb-pcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.wb-pcard__fade{position:absolute;inset:0;background:var(--wb-photo-fade)}
.wb-pcard__in{position:relative;height:100%;padding:1.931rem;display:flex;flex-direction:column}
.wb-pcard__top{display:flex;justify-content:space-between;align-items:center;gap:0.8276rem}
.wb-pcard__top .wb-chip{background:color-mix(in srgb,var(--wb-bg) 60%,transparent)}
.wb-pcard__title{margin-top:auto;font-family:var(--wb-display);font-weight:700;font-size:2.7586rem;line-height:1.12;max-width:35.8621rem}
[lang="ar"] .wb-pcard__title{font-family:var(--wb-sans);font-weight:600;font-size:2.4828rem;line-height:1.3}
.wb-benefits{display:flex;flex-direction:column;gap:0.7586rem;margin:1.5172rem 0 0;padding:0;list-style:none}
.wb-benefits li{display:flex;align-items:center;gap:0.6897rem;font-size:1.0345rem}
.wb-benefits .wb-i{color:var(--wb-acc-tx);width:1.2414rem;height:1.2414rem}
.wb-glasscard{margin-top:1.6552rem;padding:1.1034rem 1.2414rem;border-radius:var(--wb-r-lg);background:var(--wb-glass-card);backdrop-filter:blur(1.2414rem);-webkit-backdrop-filter:blur(1.2414rem);border:1px solid var(--wb-bd2)}
.wb-people{display:flex;align-items:center;gap:1.6552rem}
.wb-person{display:flex;align-items:center;gap:0.8276rem;flex:1;min-width:0}
.wb-person__role{font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-acc-tx)}
[dir="rtl"] .wb-person__role{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-person__name{font-size:0.9655rem;font-weight:500;margin-top:2px}
.wb-person__title{font-size:0.8276rem;color:var(--wb-tx2);margin-top:2px}
.wb-meta{display:flex;margin-top:0.9655rem;padding-top:0.8276rem;border-top:1px solid var(--wb-bd);font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.04em;color:var(--wb-tx2);text-transform:uppercase}
[dir="rtl"] .wb-meta{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-meta span{flex:1;display:flex;align-items:center;gap:0.5517rem}
.wb-meta .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-acc-tx)}
.wb-stateblock{margin-top:1.7931rem;padding:1.5172rem;border-radius:var(--wb-r-lg);background:var(--wb-s1);border:1px solid var(--wb-bd2)}
.wb-stateblock h2{margin:0;font-size:1.3793rem;font-weight:500}
.wb-stateblock p{margin:0.4138rem 0 0;color:var(--wb-tx2)}
.wb-stateblock .wb-actions{display:flex;flex-wrap:wrap;gap:0.6897rem;margin-top:1.2414rem}
.wb-video{width:100%;border-radius:var(--wb-r-md);background:#000;margin-top:1.1034rem;aspect-ratio:16/9}
.wb-seedflag{display:inline-flex;align-items:center;gap:0.4138rem;height:1.5172rem;padding:0 0.6207rem;border-radius:999px;border:1px dashed var(--wb-amber);color:var(--wb-amber);font-size:0.7586rem}

/* role cards + code boxes (sign-in) */
.wb-roles{display:flex;gap:0.9655rem}
.wb-role{flex:1;text-align:start;padding:0.9655rem 1.1034rem;border-radius:0.9655rem;border:1px solid var(--wb-bd2);background:var(--wb-s1);transition:border-color .15s,background .15s}
.wb-role[aria-checked="true"]{border-color:var(--wb-acc);background:rgba(49,233,49,.05)}
.wb-role__top{display:flex;justify-content:space-between;align-items:center}
.wb-role__top .wb-i{width:1.5172rem;height:1.5172rem;color:var(--wb-tx2)}
.wb-role[aria-checked="true"] .wb-role__top .wb-i{color:var(--wb-acc-tx)}
.wb-radio{width:1.3793rem;height:1.3793rem;border-radius:50%;border:1px solid var(--wb-bd2);display:flex;align-items:center;justify-content:center}
.wb-role[aria-checked="true"] .wb-radio{border-color:var(--wb-acc)}
.wb-role[aria-checked="true"] .wb-radio::after{content:"";width:0.6897rem;height:0.6897rem;border-radius:50%;background:var(--wb-acc)}
.wb-role__name{font-size:1.0345rem;font-weight:500;margin-top:0.8276rem}
.wb-role__d{font-size:0.8966rem;color:var(--wb-tx2);margin-top:0.2759rem;line-height:1.5}
.wb-code{display:flex;gap:0.6897rem;direction:ltr}
[dir="rtl"] .wb-code{justify-content:flex-end}
.wb-code input{width:3.7241rem;height:4.1379rem;border-radius:var(--wb-r-sm);border:1px solid var(--wb-bd2);background:var(--wb-s1);font-family:var(--wb-display);font-weight:800;font-size:2.069rem;
  text-align:center;outline:none;padding:0;transition:border-color .15s,box-shadow .15s}
.wb-code input:focus-visible,.wb-input input:focus-visible,.wb-askbox input:focus-visible{outline:none}
.wb-code input:focus{border-color:var(--wb-acc);box-shadow:0 0 0 0.2069rem rgba(49,233,49,.12)}
.wb-code.is-err input{border-color:rgba(255,77,77,.7);animation:wb-shake .35s}
@keyframes wb-shake{25%{transform:translateX(-0.2759rem)}75%{transform:translateX(0.2759rem)}}
.wb-miccheck{margin-top:1.6552rem;padding:0.9655rem 1.2414rem;border-radius:var(--wb-r-lg);background:var(--wb-glass-card);backdrop-filter:blur(1.2414rem);border:1px solid var(--wb-bd2);
  display:flex;align-items:center;gap:1.1034rem;width:100%;text-align:start;color:var(--wb-tx)}
.wb-miccheck .wb-meter{height:2.069rem}
.wb-miccheck__lbl{margin-inline-start:auto;font-family:var(--wb-mono);font-size:0.8276rem;color:var(--wb-tx2);white-space:nowrap}
[dir="rtl"] .wb-miccheck__lbl{font-family:var(--wb-sans)}

/* ════════ Stage (program renderer) ════════ */
.wb-stage{position:relative;border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd);overflow:hidden;aspect-ratio:1010/568;container-type:inline-size}
.wb-stage__layer{position:absolute;inset:0;padding:0.6207rem;display:flex;gap:0.6897rem;transition:opacity .3s var(--wb-ease)}
.wb-stage__layer.is-out{opacity:0}
.wb-stage__layer.cut{transition:none}
.wb-tile{position:relative;flex:1 1 0;min-width:0;border-radius:var(--wb-r-md);overflow:hidden;background:var(--wb-s2);box-shadow:0 0 0 1px var(--wb-bd);transition:box-shadow .25s}
.wb-tile.is-speaking{box-shadow:0 0 0 2px var(--wb-speak),0 0 2.069rem var(--wb-speak-glow)}
.wb-tile video,.wb-tile img.wb-tile__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;background:#000}
.wb-tile video.is-mirror{transform:scaleX(-1)}
.wb-tile--screen video{object-fit:contain;background:var(--wb-bg)}
.wb-tile__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--wb-s3),var(--wb-s2))}
.wb-tile__ph .wb-av{width:6.069rem;height:6.069rem;font-size:2.2069rem}
.wb-tile__camoff{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--wb-s2)}
.wb-pip{position:absolute;inset-inline-end:1.5172rem;bottom:1.5172rem;width:33.5%;aspect-ratio:16/9;flex:none;z-index:2}
.wb-lower{position:absolute;inset-inline-start:0.9655rem;bottom:0.9655rem;display:flex;align-items:center;gap:0.6897rem;padding:0.5517rem 0.9655rem 0.5517rem 0.8276rem;padding-inline:0.8276rem 0.9655rem;border-radius:var(--wb-r-sm);
  background:var(--wb-glass);backdrop-filter:blur(0.9655rem);-webkit-backdrop-filter:blur(0.9655rem);border:1px solid var(--wb-bd);max-width:calc(100% - 1.931rem);transition:opacity .25s}
.wb-lower__name{font-size:0.8966rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-lower__role{font-family:var(--wb-mono);font-size:0.6207rem;letter-spacing:.08em;color:var(--wb-tx2);margin-top:0.2069rem;text-transform:uppercase;white-space:nowrap}
[dir="rtl"] .wb-lower__role{font-family:var(--wb-sans);font-size:0.7586rem;letter-spacing:0}
.wb-lower .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-tx2)}
.wb-lower--pill{height:1.6552rem;padding:0 0.6897rem;border-radius:999px;background:var(--wb-glass2);font-size:0.7586rem;gap:0.4138rem}
.wb-lower--pill .wb-lower__name{font-size:0.7586rem;font-weight:400}
.wb-ov{position:absolute;z-index:3;transition:opacity .25s}
.wb-ov--tl{top:1.5172rem;inset-inline-start:1.5172rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.9655rem}
.wb-ov--tr{top:1.5172rem;inset-inline-end:1.5172rem;display:flex;flex-direction:column;align-items:flex-end;gap:0.6897rem}
.wb-ov--q{inset-inline:1.5172rem;bottom:1.5172rem;display:flex;justify-content:center;pointer-events:none}
.wb-onq{max-width:min(42.7586rem,70%);padding:0.9655rem 1.2414rem;border-radius:var(--wb-r-md);background:var(--wb-glass);backdrop-filter:blur(1.1034rem);border:1px solid var(--wb-bd2);animation:wb-in .4s var(--wb-ease)}
.wb-onq__who{display:flex;align-items:center;gap:0.5517rem;font-size:0.8276rem;color:var(--wb-tx2)}
.wb-onq__lbl{font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-acc-tx);text-transform:uppercase}
[dir="rtl"] .wb-onq__lbl{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-onq__text{margin-top:0.4138rem;font-size:1.1034rem;line-height:1.5}
.wb-slate{position:absolute;inset:0.6207rem;border-radius:var(--wb-r-md);background:radial-gradient(ellipse at 50% 120%,rgba(49,233,49,.12),transparent 60%),var(--wb-bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1034rem;text-align:center;padding:1.6552rem}
.wb-slate img{height:3.8621rem}
.wb-slate__t{font-family:var(--wb-display);font-weight:700;font-size:2.3448rem}
[lang="ar"] .wb-slate__t{font-family:var(--wb-sans);font-weight:600;font-size:1.931rem}
.wb-slate__d{color:var(--wb-tx2);font-size:0.9655rem}
.wb-audio-cta{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;z-index:5}
/* stage in small containers (studio/backstage monitors) */
@container (max-width:560px){
  .wb-stage__layer{padding:0.4138rem;gap:0.4138rem}
  .wb-lower{inset-inline-start:0.5517rem;bottom:0.5517rem;padding:0.3448rem 0.6207rem}
  .wb-lower__name{font-size:0.7586rem}.wb-lower__role{font-size:0.5517rem}
  .wb-ov--tl{top:0.8276rem;inset-inline-start:0.8276rem}.wb-ov--tr{top:0.8276rem;inset-inline-end:0.8276rem}
  .wb-livebadge{height:1.7931rem;font-size:0.7586rem;padding:0 0.6897rem}
  .wb-pip{inset-inline-end:0.6897rem;bottom:0.6897rem}
  .wb-onq{padding:0.5517rem 0.8276rem}.wb-onq__text{font-size:0.8276rem}
  .wb-slate img{height:2.3448rem}.wb-slate__t{font-size:1.3793rem}
}
.wb-stage--mini{border-radius:0.9655rem}
.wb-stage--mini .wb-stage__layer{padding:0.3448rem;gap:0.3448rem}
.wb-stage--mini .wb-tile{border-radius:0.6207rem}
.wb-stage--mini .wb-ov--tr,.wb-mon--pv .wb-lower{display:none}
.wb-stage--mini .wb-lower{inset-inline-start:0.6897rem;bottom:0.6897rem}

/* ════════ Live page ════════ */
.wb-live-page{--wb-max:1760px}
.wb-live{width:min(100% - 2 * var(--wb-gutter),1760px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,24vw,420px);
  gap:1.1034rem;padding-block:1.1034rem;box-sizing:border-box}
/* Stage = largest 16:9 box that fits: as wide as the column (100cqw) but never taller than the
   viewport minus header, paddings and the session row. Any spare height goes to the session row,
   so there is never an empty band above or below the stage. */
.wb-live__main{display:grid;grid-template-rows:auto minmax(15.7241rem,1fr);gap:1.1034rem;min-width:0;min-height:0}
.wb-stagebox{container-type:inline-size;display:grid;justify-items:center;min-width:0}
.wb-stagebox>.wb-stage{aspect-ratio:16/9;height:auto;max-width:100%;
  width:min(100cqw,calc((100dvh - 3.8621rem - 2 * 1.1034rem - 1.1034rem - 15.7241rem) * 16 / 9))}
.wb-live__row{display:flex;gap:1.1034rem;min-height:0}
#sponsor{display:flex}
.wb-live__row .wb-sponsor{justify-content:center}
.wb-live__row .wb-sponsor__logo{flex:0 1 12rem;max-height:12rem}
.wb-live__side{display:flex;flex-direction:column;gap:1.1034rem;min-height:0;min-width:0}
.wb-live__side>.wb-side{flex:1 1 auto}
.wb-sidesponsor{display:none}
.wb-now{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.wb-now h1{margin:0.6897rem 0 0;font-size:1.4483rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-now p{margin:0.4138rem 0 0;font-size:0.9655rem;line-height:1.55;color:var(--wb-tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wb-now__meta{display:flex;gap:1.2414rem;margin-top:0.6897rem;font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.04em;color:var(--wb-tx2);text-transform:uppercase;flex-wrap:wrap}
[dir="rtl"] .wb-now__meta{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-now__meta span{display:flex;align-items:center;gap:0.4138rem}
.wb-now__meta .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-tx2)}
.wb-sharerow{display:flex;align-items:center;gap:0.5517rem;margin-top:auto;padding-top:0.9655rem;border-top:1px solid var(--wb-bd);flex-wrap:wrap}
.wb-sharerow__lbl{font-size:0.8966rem;color:var(--wb-tx2);margin-inline-end:0.2759rem}
.wb-copy{display:inline-flex;align-items:center;gap:0.5517rem;height:2.4828rem;padding:0 0.9655rem;border-radius:999px;border:1px solid var(--wb-bd2);background:var(--wb-s2);
  font-family:var(--wb-mono);font-size:0.8276rem;direction:ltr;max-width:100%;overflow:hidden}
.wb-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-copy .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-tx2)}
.wb-copy.is-done{border-color:rgba(49,233,49,.6);color:var(--wb-acc-tx)}
.wb-live .wb-sponsor{width:20.6897rem;flex-shrink:0}
.wb-side{display:flex;flex-direction:column;min-height:0;border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd);overflow:hidden}
.wb-side__tabs{padding:0.9655rem 0.9655rem 0}
.wb-side__tabs .wb-seg{width:auto}
.wb-side__tabs .wb-num{font-size:0.7586rem}
.wb-side__tabs [aria-selected="true"] .wb-num{color:var(--wb-acc-tx)}
.wb-side__tabs [aria-selected="true"] .wb-i{color:var(--wb-acc-tx)}
.wb-side__bar{display:flex;align-items:center;justify-content:space-between;padding:0.9655rem 1.1034rem 0}
.wb-list{position:relative;flex-grow:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0.6897rem;padding:0.9655rem 1.1034rem;overscroll-behavior:contain;scrollbar-width:thin}
.wb-ask{padding:0 1.1034rem 1.1034rem}
.wb-askbox{display:flex;align-items:center;gap:0.5517rem;height:3.1724rem;padding:0 0.2759rem 0 1.1034rem;padding-inline:1.1034rem 0.2759rem;border-radius:999px;background:var(--wb-s2);border:1px solid var(--wb-bd2);transition:border-color .15s}
.wb-askbox:focus-within{border-color:rgba(49,233,49,.6)}
.wb-askbox input{flex-grow:1;min-width:0;border:none;outline:none;background:transparent;font-size:0.8966rem}
.wb-askbox input::placeholder{color:var(--wb-tx3)}
.wb-askbox__n{font-family:var(--wb-mono);font-size:0.6897rem;color:var(--wb-tx3)}
.wb-send{width:2.6207rem;height:2.6207rem;border-radius:50%;border:none;background:#31E932;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0;transition:transform .15s}
.wb-send:hover{transform:scale(1.06)}
.wb-send:disabled{opacity:.5;transform:none}
.wb-send .wb-i{width:1.2414rem;height:1.2414rem;stroke-width:2}
.wb-mhead,.wb-mtitle{display:none}
.wb-pip{width:max(22%,160px)}

/* Desktop ≥1024: one viewport, header + grid, lists scroll inside their panels */
@media (min-width:1024px){
  .wb-live-page{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  .wb-live{height:100%;min-height:0}
}
/* 1024–1439: narrower side column; sponsor becomes a 300×120 logo card under the Q&A panel */
@media (min-width:1024px) and (max-width:1439px){
  .wb-live{grid-template-columns:minmax(0,1fr) 340px}
  .wb-live__row #sponsor{display:none}
  .wb-sidesponsor{display:block;flex:none}
  .wb-sidesponsor .wb-sponsor{height:120px;padding:0.6897rem;gap:0.4138rem;flex-direction:row;align-items:stretch}
  .wb-sidesponsor .wb-sponsor__top{display:none}
  .wb-sidesponsor .wb-sponsor__logo{flex:1 1 auto;padding:0.6897rem 1.1034rem}
  .wb-sidesponsor .wb-sponsor .wb-btn{align-self:center;flex:none;width:auto;padding:0 0.8276rem}
}
/* 768–1023: single column — stage → Q&A/attendees → session card → sponsor; the page scrolls */
@media (min-width:768px) and (max-width:1023px){
  .wb-live{display:flex;flex-direction:column;padding-block:0.8276rem 1.6552rem}
  .wb-live__main,.wb-live__row{display:contents}
  .wb-stagebox{order:1;container-type:inline-size;display:block}
  .wb-stagebox>.wb-stage{width:100%}
  .wb-live__side{order:2}
  .wb-live__side>.wb-side{height:min(70dvh,40rem)}
  .wb-ask{position:sticky;bottom:0;background:var(--wb-s1);padding-top:0.6897rem}
  .wb-now{order:3;min-height:15.7241rem}
  .wb-live__row #sponsor{order:4}
  .wb-live__row #sponsor .wb-sponsor{width:100%;flex-direction:row;height:7.5862rem}
  .wb-live__row #sponsor .wb-sponsor__top{display:none}
  .wb-live__row #sponsor .wb-sponsor .wb-btn{align-self:center;flex:none;padding:0 1.1034rem}
}
/* Mobile (390×844 target) — unchanged design */
@media (max-width:767px){
  .wb-live__main{display:block}
  .wb-stagebox{container-type:normal;display:block}
  .wb-live__side{display:block}
  .wb-pip{width:33.5%}
  .wb-head--live{display:none}
  .wb-mhead{display:flex;align-items:center;justify-content:space-between;height:3.5862rem;padding:0 1.1034rem;margin-top:env(safe-area-inset-top)}
  .wb-mhead .wb-logo{height:2.2rem}
  .wb-mhead__end{display:flex;gap:0.5517rem;align-items:center}
  .wb-live{display:block;width:auto;padding:0;height:auto}
  .wb-live__main{gap:0}
  .wb-live__main .wb-stage{margin:0.5517rem 1.1034rem 0;width:calc(100% - 2.2069rem);max-width:none;max-height:none;border-radius:1.3793rem;aspect-ratio:358/236}
  .wb-stage .wb-stage__layer{padding:0.4138rem;gap:0.4138rem}
  .wb-stage .wb-tile{border-radius:0.8276rem}
  .wb-stage .wb-lower{inset-inline-start:0.5517rem;bottom:0.5517rem;height:1.7931rem;padding:0 0.5517rem;border-radius:999px;background:var(--wb-glass2);gap:0.4138rem}
  .wb-stage .wb-lower__role{display:none}
  .wb-stage .wb-lower__name{font-size:0.7586rem;font-weight:400}
  .wb-stage .wb-ov--tl{top:0.9655rem;inset-inline-start:0.9655rem}
  .wb-mtitle{display:block;padding:1.2414rem 1.1034rem 0}
  .wb-mtitle .wb-eyebrow{font-size:0.7586rem}
  .wb-mtitle h1{margin:0.6897rem 0 0;font-size:1.2414rem;font-weight:500;line-height:1.35;letter-spacing:-.01em}
  .wb-live__row{display:none}
  .wb-side{border:none;border-radius:0;background:transparent;height:auto;overflow:visible}
  .wb-side__tabs{padding:1.1034rem 1.1034rem 0}
  .wb-side__tabs .wb-seg{background:transparent;border-color:var(--wb-bd)}
  .wb-side__tabs .wb-seg button{height:2.6207rem;font-size:0.9655rem;font-weight:400}
  .wb-side__tabs .wb-seg .wb-i,.wb-side__tabs .wb-seg .wb-avstack{display:none}
  .wb-side__bar{padding:0.8276rem 1.1034rem 0}
  .wb-list{overflow:visible;padding:0.8276rem 1.1034rem calc(6.8966rem + env(safe-area-inset-bottom))}
  .wb-q__text{font-size:0.8276rem}
  .wb-ask{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:0.8276rem 1.1034rem calc(0.8276rem + env(safe-area-inset-bottom));background:var(--wb-s1);border-top:1px solid var(--wb-bd)}
  .wb-askbox{height:3.4483rem;padding-inline:1.2414rem 0.3448rem}
  .wb-askbox input{font-size:0.9655rem}
  .wb-send{width:2.7586rem;height:2.7586rem}
  .wb-msponsor{margin:0.9655rem 1.1034rem 0}
  .wb-live .wb-msponsor .wb-sponsor{width:auto;flex-direction:row;align-items:center;padding:0.6897rem;border-radius:1.2414rem}
  .wb-msponsor .wb-sponsor__top{display:none}
  .wb-msponsor .wb-sponsor__logo{height:3.3103rem;flex:0 0 7.5862rem;padding:0.4138rem 0.8276rem}
  .wb-msponsor .wb-sponsor .wb-btn{flex:1}
  .wb-toasts{bottom:calc(6.2069rem + env(safe-area-inset-bottom))}
  .wb-split{padding-block:1.1034rem calc(1.6552rem + env(safe-area-inset-bottom))}
  .wb-split__glow{display:none}
  .wb-pcard__in{padding:1.3793rem}
  .wb-row{flex-direction:column}
  .wb-progress{gap:0.9655rem}
  .wb-progress__bar{width:6.6207rem}
  .wb-roles{flex-direction:column}
  .wb-pcard__title{font-size:1.931rem}
  .wb-split__card .wb-people{display:none}
  .wb-split__card .wb-meta{margin-top:0;padding-top:0;border-top:none}
  .wb-split__card .wb-glasscard{padding:0.8276rem 1.1034rem}
  .wb-h1{font-size:1.931rem}
  .wb-code input{width:3.1724rem;height:3.7241rem;font-size:1.7931rem}
  .wb-code{gap:0.5517rem}
}
@media (min-width:768px){.wb-msponsor{display:none}}

/* Registration / sign-in breakpoints */
@media (min-width:1024px) and (max-width:1279px){
  .wb-split{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
}
@media (max-width:1023px){
  .wb-split{grid-template-columns:minmax(0,560px);justify-content:center;align-content:start;gap:1.6552rem}
  .wb-split__form{justify-self:center}
  /* 16:9 banner that grows if its content needs more height */
  .wb-split__card{order:-1;justify-self:stretch;width:100%;aspect-ratio:auto;max-height:none;border-radius:1.6552rem}
  .wb-split__card .wb-pcard__in{height:auto;min-height:calc(min(560px,100vw - 2 * var(--wb-gutter)) * 9 / 16)}
  .wb-split__card .wb-benefits{display:none}
  /* clip the photo layers, not the card, so the 16:9 box can grow to fit its content */
  .wb-split__card{overflow:visible}
  .wb-pcard__img,.wb-pcard__fade{border-radius:inherit}
  .wb-pcard__title{font-size:2.069rem}
}

/* ════════ Studio ════════ */
.wb-studio{width:min(100% - 2 * var(--wb-gutter),var(--wb-max));margin-inline:auto;box-sizing:border-box;display:grid;
  grid-template-columns:clamp(260px,18vw,320px) minmax(0,1fr) clamp(300px,20vw,360px);gap:1.1034rem;padding-block:1.1034rem;height:100%;min-height:0}
.wb-studio>*{min-height:0}
.wb-studio>.wb-card{overflow-y:auto}
.wb-dev{display:flex;flex-direction:column;gap:1.1034rem;margin-top:1.2414rem}
.wb-dev label{display:flex;flex-direction:column;gap:0.5517rem}
.wb-dev__lbl{font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.08em;color:var(--wb-tx3);text-transform:uppercase}
[dir="rtl"] .wb-dev__lbl{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-select{display:flex;align-items:center;gap:0.6897rem;height:2.7586rem;padding:0 0.9655rem;border-radius:999px;background:var(--wb-s2);border:1px solid var(--wb-bd2);position:relative}
.wb-select select{flex-grow:1;min-width:0;appearance:none;border:none;outline:none;background:transparent;font-size:0.8966rem;padding-inline-end:1.3793rem;cursor:pointer;text-overflow:ellipsis}
.wb-select select option{background:var(--wb-s1);color:var(--wb-tx)}
.wb-select .wb-i{width:1.1034rem;height:1.1034rem;color:var(--wb-tx2)}
.wb-select__chev{position:absolute;inset-inline-end:0.9655rem;pointer-events:none}
.wb-selfview{position:relative;margin-top:1.1034rem;aspect-ratio:16/9;border-radius:var(--wb-r-md);overflow:hidden;box-shadow:0 0 0 1px var(--wb-bd2);background:var(--wb-s2)}
.wb-selfview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}
.wb-selfview__you{position:absolute;inset-inline-start:0.6897rem;top:0.6897rem;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;padding:0.2759rem 0.5517rem;border-radius:999px;background:var(--wb-glass2)}
.wb-selfview__msg{position:absolute;inset:0;display:flex;flex-direction:column;gap:0.6897rem;align-items:center;justify-content:center;text-align:center;padding:1.1034rem;font-size:0.8276rem;color:var(--wb-tx2);background:var(--wb-s2)}
.wb-meterbox{display:flex;align-items:center;gap:0.6897rem;padding:0.8276rem 0.9655rem;border-radius:0.9655rem;background:var(--wb-s2)}
.wb-meterbox__db{margin-inline-start:auto;font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-tx2);white-space:nowrap;direction:ltr}
.wb-conn{display:flex;align-items:center;gap:0.5517rem;margin-top:1.2414rem;font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.06em;color:var(--wb-tx2)}
.wb-conn .wb-i{width:1.1034rem;height:1.1034rem;color:var(--wb-acc-tx)}
.wb-center{display:grid;grid-template-rows:auto auto auto auto auto;align-content:center;gap:0.9655rem;min-width:0;min-height:0}
.wb-center__bar{display:flex;justify-content:space-between;align-items:center;gap:0.8276rem}
.wb-center__res{font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-tx3)}
/* Studio stage: the largest 16:9 box that fits — full column width (100cqw) unless the height left
   after header, bar, label and layout picker is the limit. Label · stage · picker stay together. */
.wb-center .wb-stagebox{container-type:inline-size;display:grid;justify-items:center;min-width:0}
.wb-center .wb-stagebox>.wb-stage{border-radius:1.5172rem;aspect-ratio:16/9;height:auto;max-width:100%;
  width:min(100cqw,calc((100dvh - 3.8621rem - 6.069rem - 2.2069rem - 4 * 0.9655rem - 1.3rem - 1.7rem - clamp(96px,11vh,132px) - 1.3rem) * 16 / 9))}
.wb-center .wb-stage__layer{padding:0.5517rem;gap:0.5517rem}
.wb-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8276rem}
.wb-layout{display:flex;flex-direction:column;height:clamp(96px,11vh,132px);padding:0.8276rem 1.1034rem 0.9655rem;border-radius:1.2414rem;background:var(--wb-s1);border:1px solid var(--wb-bd2);text-align:start;transition:border-color .15s,box-shadow .15s}
.wb-layout[aria-pressed="true"]{border-color:var(--wb-acc);box-shadow:0 0 0 0.2069rem rgba(49,233,49,.1)}
.wb-layout:disabled{cursor:default;opacity:.8}
.wb-layout__top{display:flex;justify-content:space-between;align-items:center;font-size:0.8966rem;font-weight:500}
.wb-layout__top .wb-i{width:1.1034rem;height:1.1034rem;color:var(--wb-tx3)}
.wb-layout[aria-pressed="true"] .wb-layout__top .wb-i{color:var(--wb-acc-tx)}
.wb-layout .wb-thumb{flex:1 1 auto;min-height:0;height:auto}
.wb-thumb{margin-top:0.6897rem;height:5.2414rem;border-radius:0.6897rem;background:var(--wb-bg);border:1px solid var(--wb-bd);padding:0.4828rem;display:flex;gap:0.4138rem}
.wb-thumb i{flex:1;border-radius:0.3448rem;background:rgba(237,239,239,.14);position:relative}
[data-theme="light"] .wb-thumb i{background:rgba(4,6,5,.1)}
.wb-thumb i.g{background:rgba(49,233,49,.4)}
.wb-thumb i.r{background:rgba(255,77,77,.45)}
.wb-thumb i .pip{position:absolute;inset-inline-end:0.4138rem;bottom:0.4138rem;width:3.0345rem;height:1.7931rem;border-radius:0.2759rem;background:rgba(49,233,49,.4)}
.wb-thumb--sm{height:4rem;padding:0.3448rem;gap:0.2759rem;border-radius:0.5517rem;margin-top:0}
.wb-thumb--sm i .pip{width:2.069rem;height:1.1724rem;inset-inline-end:0.2759rem;bottom:0.2759rem}
.wb-thumb i.logo{display:flex;align-items:center;justify-content:center;background:rgba(237,239,239,.06)}
.wb-thumb i.logo img{height:1.3793rem}
.wb-qpanel{display:flex;flex-direction:column;min-height:0;height:100%;border-radius:var(--wb-r-card);background:var(--wb-s1);border:1px solid var(--wb-bd);overflow:hidden}
.wb-qpanel__head{display:flex;align-items:center;justify-content:space-between;height:2.6207rem;padding:0 0.9655rem;border-bottom:1px solid var(--wb-bd);font-size:0.8276rem;color:var(--wb-tx2)}
.wb-winbtns{display:flex;gap:0.4138rem;width:4.5rem;flex-shrink:0}
.wb-qpanel__head>div:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wb-winbtns i{width:0.6207rem;height:0.6207rem;border-radius:50%;background:var(--wb-s3)}
.wb-qpanel__foot{display:flex;align-items:center;gap:0.8276rem;padding:0.9655rem 1.1034rem;border-top:1px solid var(--wb-bd);font-size:0.8966rem;color:var(--wb-tx2)}
.wb-qpanel__foot b{color:var(--wb-tx);font-weight:400}
.wb-qpanel .wb-list{padding:0.9655rem}
.wb-qpanel .wb-q__text{font-size:0.8276rem}
/* Control bar: full-width background, content in the container; start · center · end. */
.wb-bottombar{position:relative;z-index:30;height:6.069rem;padding-inline:var(--wb-inset);padding-bottom:env(safe-area-inset-bottom);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.8276rem;
  border-top:1px solid var(--wb-bd);background:color-mix(in srgb,var(--wb-s1) 90%,transparent);backdrop-filter:blur(1.1034rem);-webkit-backdrop-filter:blur(1.1034rem)}
.wb-bottombar__group{display:flex;gap:0.6897rem;align-items:center;min-width:0}
.wb-bottombar__center{display:flex;gap:0.6897rem;align-items:center;justify-content:center}
.wb-bottombar__end{display:flex;gap:0.6897rem;align-items:center;justify-content:flex-end}
.wb-pill{display:inline-flex;align-items:center;gap:0.5517rem;height:2.7586rem;padding:0 1.1034rem;border-radius:999px;border:1px solid var(--wb-bd2);background:var(--wb-s2);font-size:0.9655rem;color:var(--wb-tx2);white-space:nowrap}
.wb-pill.is-live{border-color:rgba(49,233,49,.55);color:var(--wb-tx);box-shadow:var(--wb-glow-live)}
.wb-devbtn{display:none}
.wb-drawer-bg{display:none}
.wb-bottombar .wb-btn--primary{width:15.1724rem;height:3.4483rem;font-size:1.1034rem}
.wb-status-live{border-color:rgba(255,77,77,.5)!important}
/* < 1280: the device panel becomes a drawer opened from the header */
@media (max-width:1279px){
  .wb-studio{grid-template-columns:minmax(0,1fr) clamp(300px,28vw,360px)}
  .wb-devbtn{display:inline-flex}
  #devPanel{position:fixed;z-index:60;top:3.8621rem;bottom:6.069rem;inset-inline-start:0;width:min(22rem,86vw);border-radius:0;border-inline-start:none;
    transform:translateX(-105%);transition:transform .25s var(--wb-ease);box-shadow:0 0 3rem rgba(0,0,0,.4)}
  [dir="rtl"] #devPanel{transform:translateX(105%)}
  .wb-devices-open #devPanel{transform:none}
  .wb-devices-open .wb-drawer-bg{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.35)}
}
/* < 1024 (studio) / < 1280 (backstage): desktop only */
@media (max-width:1023px){
  .wb-studio-page .wb-studio,.wb-studio-page .wb-bottombar{display:none}
  .wb-studio-page{height:auto;overflow:auto}
  .wb-studio-page .wb-desk-note{display:flex}
}
.wb-desk-note{flex-direction:column;align-items:center;justify-content:center;gap:0.8276rem;text-align:center;padding:3rem var(--wb-gutter);min-height:60dvh;color:var(--wb-tx2)}
.wb-desk-note .wb-i{width:2.2rem;height:2.2rem;color:var(--wb-acc-tx)}
.wb-desk-note b{color:var(--wb-tx);font-size:1.2414rem;font-weight:500}

/* ════════ Backstage ════════ */
.wb-bs{width:min(100% - 2 * var(--wb-gutter),var(--wb-max));margin-inline:auto;box-sizing:border-box;display:grid;
  grid-template-columns:19.3103rem minmax(0,1fr) 20.6897rem;gap:1.1034rem;padding-block:1.1034rem;height:100%;min-height:0}
.wb-col{display:flex;flex-direction:column;gap:0.8276rem;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin}
.wb-col>*{flex-shrink:0}
/* center: two 16:9 monitors (container-query sized), scenes, rundown scrolls */
.wb-bs .wb-col--center{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.wb-bs .wb-col--center>.wb-card{display:flex;flex-direction:column;min-height:0}
#rundown{overflow-y:auto;min-height:0;scrollbar-width:thin}
.wb-src{display:flex;align-items:center;gap:0.8276rem;padding:0.6897rem;border-radius:0.9655rem;background:var(--wb-s2);border:1px solid var(--wb-bd)}
.wb-src__thumb{position:relative;width:5.7931rem;height:3.3103rem;flex-shrink:0;border-radius:0.5517rem;overflow:hidden;background:var(--wb-s2);box-shadow:0 0 0 1px var(--wb-bd2)}
.wb-src__thumb img,.wb-src__thumb video{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.wb-src__thumb .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(4,6,5,.35);color:#EDEFEF}
.wb-src__name{font-size:0.8966rem;font-weight:500}
.wb-src__who{font-size:0.7586rem;color:var(--wb-tx3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-src__state{margin-top:0.4138rem}
.wb-slides{width:100%;height:100%;background:var(--wb-bg);padding:0.4828rem}
.wb-slides i{display:block;height:0.2759rem;border-radius:2px}
.wb-auto{border-color:rgba(49,233,49,.35)}
.wb-auto__foot{display:flex;align-items:center;gap:0.5517rem;margin-top:0.9655rem;padding-top:0.8276rem;border-top:1px solid var(--wb-bd);font-size:0.8276rem;color:var(--wb-tx2)}
.wb-auto__foot .wb-i{width:0.9655rem;height:0.9655rem;color:var(--wb-acc-tx)}
.wb-talk{display:flex;gap:0.5517rem;margin-top:0.8276rem}
.wb-talk .wb-btn{flex:1;height:2.4828rem;font-size:0.8276rem;user-select:none;-webkit-user-select:none;touch-action:none}
.wb-talk .wb-btn.is-talking{background:rgba(49,233,49,.12);border-color:var(--wb-acc);color:var(--wb-acc-tx)}
.wb-monitors{container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;gap:0.9655rem}
.wb-mon{flex:1;min-width:0}
.wb-mon__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5517rem}
.wb-mon__lbl{font-family:var(--wb-mono);font-size:0.7586rem;letter-spacing:.1em;color:var(--wb-acc-tx)}
[dir="rtl"] .wb-mon__lbl{font-family:var(--wb-sans);font-size:0.8276rem;letter-spacing:0}
.wb-mon__lbl--live{color:var(--wb-live-tx)}
.wb-mon__scene{font-size:0.8276rem;color:var(--wb-tx2)}
.wb-mon .wb-stage{border-radius:0.9655rem;aspect-ratio:16/9;border:none}
.wb-mon--pv .wb-stage{box-shadow:0 0 0 2px rgba(49,233,49,.6)}
.wb-mon--pg .wb-stage{box-shadow:0 0 0 2px var(--wb-live),0 0 2.069rem rgba(255,77,77,.25)}
.wb-mon--pg.is-idle .wb-stage{box-shadow:0 0 0 2px var(--wb-bd2)}
.wb-scenes{display:flex;gap:0.6897rem}
.wb-scene{flex:1;min-width:0;padding:0.6897rem;border-radius:0.9655rem;background:var(--wb-s1);border:1px solid var(--wb-bd2);text-align:start;transition:border-color .15s,box-shadow .15s}
.wb-scene.is-pv{border-color:var(--wb-acc)}
.wb-scene.is-pg{border-color:var(--wb-live-tx);box-shadow:0 0 0 0.2069rem rgba(255,77,77,.12)}
.wb-scene__foot{display:flex;justify-content:space-between;align-items:center;margin-top:0.5517rem;gap:0.4138rem}
.wb-scene__name{font-size:0.8276rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-scene__tag{font-family:var(--wb-mono);font-size:0.6207rem;letter-spacing:.08em;white-space:nowrap}
[dir="rtl"] .wb-scene__tag{font-family:var(--wb-sans);font-size:0.6897rem;letter-spacing:0}
.wb-scene.is-pv .wb-scene__tag{color:var(--wb-acc-tx)}
.wb-scene.is-pg .wb-scene__tag{color:var(--wb-live-tx)}
.wb-seg-row{display:flex;align-items:center;gap:0.9655rem;padding:0.6207rem 0.8276rem;border-radius:0.8276rem;border:1px solid transparent;width:100%;background:transparent;text-align:start;font-size:0.8966rem}
.wb-seg-row:hover{background:var(--wb-s2)}
.wb-seg-row.is-now{background:var(--wb-s2);border-color:rgba(255,77,77,.35)}
.wb-seg-row__t{font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-tx3);width:2.7586rem;flex-shrink:0;direction:ltr;text-align:start}
.wb-seg-row__title{flex-grow:1;min-width:0}
.wb-seg-row.is-done .wb-seg-row__title,.wb-seg-row.is-later .wb-seg-row__title{color:var(--wb-tx2)}
.wb-seg-row.is-done .wb-seg-row__title{color:var(--wb-tx3)}
.wb-seg-row__scene{font-size:0.8276rem;color:var(--wb-tx2);white-space:nowrap}
.wb-seg-row__state{width:3.0345rem;display:flex;justify-content:flex-end;font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;flex-shrink:0}
[dir="rtl"] .wb-seg-row__state{font-family:var(--wb-sans);font-size:0.7586rem;letter-spacing:0}
.wb-el{display:flex;align-items:center;gap:0.8276rem;padding:0.6897rem 0;border-bottom:1px solid var(--wb-bd)}
.wb-el__t{font-size:0.8966rem}
.wb-el__d{font-size:0.7586rem;color:var(--wb-tx3);margin-top:2px}
.wb-stat{display:flex;justify-content:space-between;align-items:flex-end}
.wb-stat__lbl{font-family:var(--wb-mono);font-size:0.6897rem;letter-spacing:.08em;color:var(--wb-tx3)}
.wb-stat__n{font-family:var(--wb-display);font-weight:800;font-size:2.6207rem;margin-top:0.2759rem;line-height:1.1;direction:ltr}
.wb-stat__r{text-align:end;font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-tx2);line-height:1.7}
.wb-bs-page .wb-bottombar{height:5.5172rem}
.wb-rec{display:inline-flex;align-items:center;gap:0.4138rem;font-family:var(--wb-mono);font-size:0.7586rem;color:var(--wb-live-tx)}
/* Backstage: minimum supported width 1280 */
@media (max-width:1279px){
  .wb-bs-page .wb-bs,.wb-bs-page .wb-bottombar{display:none}
  .wb-bs-page{height:auto;overflow:auto}
  .wb-bs-page .wb-desk-note{display:flex}
}

/* Reduced motion: keep state changes, drop movement */
@media (prefers-reduced-motion:reduce){
  .wb-page *,.wb-page *::before,.wb-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Studio Q panel: actions on the top card; others reveal on hover / keyboard focus */
.wb-qpanel .wb-q:not(:first-child):not(:hover):not(:focus-within) .wb-q__actions{display:none}
.wb-qpanel .wb-q__actions{flex-wrap:wrap}
.wb-qpanel .wb-q__actions .wb-btn--sm{padding:0 0.6897rem}
@media (hover:none){.wb-qpanel .wb-q .wb-q__actions{display:flex!important;flex-wrap:wrap}}
.wb-ov .wb-chip{text-transform:uppercase}
/* Studio / backstage below their minimum width: header keeps logo, name, language + theme only */
@media (max-width:1023px){
  .wb-studio-page .wb-head__center,.wb-bs-page .wb-head__center{display:none}
  .wb-studio-page .wb-head__end>:not(.wb-lang):not([data-wb-theme]),.wb-bs-page .wb-head__end>:not(.wb-lang):not([data-wb-theme]){display:none}
  .wb-studio-page .wb-head__start .wb-chip,.wb-bs-page .wb-head__start .wb-chip,.wb-bs-page .wb-rec{display:none}
}

/* Temporary on-screen sign-in code (WEBINAR_SHOW_CODE_ON_SCREEN) */
.wb-devcode{display:flex;align-items:center;gap:0.5517rem;margin-top:0.6897rem;padding:0.5517rem 0.8276rem;border-radius:var(--wb-r-sm);border:1px dashed var(--wb-amber);color:var(--wb-amber);width:fit-content}
.wb-devcode b{font-family:var(--wb-display);font-weight:800;font-size:1.6rem;letter-spacing:.2em;color:var(--wb-tx)}