.nx-call-stage{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px 20px 20px;background:color-mix(in srgb,var(--nx-rail) 85.1%,transparent);border-bottom:1px solid #ffffff0a;min-height:170px}
.nx-call-avatars{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.nx-call-tile{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:90px;font-size:11px;color:var(--nx-soft,#b6adbf)}.nx-call-tile>span:last-child{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-call-face{position:relative}.nx-call-face>.nx-avatar{width:58px;height:58px;font-size:22px;border:2px solid color-mix(in srgb,var(--nx-accent) 15.69%,transparent);box-shadow:0 0 0 4px #ffffff03}.nx-call-face>i{position:absolute;bottom:-2px;right:-4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--nx-raised);color:var(--nx-soft);border:2px solid var(--nx-accent)}.nx-call-face>i>.nx-icon{width:12px;height:12px}.nx-stage-controls{display:flex;justify-content:center;gap:8px;margin:6px 0}.nx-stage-controls>.nx-icon-button{height:40px;width:44px;border-radius:11px;background:#ffffff08;border:1px solid #ffffff09}.nx-stage-controls>.nx-icon-button:hover{background:color-mix(in srgb,var(--nx-accent) 9.8%,transparent)}.nx-stage-controls>.nx-danger-text{background:#b42c492e;border-color:#d5576b20}.nx-stage-controls>.is-muted{border-color:#c9788d44}
.nx-screen-viewer{width:min(620px,calc(100vw - 32px));max-height:72vh;z-index:60}.nx-screen-viewer figure{position:relative;background:var(--nx-rail);border:1px solid #ffffff0c;border-radius:9px;overflow:hidden}.nx-screen-viewer figure video{width:100%;height:auto;max-height:45vh;aspect-ratio:16/9;object-fit:contain;cursor:default;border-radius:0}.nx-screen-viewer figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:7px 10px;font-size:11px}.nx-screen-viewer figcaption>div{display:flex;gap:4px}.nx-screen-viewer figcaption .nx-icon-button{width:28px;height:28px}.nx-screen-viewer figure:fullscreen,.nx-screen-viewer figure.is-expanded{background:var(--nx-rail);display:flex;flex-direction:column;width:100vw;height:100vh;border:0;border-radius:0}.nx-screen-viewer figure.is-expanded{position:fixed;inset:0;z-index:1000}.nx-screen-viewer figure:fullscreen video,.nx-screen-viewer figure.is-expanded video{flex:1;min-height:0;max-height:none;width:100%;height:calc(100% - 45px);aspect-ratio:auto}.nx-screen-viewer figure.is-filled video{object-fit:cover}.nx-audio-options input[type=range]{padding:0;accent-color:var(--nx-accent,var(--nx-accent-light, #b58aee))}.nx-audio-options .nx-checkbox{display:flex;align-items:center;gap:10px}.nx-call-stage button:focus-visible,.nx-screen-viewer button:focus-visible{outline:2px solid var(--nx-accent-light, #b58aee);outline-offset:3px}
@media(max-width:650px){.nx-call-stage{padding:20px 12px;gap:14px;min-height:140px}.nx-call-avatars{gap:12px}.nx-call-face>.nx-avatar{width:46px;height:46px}.nx-screen-viewer{bottom:8px;right:8px;width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:no-preference){.nx-call-stage{animation:nx-call-enter .18s ease-out}@keyframes nx-call-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}
.nx-app.nx-in-portal{grid-template-columns:72px 244px minmax(0,1fr)}.nx-in-portal>.nx-details{display:none}.nx-in-portal .nx-workspace{overflow:auto}.nx-workspace>.nx-portal{min-height:0;flex:1;grid-template-columns:150px minmax(0,1fr)}.nx-workspace .nx-portal-main{padding:22px}.nx-workspace .nx-staff-layout{grid-template-columns:minmax(200px,1fr) minmax(230px,1fr)}
@media(max-width:760px){.nx-app.nx-in-portal{grid-template-columns:62px minmax(0,1fr)}.nx-workspace>.nx-portal{display:block}.nx-workspace .nx-portal-nav{display:flex;flex-direction:row;overflow:auto;padding:10px}.nx-workspace .nx-portal-nav p,.nx-workspace .nx-portal-brand{display:none}.nx-workspace .nx-staff-layout{display:block}}
.nx-clip-banner,.nx-clip-download{position:fixed;z-index:90;left:50%;top:18px;transform:translateX(-50%);max-width:calc(100vw - 24px);display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #c47b8c55;border-radius:12px;background:color-mix(in srgb,var(--nx-panel) 96.08%,transparent);box-shadow:0 8px 30px #0006;color:var(--nx-text)}.nx-clip-banner>div{min-width:120px}.nx-clip-banner strong,.nx-clip-banner small{display:block}.nx-clip-banner strong{font-size:12px}.nx-clip-banner small{font-size:10px;color:var(--nx-soft);margin-top:5px}.nx-clip-banner .nx-button{font-size:11px;padding:8px 12px}.nx-clip-download{top:auto;bottom:20px}.nx-stage-controls{flex-wrap:wrap}@media(max-width:650px){.nx-clip-banner{flex-wrap:wrap;width:calc(100vw - 24px)}.nx-clip-banner>div{flex-basis:100%}}
.nx-call-tile.has-camera{max-width:none;width:180px}.nx-call-tile.has-camera>.nx-call-face{width:180px;height:104px;overflow:hidden;border-radius:12px;background:var(--nx-rail);border:1px solid #ffffff14}.nx-call-tile.has-camera .nx-call-face>.nx-avatar{display:none}.nx-call-face>video{width:100%;height:100%;object-fit:cover;display:block}.nx-call-tile.is-self video{transform:scaleX(-1)}.nx-call-tile.has-camera .nx-call-face>i{bottom:5px;right:5px}
.nx-screen-viewer figure.is-hidden-share video{display:none}.nx-screen-viewer figure.is-hidden-share{height:auto;min-height:0}.nx-screen-viewer figure.is-hidden-share figcaption{position:static}.nx-screen-viewer figure.is-hidden-share [data-fit],.nx-screen-viewer figure.is-hidden-share [data-fullscreen]{display:none}
.nx-soundboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:55vh;overflow:auto}.nx-soundboard>div{display:flex;align-items:center;gap:4px}.nx-soundboard .nx-button{flex:1;font-size:12px;min-height:42px}
.nx-app.nx-in-voice{grid-template-columns:72px 244px minmax(0,1fr)}.nx-in-voice>.nx-details{display:none}.nx-voice-layout{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;min-height:0;height:100%;overflow:hidden}.nx-voice-layout>.nx-voice-channel-banner,.nx-voice-layout>.nx-voice-people{display:none}.nx-voice-layout>.nx-history,.nx-voice-layout>.nx-typing,.nx-voice-layout>.nx-composer-wrap{display:none}.nx-voice-layout>.nx-call-stage{grid-column:1;grid-row:1/4;min-height:0;border:0;padding:24px;overflow:hidden}.nx-voice-layout.has-voice-chat{grid-template-columns:minmax(0,1fr) 330px}.nx-voice-layout.has-voice-chat>.nx-history{display:block;grid-column:2;grid-row:1;border-left:1px solid var(--nx-border);padding:12px}.nx-voice-layout.has-voice-chat>.nx-typing{display:block;grid-column:2;grid-row:2}.nx-voice-layout.has-voice-chat>.nx-composer-wrap{display:block;grid-column:2;grid-row:3;padding:10px}.nx-voice-layout .nx-composer-hint{display:none}.nx-voice-layout .nx-call-stage{align-items:stretch;justify-content:space-between;gap:20px;background:color-mix(in srgb,var(--nx-rail) 90%,var(--nx-bg))}.nx-call-canvas{width:100%;min-height:0;overflow:auto;flex:1}.nx-voice-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.nx-voice-title h2{font-size:16px;font-weight:600;margin:0}.nx-speaker-grid{display:grid;grid-template-columns:repeat(var(--tile-cols),minmax(0,1fr));gap:12px;max-width:1120px;margin:auto;width:100%;align-items:stretch}.nx-speaker-grid .nx-call-tile{position:relative;max-width:none;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--nx-accent) 24%,var(--nx-panel)),var(--nx-raised));border:1px solid #ffffff0c}.is-stage .nx-speaker-grid .nx-call-tile{aspect-ratio:1;max-height:48vh}.nx-speaker-grid .nx-call-face{display:grid;place-items:center;width:100%;height:100%}.nx-speaker-grid .nx-call-face>.nx-avatar{width:clamp(48px,7vw,100px);height:clamp(48px,7vw,100px);font-size:32px}.nx-speaker-grid .nx-call-tile.has-camera .nx-call-face video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.nx-speaker-grid .nx-tile-name{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 60px)!important;background:#0007;padding:5px 9px;border-radius:6px;font-size:12px}.nx-speaker-grid .nx-call-tile>.nx-icon-button{position:absolute;right:8px;bottom:8px;background:#0006}.nx-stage-audience{padding:24px 0}.nx-stage-audience h3{font-size:12px;color:var(--nx-muted);font-weight:500}.nx-stage-audience>div{display:flex;gap:18px;flex-wrap:wrap}.nx-audience-person{position:relative;width:62px;text-align:center}.nx-audience-person .nx-avatar{width:42px;height:42px;font-size:17px}.nx-audience-person>span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.nx-audience-person>b{position:absolute;right:0;top:0;font-size:12px}.nx-audience-person>.nx-icon-button{position:absolute;right:-8px;bottom:12px;width:22px;height:22px;background:var(--nx-raised)}.nx-call-dock{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.nx-stage-empty{grid-column:1/-1;min-height:220px;display:grid;place-content:center;justify-items:center;color:var(--nx-muted);font-size:14px}.nx-stage-mod-fields{border:1px solid var(--nx-border);border-radius:10px;padding:14px}.nx-stage-mod-fields legend{font-size:13px}.nx-stage-mod-options{display:grid;gap:8px;max-height:180px;overflow:auto}.nx-stage-mod-options .nx-checkbox{display:flex;align-items:center;gap:8px;margin:0}.nx-stage-mod-options input{width:auto}
@media(max-width:1000px){.nx-voice-layout.has-voice-chat{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,1fr) minmax(120px,1fr) auto auto}.nx-voice-layout.has-voice-chat>.nx-call-stage{grid-row:1;grid-column:1;padding:14px}.nx-voice-layout.has-voice-chat>.nx-history{grid-column:1;grid-row:2}.nx-voice-layout.has-voice-chat>.nx-typing{grid-column:1;grid-row:3}.nx-voice-layout.has-voice-chat>.nx-composer-wrap{grid-column:1;grid-row:4}.nx-voice-title{margin-bottom:12px}.nx-call-dock .nx-stage-controls{gap:4px}.nx-call-dock .nx-icon-button{width:34px;height:34px}.nx-app.nx-in-voice{grid-template-columns:72px 220px minmax(0,1fr)}}
@media(max-width:650px){.nx-app.nx-in-voice{grid-template-columns:60px minmax(0,1fr)}.nx-speaker-grid{gap:8px}.is-stage .nx-speaker-grid .nx-call-tile{max-height:none}.nx-voice-layout>.nx-call-stage{padding:14px}}
.is-stage .nx-speaker-grid .nx-call-tile{max-height:none;aspect-ratio:1}.nx-voice-layout .nx-call-canvas{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0}.nx-voice-title{flex-shrink:0}.nx-speaker-grid{flex-shrink:0}.nx-stage-audience{flex-shrink:0}.nx-in-voice .nx-sidebar-heading{background:linear-gradient(120deg,color-mix(in srgb,var(--nx-accent) 10%,var(--nx-panel)),var(--nx-panel))}
