/* Local Preview B: live announcement and click-to-load player. */
body.xrDesignPreviewB .streamLiveMount{min-width:0;}
body.xrDesignPreviewB .streamLiveRail{min-width:0;display:grid;gap:14px;align-content:start;margin-bottom:18px;container-type:inline-size;}
body.xrDesignPreviewB .streamLiveRail > .siteRail{position:relative;margin:0;}
body.xrDesignPreviewB .streamLiveMount [hidden]{display:none!important;}
body.xrDesignPreviewB .streamLive{
  position:relative;isolation:isolate;min-width:0;padding:14px;
  background:linear-gradient(135deg,rgba(222,192,131,.62),rgba(151,178,191,.2) 55%,rgba(211,165,96,.4));
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 12px);
}
body.xrDesignPreviewB .streamLive::before{
  content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;
  background:radial-gradient(ellipse at 80% 0,rgba(160,52,55,.1),transparent 65%),linear-gradient(#14212a,#0a1118);
}
body.xrDesignPreviewB .streamLive__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(211,165,96,.22);}
body.xrDesignPreviewB .streamLive h2{margin:4px 0 0;color:#eef3f7;font-size:22px;font-weight:950;line-height:1.05;letter-spacing:0;text-transform:none;}
body.xrDesignPreviewB .streamLive__teaser{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:18px;padding-top:14px;}
body.xrDesignPreviewB .streamLive__visual{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(190,202,213,.25);background:#101a23;}
body.xrDesignPreviewB .streamLive__visual img{display:block;width:100%;height:100%;object-fit:cover;}
body.xrDesignPreviewB .streamLive__visual img.is-fallback{object-fit:contain;padding:22px;}
body.xrDesignPreviewB .streamLive__visual span{position:absolute;bottom:6px;left:6px;padding:3px 6px;background:#060b12d9;color:#eef3f7;font-size:10px;font-weight:750;}
body.xrDesignPreviewB .streamLive__copy{min-width:0;}
body.xrDesignPreviewB .streamLive__title{margin:0;color:#f0f5f8;font-size:22px;font-weight:850;line-height:1.25;overflow-wrap:anywhere;}
body.xrDesignPreviewB .streamLive__meta{margin:7px 0 12px;color:#b4c0cc;font-size:12px;line-height:1.4;}
body.xrDesignPreviewB .streamLive__platforms{display:flex;flex-wrap:wrap;gap:8px;}
body.xrDesignPreviewB .streamLive__platforms button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 8px;border:1px solid #65718055;background:#080e16;color:#c2cbd5;font:inherit;font-size:12px;font-weight:750;cursor:pointer;}
body.xrDesignPreviewB .streamLive__platforms button[aria-pressed="true"]{border-color:#d9ba7a;background:#d9ba7a12;color:#f5ead1;}
body.xrDesignPreviewB .streamLive__platforms img{width:24px;height:24px;}
body.xrDesignPreviewB .streamLive__actions{display:grid;justify-items:stretch;gap:8px;min-width:160px;}
body.xrDesignPreviewB .streamLive__button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;grid-column:auto;min-height:44px;padding:8px 14px;color:#e6faff;border:0;background:transparent;border-radius:0;font:inherit;font-size:13px;font-weight:800;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;}
body.xrDesignPreviewB .streamLive__button--secondary{color:#c4d2dc;}
body.xrDesignPreviewB .streamLive__button--secondary::before{background:#6d8c9a88;}
body.xrDesignPreviewB .streamLive__button--secondary::after{background:linear-gradient(#17232c,#0b131b);}
body.xrDesignPreviewB .streamLive__button:hover{color:#fff;}
body.xrDesignPreviewB .streamLive__button--secondary:hover::before{background:#b5cbd5;}
body.xrDesignPreviewB .streamLive__player{position:fixed;width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:18px;color:#eef3f7;border:1px solid #bba16a88;background:#0b141e;box-shadow:0 20px 100px #000b;}
body.xrDesignPreviewB .streamLive__player::backdrop{background:#02070cde;}
body.xrDesignPreviewB .streamLive__playerHead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;}
body.xrDesignPreviewB .streamLive__playerHead > strong{font-size:20px;}
body.xrDesignPreviewB .streamLive__playerHead > button{width:36px;height:36px;border:1px solid #627485;background:#172532;color:#eef3f7;cursor:pointer;}
body.xrDesignPreviewB .streamLive__playerPlatforms{margin-bottom:12px;}
body.xrDesignPreviewB .streamLive__player > .streamLive__button{margin-top:12px;width:fit-content;min-width:220px;}
body.xrDesignPreviewB [data-live-player-host]{min-width:0;}
body.xrDesignPreviewB .streamLive__player iframe{display:block;width:100%;aspect-ratio:16/9;min-height:300px;border:0;background:#060b11;}
body.xrDesignPreviewB .streamLive__player p{margin:9px 0 0;color:#aebecb;font-size:12px;line-height:1.5;}
body.xrDesignPreviewB .streamLive__demoPlayer{display:grid;place-content:center;gap:12px;min-height:280px;padding:24px;text-align:center;border:1px solid #dfbf7c33;background:radial-gradient(ellipse at 50% 15%,#24465788,transparent 75%),#070e15;}
body.xrDesignPreviewB .streamLive__demoPlayer strong{color:#dfbf7c;font-size:23px;}
body.xrDesignPreviewB .streamLive__demoPlayer span{max-width:480px;color:#b4c3cf;font-size:14px;line-height:1.5;}
body.xrDesignPreviewB .streamLivePreview{margin-bottom:10px;padding:7px 10px;border:1px dashed #bba47444;color:#a9b7c3;font-size:11px;}
body.xrDesignPreviewB .streamLivePreview summary{cursor:pointer;}
body.xrDesignPreviewB .streamLivePreview summary span{margin-left:8px;color:#dfbf7c;}
body.xrDesignPreviewB .streamLivePreview form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
body.xrDesignPreviewB .streamLivePreview select,body.xrDesignPreviewB .streamLivePreview button{width:auto;min-height:32px;padding:5px 10px;border:1px solid #627485;background:#0d1720;color:#eaf0f5;font:inherit;}
body.xrDesignPreviewB .streamLivePreview p{margin:9px 0 3px;line-height:1.5;}
body.xrDesignPreviewB .streamLiveControl form{display:grid;grid-template-columns:minmax(0,1fr);}
body.xrDesignPreviewB .streamLiveControl select{width:100%;min-width:0;}
body.xrDesignPreviewB .streamLive__playerPlatforms > a{display:flex;align-items:center;min-height:36px;padding:5px 10px;border:1px solid #65718055;background:#080e16;color:#dfbf7c;font-size:12px;font-weight:750;text-decoration:none;}
body.xrDesignPreviewB .streamLive__notice{margin:0;padding:10px 12px;border:1px solid #8294a344;color:#adbdc8;font-size:12px;}
body.xrDesignPreviewB .streamLive__notice a{color:#e8c783;}
body.xrDesignPreviewB .streamLiveMount button:focus-visible,body.xrDesignPreviewB .streamLiveMount a:focus-visible,body.xrDesignPreviewB .streamLivePreview summary:focus-visible{outline:2px solid #efd08d;outline-offset:3px;}
/* One visual language for actual stream status, including the top bar and social links. */
body.xrDesignPreview.xrDesignPreviewB :is(.xrStreamStatus,.streamLive__platforms .xrStreamStatus){
  --stream-status-text:#dfbf7c;--stream-status-dot:#dfbf7c;--stream-status-border:#dfbf7c44;--stream-status-fill:#dfbf7c0c;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;
  min-height:28px;padding:5px 8px;border:1px solid var(--stream-status-border);border-radius:0;
  color:var(--stream-status-text);background:var(--stream-status-fill);box-shadow:none;
  font-size:10px;font-style:normal;font-weight:850;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;
}
body.xrDesignPreview.xrDesignPreviewB :is(.xrStreamStatus,.streamLive__platforms .xrStreamStatus)[data-state="live"]{--stream-status-text:#ffadb4;--stream-status-dot:#ff6674;--stream-status-border:#f6667059;--stream-status-fill:#79192329;}
body.xrDesignPreview.xrDesignPreviewB :is(.xrStreamStatus,.streamLive__platforms .xrStreamStatus)[data-state="offline"]{--stream-status-text:#b1bdc8;--stream-status-dot:#81909c;--stream-status-border:#81909c55;--stream-status-fill:#81909c12;}
body.xrDesignPreview.xrDesignPreviewB :is(.xrStreamStatus,.streamLive__platforms .xrStreamStatus)::before{
  content:"";display:block;flex:0 0 auto;width:6px;height:6px;margin:0;border-radius:50%;background:var(--stream-status-dot);box-shadow:none;
}
body.xrDesignPreview.xrDesignPreviewB :is(.xrStreamStatus--compact,.streamLive__platforms .xrStreamStatus--compact){min-height:0;padding:0;border:0;background:transparent;font-size:8px;gap:4px;}
body.xrDesignPreviewB .startDesignStreamButton:has([data-stream-provider-status]){display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:6px;row-gap:3px;}
body.xrDesignPreviewB .startDesignStreamButton:has([data-stream-provider-status]) > span{grid-column:1;grid-row:1/3;}
body.xrDesignPreviewB .startDesignStreamButton:has([data-stream-provider-status]) > strong{grid-column:2;grid-row:1;}
body.xrDesignPreviewB .startDesignStreamButton .streamSocialLive{grid-column:2;grid-row:2;justify-self:start;}
body.xrDesignPreviewB .startDesignBelowSlider{container-type:inline-size;}
body.xrDesignPreviewB .startPreviewStatus{color:#b1bdc8;border-color:#81909c55;background:#81909c12;}
body.xrDesignPreviewB .avatarHome__state:not(.is-ready)::before{background:#81909c;box-shadow:none;}
@media(min-width:1381px) and (max-width:1700px){
  body.xrDesignPreviewB .startDesignTopbar{grid-template-columns:minmax(230px,260px) minmax(280px,320px) minmax(450px,1fr) auto;}
  body.xrDesignPreviewB .startDesignNav a{padding:0 8px;font-size:12px;}
}
@container(max-width:1200px){
  body.xrDesignPreviewB .startDesignStreamLinksBar{flex-wrap:wrap;}
  body.xrDesignPreviewB .startDesignStreamTicker{order:3;flex-basis:100%;}
  body.xrDesignPreviewB .startDesignStreamLinks--right{margin-left:auto;}
}
@media(min-width:1460px){
  body.xrDesignPreviewB .wrap.wrap--clip-rail > .streamLiveRail{grid-column:2;grid-row:2 / span 20;align-self:start;margin:14px 18px 18px 0;}
}
@container(max-width:600px){
  body.xrDesignPreviewB .streamLive__teaser{grid-template-columns:160px minmax(0,1fr);gap:14px;}
  body.xrDesignPreviewB .streamLive__actions{grid-column:2;grid-template-columns:auto auto;align-items:center;justify-content:start;}
  body.xrDesignPreviewB .streamLive__visual{grid-row:1/3;}
  body.xrDesignPreviewB .streamLive__title{font-size:20px;}
}
@container(max-width:440px){
  body.xrDesignPreviewB .streamLive__copy .streamLive__platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
  body.xrDesignPreviewB .streamLive__copy .streamLive__platforms button{position:relative;justify-content:center;gap:3px;padding:5px 3px 17px;font-size:11px;}
  body.xrDesignPreviewB .streamLive__copy .streamLive__platforms button img{width:19px;height:19px;}
  body.xrDesignPreviewB .streamLive__copy .streamLive__platforms button span{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;}
  body.xrDesignPreviewB .streamLive{padding:12px;}
  body.xrDesignPreviewB .streamLive__head{align-items:flex-start;}
  body.xrDesignPreviewB .streamLive h2{font-size:20px;}
  body.xrDesignPreview.xrDesignPreviewB .streamLive__badge[data-state="unknown"]{white-space:normal;max-width:105px;}
  body.xrDesignPreviewB .streamLive__teaser{grid-template-columns:minmax(0,1fr);gap:12px;}
  body.xrDesignPreviewB .streamLive__visual{grid-row:auto;max-height:170px;aspect-ratio:auto;height:160px;}
  body.xrDesignPreviewB .streamLive__title{font-size:20px;}
  body.xrDesignPreviewB .streamLive__meta{margin-bottom:10px;}
  body.xrDesignPreviewB .streamLive__actions{grid-column:auto;grid-template-columns:1fr;justify-content:stretch;}
}
@media(max-width:600px){
  body.xrDesignPreviewB .streamLive__player{padding:12px;}
  body.xrDesignPreviewB .streamLive__player > .streamLive__button{width:100%;min-width:0;}
}