body.site-body.page-live-workspace .live-workspace{grid-template-columns:288px minmax(0,1fr) 288px;align-items:start;gap:24px}.live-workspace-main{min-width:0}.live-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.live-workspace-heading h1{margin:3px 0;font-size:clamp(22px,2vw,30px);letter-spacing:-.035em}.live-eyebrow{margin:0;color:#4f7560;font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.live-studio{padding:0;margin:0;overflow:hidden;border:1px solid #dce3da;border-radius:18px;background:var(--site-card-bg,#fff);box-shadow:0 3px 20px #263c2d06}.live-studio .live-screen{position:relative;width:100%;min-height:320px;aspect-ratio:16/9;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 30%,#1f382b,#0c1510);overflow:hidden}.live-studio .live-video-slot{position:absolute;inset:0;width:100%;height:100%}.live-studio video[data-broadcast-preview]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#0c1510}.live-studio video[data-broadcast-preview][hidden]{display:none}.live-studio[data-host-active="1"] .live-video-slot{display:none}.live-studio .live-screen-copy{position:absolute;inset:auto 0 0;z-index:2;padding:44px 22px 18px;pointer-events:none;background:linear-gradient(transparent,#08120dde);color:#fff}.live-studio .live-screen-copy h2{font-size:clamp(20px,2.1vw,30px);margin:7px 0 4px;overflow-wrap:anywhere}.live-studio .live-screen-copy p{margin:0 0 6px;color:#d1ddd4;font-size:13px}.live-studio .live-screen-copy [data-live-status]{font-size:12px;color:#e5ebe6}.live-studio .live-badge{display:inline-flex;background:#c14342;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;letter-spacing:.06em}
.live-studio-setup{padding:18px 20px}.live-studio-setup>label{font-size:12px;font-weight:650;color:#465d4e}.live-studio-start{display:flex;align-items:center;gap:10px;margin-top:7px}.live-studio-start input{min-width:0;flex:1;padding:11px 12px;border:1px solid #dce3da;border-radius:10px;background:var(--site-input-bg,#fafbf8);color:inherit;font:inherit;font-size:14px}.live-studio-setup p{margin:9px 0 0;color:#718077;font-size:12px;line-height:1.5}.live-start{background:#355f49!important;color:#fff!important;border-color:#355f49!important}.live-studio-controls{padding:14px 16px}.live-control-row{display:flex;flex-wrap:wrap;gap:8px}.live-control-row button{cursor:pointer;white-space:nowrap}.live-end{margin-left:auto;color:#8d3d3c!important;border-color:#dfc8c6!important;background:#fcf5f4!important}.live-device-settings{margin-top:12px;color:#586b5e;font-size:12px}.live-device-settings summary{cursor:pointer;font-weight:600}.live-device-settings>div{display:flex;gap:14px;margin-top:10px}.live-device-settings label{display:grid;flex:1;gap:6px;min-width:0}.live-device-settings select{max-width:100%;padding:8px;border:1px solid #dce3da;border-radius:8px;background:var(--site-card-bg,#fff);color:inherit}.live-broadcast-status{margin:0;padding:0 18px 14px;color:#4f6656;font-size:12px;line-height:1.5}.live-broadcast-status:empty{padding:0}
.live-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.live-stats-strip>div{padding:14px 12px;border:1px solid #dce3da;border-radius:12px;background:var(--site-card-bg,#fff)}.live-stats-strip span{display:block;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:#355f49}.live-stats-strip small{display:block;margin-top:4px;color:#718077;font-size:11px}.live-stats-strip[hidden],.live-studio [hidden]{display:none!important}
.live-workspace-rail{min-width:0;position:sticky;top:90px;max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}.live-inline-chat{overflow:hidden;margin-bottom:16px}.live-inline-chat>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5eae2}.live-inline-chat h2{margin:0;font-size:14px}.live-chat-collapse{border:0;background:transparent;color:#586b5e;cursor:pointer;font-size:20px;line-height:1;padding:3px 6px}.live-inline-chat [data-live-chat-status]{margin:16px;color:#718077;font-size:12px;line-height:1.5}.live-inline-chat iframe{display:block;width:100%;height:clamp(320px,54dvh,560px);border:0;background:var(--site-card-bg,#fff)}.live-inline-chat [hidden]{display:none!important}.live-inline-chat [data-live-chat-retry]{margin:0 16px 16px}.live-network-panels .hub-right-column{position:static;max-height:none;overflow:visible;width:100%;display:block}.live-network-panels .hub-panel{margin-bottom:14px}.live-network-panels [data-collapsible="elm-score"]{display:none}.live-workspace.is-embedded{grid-template-columns:minmax(0,1fr) 300px!important}
@media(min-width:761px) and (max-width:1200px){body.site-body.page-live-workspace .live-workspace{grid-template-columns:170px minmax(0,1fr) 285px;gap:14px}.live-studio .live-screen{min-height:280px}}@media(max-width:960px){body.site-body.page-live-workspace .live-workspace{grid-template-columns:minmax(0,1fr) 300px}.live-workspace [data-live-network-left]{display:none}}@media(max-width:760px){body.site-body.page-live-workspace .live-workspace,.live-workspace.is-embedded{display:flex!important;flex-direction:column;gap:14px}.live-workspace-main,.live-workspace-rail{width:100%}.live-workspace-rail{position:static;max-height:none;overflow:visible}.live-studio .live-screen{min-height:230px;aspect-ratio:4/3}.live-studio-setup{padding:14px}.live-studio-controls{padding:12px}.live-control-row{gap:6px}.live-control-row .elm-post-action{font-size:12px!important;padding:8px!important}.live-end{margin-left:0}.live-inline-chat iframe{height:360px}.live-stats-strip{gap:6px}.live-stats-strip>div{padding:10px 8px}.live-stats-strip small{font-size:10px}.live-network-panels{display:none}.live-workspace-heading{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.live-workspace *{scroll-behavior:auto!important}}
.live-studio > .live-device-settings { margin: 0; padding: 0 18px 14px; }
.live-studio [data-broadcast-source] { margin: 10px 0 0; line-height: 1.5; overflow-wrap: anywhere; }
.live-studio [data-broadcast-source]:empty { display: none; }
.live-device-settings>div{flex-wrap:wrap}.live-device-settings label{flex:1 1 150px}.live-device-settings .live-inset-toggle{display:flex;align-items:center;gap:8px}.live-device-settings input[type=range]{width:100%;min-width:0;accent-color:#355f49}
.live-mic-mode{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:12px 18px}.live-mic-mode label{display:grid;gap:4px;font-size:12px;color:#4f665f}.live-mic-mode select{max-width:100%;padding:7px;border:1px solid #d9e3db;border-radius:8px;background:#fff;color:#314f42}.live-mic-level{display:flex;align-items:center;gap:10px;padding:0 18px 14px;font-size:12px;color:#4f665f}.live-mic-level meter{width:80px;flex:none}.live-studio-setup .elm-post-action{display:inline-flex}
.live-reaction-overlay {position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:24px;color:white;background:rgba(12,30,23,.8);pointer-events:none;z-index:4;animation:live-reaction-rise 2.5s ease-out forwards;max-width:75%;font-size:14px;}
.live-reaction-overlay svg {width:22px;height:22px;fill:#ec7392;flex:none;}
@keyframes live-reaction-rise {0%{opacity:0;transform:translateY(12px)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(-60px)}}
@media(prefers-reduced-motion:reduce){.live-reaction-overlay{animation:none}}
.live-view-controls{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:6}.live-view-controls button{display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid #ffffff45;border-radius:50%;background:#102219bd;color:#fff;cursor:pointer;touch-action:manipulation}.live-view-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.live-view-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-view-controls [hidden]{display:none!important}.live-info-hidden .live-screen-copy{display:none}.live-info-hidden .live-view-controls [aria-expanded] svg{transform:rotate(180deg)}.live-share-status{position:absolute;right:12px;top:58px;z-index:6;color:#fff;background:#102219db;border-radius:8px;padding:6px 10px;font-size:12px}.live-share-status:empty{display:none}.live-share-link{position:absolute;top:92px;left:12px;width:calc(100% - 24px);box-sizing:border-box;z-index:6;border:1px solid #dce3da;border-radius:8px;padding:10px;background:white;color:#314f42}.live-studio .live-screen.is-expanded,.live-studio .live-screen:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;aspect-ratio:auto!important;z-index:10000!important;border-radius:0}.live-screen.is-expanded .live-view-controls{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
@media(max-width:760px){.live-studio .live-screen{height:calc(100svh - 150px);min-height:320px;aspect-ratio:auto}.live-studio .live-screen-copy{padding:30px 14px 12px}.live-studio .live-screen-copy h2{font-size:20px}.live-workspace-heading{margin-bottom:8px}.live-workspace-heading h1{font-size:22px}.live-eyebrow{display:none}}
@media(max-width:760px) and (max-height:500px){.live-studio .live-screen{height:calc(100svh - 90px);min-height:180px}}
.live-studio [data-live-sound-unlock]{top:60px!important;right:12px;left:auto;bottom:auto!important;transform:none;min-height:40px;padding:8px 12px;max-width:calc(100% - 24px);background:#355f49;border:1px solid #ffffff55;box-shadow:none;font-weight:650;font-size:12px;z-index:6}
@media(min-width:761px) and (max-width:960px){body.site-body.page-live-workspace .live-workspace{display:flex!important;flex-direction:column}.live-workspace-main,.live-workspace-rail{width:100%}.live-workspace-rail{position:static;max-height:none;overflow:visible}.live-network-panels{display:none}.live-studio .live-screen{height:60svh;min-height:240px;aspect-ratio:auto}}
@media(max-width:420px){body.guest-body.page-live-workspace .site-nav-public>a[href="/"]{display:none}}
