@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0d13;--surface:#151820;--surface2:#1c2130;--stroke:#303544;--muted:#a5a9bc;--text:#f0f1f8;--nx-accent:#9b96ff;--nx-accent2:#c0baff;--nx-glow:rgba(138,125,255,.16);--nx-on-accent:#100e29;--lime:var(--nx-accent);--limeDeep:var(--nx-accent2);--radius:15px}
:root[data-nx-accent="purple"]{--nx-accent:#b7a1ff;--nx-accent2:#d3c6ff;--nx-on-accent:#180b2c;--nx-glow:rgba(165,129,255,.14)}
:root[data-nx-accent="green"]{--nx-accent:#a4edbf;--nx-accent2:#cdfbdd;--nx-on-accent:#0c271a;--nx-glow:rgba(115,217,158,.13)}
body{background:#0c0d13;color:#f0f1f8;font-family:'Manrope','DM Sans',system-ui,sans-serif}
button{transition:background .13s ease,border-color .13s ease,transform .13s ease}
button:focus-visible,button:focus-visible *,input:focus-visible,select:focus-visible{outline:2px solid var(--nx-accent);outline-offset:2px}
.grain{display:none}
.entry{background:radial-gradient(circle at 17% 26%,rgba(112,89,235,.11),transparent 37%),radial-gradient(circle at 88% 78%,rgba(39,66,135,.09),transparent 40%),#0d0f17}
.entry::before,.entry::after{pointer-events:none}
.topbar{height:76px;border-bottom:1px solid #2a2b3a;position:relative}
.brand{font-weight:900;letter-spacing:-.065em}
.brand-symbol{color:var(--nx-accent)!important;background:#27233f!important;border-color:#5a527a!important}
.nx-server-pill{background:#1c1d2a;border-color:#363747;color:#c8c8d9}
.nx-nav-cta{background:var(--nx-accent);box-shadow:none}
.hero{max-width:1320px;grid-template-columns:minmax(0,1fr) minmax(320px,435px);gap:clamp(20px,6vw,90px);align-items:center;padding:clamp(30px,5vw,70px) 0 60px}
.hero-copy h1{font-size:clamp(44px,5.5vw,79px);line-height:1.08;margin:18px 0 23px;letter-spacing:-.078em}
.hero-copy h1 em{background:linear-gradient(125deg,var(--nx-accent),#e0dfff);-webkit-background-clip:text;background-clip:text}
.hero-copy>p:not(.small-disclaimer){color:#adafc3;line-height:1.7}
.nx-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.nx-feature-card{background:#171a26;border-color:#303447;padding:17px;border-radius:14px}
.nx-feature-card:hover{transform:translateY(-2px);border-color:#736bb0}
.nx-feature-card small{color:#a1a6b8}
.feature-row span{background:#1b1c29;border-color:#36374a;color:#d1d3e2}
.entry-card{background:linear-gradient(145deg,#202132,#151824)!important;border:1px solid #3a3b52;border-radius:22px;padding:29px;box-shadow:0 25px 100px #05050970}
.entry-card::before{background:linear-gradient(90deg,transparent,var(--nx-accent),transparent)}
.entry-card .subtitle{color:#b2b3c8}
.entry-card input,#roomCode,#nickname{background:#11131d;border-color:#3b3d50}
.secondary-btn,.server-setting{background:#1a1d2a;border-color:#383b4e}
.privacy-note{color:#a7a9bb}
.room-layout{display:grid;grid-template-columns:270px minmax(0,1fr);width:100%;height:100dvh;min-height:0!important;overflow:hidden;background:#0d0f16}
.room-layout .sidebar{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#141621;border-right:1px solid #303242}
.sidebar-top{padding:20px 18px 14px;border-color:#2b2f40}
.sidebar-caption{color:#81879b;line-height:1.4}
.room-info{background:#1a1d2a;border:1px solid #343849;margin:12px 10px 8px;border-radius:13px;padding:14px}
.room-code-row strong{letter-spacing:.12em}
.invite-btn{background:#343051;color:#dcd5ff;border-color:#575077}
.participant-title{padding:18px 18px 9px!important;color:#a8a8bc}
.participant-list{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 10px}
.participant.nx-member{display:flex;flex-wrap:wrap;gap:8px;padding:9px 10px;margin-bottom:6px;border:1px solid transparent;background:#1b1d29;border-radius:12px;align-items:center}
.participant.nx-member:hover{background:#242638;border-color:#39394f}
.participant.nx-member.nx-speaking{border-color:#7a73ae;background:#24243b}
.participant.nx-member .avatar{width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#34304c!important;border-color:#564e77!important;color:#f3eaff!important}
.participant.nx-member .participant-info{flex:1 1 100px;min-width:0;display:flex;flex-direction:column;gap:4px}
.participant.nx-member .participant-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.participant.nx-member .participant-info small{font-size:9px;line-height:1.5;color:#a3a7b7;white-space:normal}
.nx-owner-tag{align-self:start;border-radius:4px;border:1px solid #7362aa;background:#3b3158;color:#ded2ff;padding:2px 5px;font-size:8px;letter-spacing:.08em;font-weight:900}
.nx-member-action{border:1px solid #3d4154;background:#292d40;border-radius:8px;padding:7px 8px;color:#d2d3e3;font-size:9px;font-weight:800;min-height:31px;flex:1 1 68px}
.nx-member-action:hover{background:#3c3b55;border-color:#635d88}
.nx-member-action.is-muted{background:#472b43;border-color:#81567b;color:#ffdaed}
.nx-member-action.nx-kick{color:#ffaebc;border-color:#724657;background:#3a2531}
.sidebar-footer{flex:0 0 auto;padding:11px;background:#20212e;border-top:1px solid #383747;display:grid;grid-template-columns:1fr auto;gap:11px}
.sidebar-footer .identity{grid-column:1/-1;min-width:0;display:flex}
.sidebar-footer .identity .avatar{border-radius:11px;background:#3f3858!important}
.nx-voice-controls{grid-column:1;display:flex;gap:6px;min-width:0}
.nx-voice-controls button{flex:1;min-width:0;min-height:38px;border:1px solid #47495e;background:#303243;border-radius:9px;color:#e4e5f0;font-size:10px;font-weight:850;padding:7px 6px;display:flex;justify-content:center;gap:5px;align-items:center}
.nx-voice-symbol{font-size:9px;color:#bdb0ff;border:1px solid #5c5374;border-radius:5px;padding:2px 4px}
.nx-voice-controls button.is-active{background:#423658;border-color:#9782e1}
.nx-voice-controls button.is-blocked{color:#f3a5af;background:#4a303b}
.sidebar-footer .leave-btn{grid-column:2;font-size:11px;min-height:38px;padding:8px 12px;border-radius:9px;border:1px solid #854e5a;background:#462a35;color:#ffd0d8}
.room-layout .stage{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;width:100%;overflow:hidden;background:#10121b!important}
.stage-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px clamp(14px,2vw,28px) 14px;border-bottom:1px solid #292d3a}
.stage-header .tiny-label{color:#a29cce;font-size:9px}
.stage-header h2{font-size:clamp(16px,2vw,23px);margin:5px 0 0}
.stage-header-actions{gap:7px}
.stage-header-actions button{background:#232637;border:1px solid #393e52;color:#e0e3ef;border-radius:9px;padding:8px 11px;min-height:36px;font-size:10px;font-weight:850}
.stage-header-actions #roomModeButton{background:#342e53;color:#dacbff;border-color:#685d90}
.stage-header-actions button:hover{background:#32384d}
.live-count{background:#27233a;color:#cec3ff;border-color:#544c72;padding:5px 9px;white-space:nowrap}
.status-line{flex:0 0 auto;margin:0;padding:11px clamp(14px,2vw,28px);background:#11141e;color:#979eb0}
.nx-stage-tools{flex:0 0 auto;margin:0;padding:10px clamp(14px,2vw,28px);border-bottom:1px solid #262938}
.nx-stage-hint{color:#777f93}
.nx-view-modes{background:#1a1e2a;border-color:#353a4e}
.nx-view-modes button.is-active{background:var(--nx-accent);color:var(--nx-on-accent)}
.nx-quick-invite{background:#292443;color:#e2d8ff;border:1px solid #58517d}
.room-layout .stage .streams{flex:1 1 auto;min-height:0;min-width:0;width:100%;overflow-y:auto!important;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));align-content:start;grid-auto-rows:max-content;gap:14px;padding:15px clamp(12px,2vw,28px) 18px;background:radial-gradient(circle at 50% 30%,#191a2925,transparent 65%)}
.stream-tile{width:100%;height:max-content;min-width:0;max-width:100%;background:#171a25;border:1px solid #323648;border-radius:14px;overflow:hidden;box-shadow:none}
.stream-tile .tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;flex-wrap:wrap;background:#202330}
.stream-tile .tile-actions{display:flex;gap:5px;flex-wrap:wrap}
.stream-tile .tile-actions button{min-height:28px;min-width:0;white-space:nowrap;border-radius:7px;background:#303347;border:1px solid #4a4d61;color:#e0e0ef;padding:5px 8px;font-size:9px}
.stream-tile .tile-video-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;background:#030408;overflow:hidden;border:0}
.stream-tile .tile-video-wrap video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-width:0;max-width:100%;min-height:0;max-height:100%;object-fit:contain!important;background:#030408}
.stream-tile.nx-featured{border-color:#8176bb;box-shadow:0 0 0 1px #574d83}
.empty-state{grid-column:1/-1;align-self:stretch;min-height:clamp(210px,32vh,360px);padding:28px;background:radial-gradient(circle at center,#26243e55,#161820);border:1px dashed #444052;border-radius:15px}
.empty-state h3{font-size:clamp(19px,2vw,26px);letter-spacing:-.05em}
.empty-state p{color:#a0a5b5}
.room-layout .stage .control-panel{flex:0 0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 14px;max-height:min(55dvh,460px);min-width:0;overflow-y:auto;scrollbar-width:thin;background:#1b1e2a!important;border-top:1px solid #37384e;box-shadow:0 -12px 38px #07091070;padding:10px clamp(12px,2vw,23px) 11px}
.control-panel .actions-control{grid-column:1;grid-row:1;min-width:0;width:100%}
.control-panel .actions-control .hint{display:none}
.control-panel .buttons-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start;width:100%}
.control-panel .buttons-control button{min-height:39px;padding:9px 13px;border-radius:10px;font-size:11px;white-space:normal}
.control-panel .buttons-control .share-btn{background:var(--nx-accent);color:var(--nx-on-accent);font-weight:900;border-color:transparent}
.control-panel .buttons-control .aux-btn{background:#303447;border-color:#4c5067;color:#edeefa}
.control-panel .nx-mobile-quality-toggle{display:flex!important;grid-column:2;grid-row:1;min-height:39px;white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;background:#282a3b;border:1px solid #49495e;border-radius:9px;color:#deddf0;font-size:10px;font-weight:800}
.control-panel .nx-preset-bar,.control-panel .preset-controls,.control-panel .nx-quality-actual,.control-panel .audio-safety-hint{grid-column:1/-1}
.stage:not(.nx-quality-open) .control-panel .nx-preset-bar,.stage:not(.nx-quality-open) .control-panel .preset-controls,.stage:not(.nx-quality-open) .control-panel .nx-quality-actual,.stage:not(.nx-quality-open) .control-panel .audio-safety-hint{display:none!important}
.stage.nx-quality-open .control-panel .nx-preset-bar{display:flex!important;padding-top:9px;border-top:1px solid #3a3c50}
.stage.nx-quality-open .control-panel .preset-controls{display:flex!important}
.stage.nx-quality-open .control-panel .nx-quality-actual{display:flex!important}
.stage.nx-quality-open .control-panel .audio-safety-hint{display:block!important}
.control-panel .preset-controls select{background:#141723;border-color:#52536a}
.control-panel .nx-preset-buttons button{background:#292b3d;border-color:#4a4b5e}
.control-panel .nx-preset-buttons button.is-active{background:var(--nx-accent)}
.room-chat{position:absolute;top:82px;right:18px;bottom:94px;width:min(370px,calc(100% - 28px));height:auto;max-height:none;display:flex;flex-direction:column;background:#1d1f2b;border:1px solid #48465e;border-radius:15px;box-shadow:0 24px 60px #0008;z-index:30;overflow:hidden}
.room-chat-head{background:#252537;border-color:#403d55}
.room-chat-form{background:#181a25}
.room-chat-form input{background:#0f1119;border-color:#444458}
.stage.is-cinema{overflow:hidden!important}
.stage.is-cinema #cinemaPanel{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 clamp(10px,1.7vw,25px) 16px;padding:15px!important;border-radius:14px;background:#171922}
.stage.is-cinema .cinema-screen{width:100%;max-width:100%;aspect-ratio:16/9!important;height:auto!important;min-height:0;border-radius:13px;box-shadow:none;background:#05060b}
.stage.is-cinema .cinema-screen video{object-fit:contain!important}
.cinema-playlist-panel,.cinema-toolbar,.cinema-import-controls{background:#212332;border-color:#47485e}
.cinema-browse-bar input,.cinema-browse-bar select{background:#131723!important;border-color:#454a60!important}
.cinema-card .cinema-cover{aspect-ratio:2/3}
.cinema-card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-items:start}
.nx-phone-studio.phone-page{display:block;min-height:100dvh;height:auto;overflow-y:auto;background:radial-gradient(circle at 50% 0,#2d24463e,transparent 47%),#101119;padding:clamp(14px,3vw,28px) 14px calc(26px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.nx-phone-shell{width:min(100%,650px);margin:0 auto;display:flex;flex-direction:column;gap:14px}
.nx-phone-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:5px 0 12px;border-bottom:1px solid #363347}
.nx-phone-brand{display:flex;align-items:center;gap:7px;font-size:15px;letter-spacing:-.04em;font-weight:900}
.nx-phone-brand strong{font-size:9px;color:#bab1ec;letter-spacing:.13em;margin-left:3px}
.nx-phone-mark{display:grid;place-items:center;background:#8e83e9;color:#171229;font-size:17px;font-weight:900;border-radius:9px;width:31px;height:31px}
.nx-phone-connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#aeb0c3;max-width:100%}
.nx-live-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:100px;background:#9ce6bf;box-shadow:0 0 0 4px #9ce6bf20}
.nx-phone-intro{padding:9px 3px}
.nx-phone-eyebrow{font-size:10px;letter-spacing:.15em;color:#b6a7ff;font-weight:900}
.nx-phone-intro h1{font-size:clamp(27px,6vw,42px);line-height:1.13;letter-spacing:-.065em;margin:9px 0}
.nx-phone-intro p{font-size:12px;line-height:1.65;color:#aaadbf;margin:0}
.nx-phone-preview-panel{background:#1b1d2b;border:1px solid #444155;border-radius:17px;overflow:hidden}
.nx-phone-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;color:#aeb1c5;letter-spacing:.1em;font-size:9px;font-weight:900}
.nx-phone-state{border:1px solid #4f4b62;border-radius:30px;padding:5px 10px;letter-spacing:0;color:#bbb9ca}
.nx-phone-state.is-live{color:#b8fad0;border-color:#4a9367;background:#294b3840}
.nx-phone-preview-panel video{display:block;width:100%;height:auto;max-height:50dvh;aspect-ratio:16/10;object-fit:contain;background:#07070d}
.nx-phone-camera-option{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;gap:14px;color:#bbbccd;font-size:10px;font-weight:850}
.nx-phone-camera-option select{border:1px solid #4a4864;border-radius:9px;background:#28283a;color:#e6e5f7;padding:9px 11px;font-size:11px;max-width:70%}
.nx-phone-switches{display:grid;gap:10px}
.nx-phone-device{background:#1d1f2e;border:1px solid #3b3c51;border-radius:14px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nx-phone-device>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:170px;flex:1}
.nx-phone-device strong{font-size:13px}
.nx-phone-device small{font-size:10px;color:#aaadc4;line-height:1.45}
.nx-phone-device-buttons{display:flex;gap:7px}
.nx-phone-device-buttons button{border:1px solid #55516e;background:#36334f;color:#f0edff;border-radius:10px;padding:10px 13px;min-height:42px;font-size:11px;font-weight:850}
.nx-phone-device-buttons button[id$="Stop"]{background:#4a2d3f;border-color:#84526f;color:#ffdae4}
.nx-phone-both{background:linear-gradient(125deg,var(--nx-accent),var(--nx-accent2));color:var(--nx-on-accent);border:0;border-radius:12px;padding:15px 20px;font-size:13px;font-weight:900;min-height:52px}
.nx-phone-stop-both{min-height:47px;border-radius:12px;background:#3f2938;color:#ffd1dc;border:1px solid #815267;font-weight:850;font-size:12px}
.nx-phone-notice{background:#191c29;border:1px solid #34374b;color:#9fa7bf;border-radius:11px;padding:12px 14px;font-size:11px;line-height:1.65}
.nx-phone-exit{align-self:center;color:#c1b7eb;text-decoration:underline;font-size:11px;padding:9px}
@media(max-width:1160px){.room-layout{grid-template-columns:240px minmax(0,1fr)}.sidebar-top{padding:15px}.room-info{padding:12px}.stage-header{flex-wrap:wrap}.stage-header-actions{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.control-panel .buttons-control button{padding:8px 10px}}
@media(max-width:980px){
 .room-layout{display:block;position:relative;height:100dvh;min-height:0}
 .room-layout>.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(315px,86vw);height:100dvh;min-height:0;transform:translateX(-104%);visibility:hidden;transition:transform .18s ease,visibility .18s}
 body.nx-sidebar-open .room-layout>.sidebar{transform:translateX(0);visibility:visible}
 .room-layout>.stage{height:100dvh!important;overflow:hidden!important;min-height:0;width:100%}
 .nx-mobile-only{display:inline-flex}
 .stage-header{padding:12px 12px 10px}
 .stage-header-actions{width:100%;gap:6px}
 .stage-header-actions button{padding:7px 9px;font-size:10px;white-space:nowrap}
 .room-layout .stage .streams{padding:11px;gap:11px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
 .room-layout .stage .control-panel{position:relative!important;bottom:auto!important;box-shadow:0 -10px 30px #05060980!important;max-height:min(56dvh,430px);padding:9px 12px calc(10px + env(safe-area-inset-bottom))}
 .room-chat{top:90px;bottom:84px;right:9px;width:min(360px,calc(100% - 18px))}
}
@media(max-width:650px){
 .hero{display:flex;flex-direction:column;gap:24px;padding:20px 0 45px}
 .hero-copy h1{font-size:clamp(40px,11vw,55px)}
 .nx-feature-cards{grid-template-columns:1fr}
 .nx-feature-card{min-height:70px}
 .entry-card{width:100%}
 .status-line{padding:9px 12px}
 .nx-stage-tools{padding:6px 12px}
 .nx-quick-invite,.nx-stage-hint{display:none}
 .room-layout .stage .streams{grid-template-columns:minmax(0,1fr);min-height:0;overflow-y:auto!important}
 .stream-tile .tile-video-wrap{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
 .room-layout .stage .control-panel{display:grid!important;grid-template-columns:1fr;gap:7px;max-height:45dvh}
 .control-panel .actions-control{grid-column:1;grid-row:1}
 .control-panel .buttons-control{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
 .control-panel .buttons-control button{white-space:normal!important;min-height:38px;font-size:10px;padding:7px}
 .control-panel .buttons-control .share-btn{grid-column:1/-1;grid-row:1}
 .control-panel .nx-mobile-quality-toggle{grid-column:1;grid-row:2;width:100%;min-height:34px;justify-content:center}
 .stage.nx-quality-open .control-panel{max-height:70dvh;overflow-y:auto}
 .stage-header h2{font-size:18px}
 .room-chat{top:105px;bottom:12px;right:6px;width:calc(100% - 12px)}
 .phone-page.nx-phone-studio{padding:12px 10px calc(25px + env(safe-area-inset-bottom))}
 .nx-phone-device{align-items:stretch}
 .nx-phone-device-buttons{width:100%}
 .nx-phone-device-buttons button{flex:1}
}
@media(max-height:700px) and (min-width:981px){
 .stage-header{padding-top:9px;padding-bottom:9px}
 .status-line{padding-top:7px;padding-bottom:7px}
 .nx-stage-tools{padding-top:5px;padding-bottom:5px}
 .control-panel .buttons-control button{min-height:34px}
}

/* NEXCAST 6.0: fit the video and the call controls in one viewport */
.room-layout:not(.hidden){height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}
.room-layout:not(.hidden)>.stage:not(.is-cinema){
  height:100%!important;max-height:100%!important;min-height:0!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important
}
.room-layout .stage:not(.is-cinema)>.streams{
  flex:1 1 0!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overscroll-behavior:contain
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:center!important;
  overflow:hidden!important;gap:0!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo>.stream-tile{
  flex:1 1 0!important;display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:100%!important;height:100%!important;
  max-height:100%!important;min-height:0!important;margin:0!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo>.stream-tile>.tile-head{
  flex:0 0 auto!important;padding:7px 12px!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo>.stream-tile>.tile-video-wrap{
  flex:1 1 0!important;height:0!important;min-height:0!important;
  max-height:none!important;width:100%!important;aspect-ratio:auto!important;
  overflow:hidden!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo>.stream-tile>.tile-video-wrap video{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:contain!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-multi>.stream-tile{
  height:max-content!important;min-height:0!important;max-width:100%!important
}
.room-layout .stage:not(.is-cinema)>.streams.nx-stream-multi .tile-video-wrap{
  max-height:min(39dvh,390px)!important;min-height:0!important;
  aspect-ratio:16/9!important;overflow:hidden
}
body:not(.nx-native-floating):not(.nx-native-fullscreen) .room-layout .stage:not(.is-cinema)>.control-panel{
  flex:0 0 auto!important;position:relative!important;bottom:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:7px 10px!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:9px clamp(10px,1.8vw,22px) calc(10px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;z-index:20!important;
  background:#1b1e2a!important;border-top:1px solid #3d3d53!important
}
.room-layout .stage:not(.is-cinema) .control-panel>.actions-control{
  grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important
}
.room-layout .stage:not(.is-cinema) .control-panel>.nx-mobile-quality-toggle{
  display:flex!important;grid-column:2!important;grid-row:1!important;
  min-width:0!important;width:auto!important;align-self:center!important;
  justify-content:center!important;white-space:nowrap!important;min-height:38px!important
}
.room-layout .stage:not(.is-cinema) .control-panel>.nx-quality-settings{
  display:none!important
}
.room-layout .stage.nx-quality-open:not(.is-cinema) .control-panel>.nx-quality-settings{
  position:absolute!important;display:flex!important;flex-direction:column!important;
  gap:12px!important;right:10px!important;bottom:calc(100% + 8px)!important;
  z-index:22!important;width:min(535px,calc(100% - 20px))!important;
  max-height:min(70dvh,550px)!important;overflow-y:auto!important;
  padding:17px!important;border:1px solid #57516f!important;border-radius:15px!important;
  background:#202131!important;box-shadow:0 20px 70px #030309d9!important
}
.room-layout .stage.nx-quality-open .nx-quality-settings>.nx-preset-bar,
.room-layout .stage.nx-quality-open .nx-quality-settings>.preset-controls,
.room-layout .stage.nx-quality-open .nx-quality-settings>.nx-quality-actual,
.room-layout .stage.nx-quality-open .nx-quality-settings>.audio-safety-hint{
  position:static!important;width:100%!important;min-width:0!important;
  margin:0!important
}
.room-layout .stage.nx-quality-open .nx-quality-settings>.preset-controls{
  display:flex!important;flex-wrap:wrap!important;gap:10px!important
}
.room-layout .stage.nx-quality-open .nx-quality-settings>.audio-safety-hint{
  display:block!important;line-height:1.45!important
}
.room-layout .stage:not(.is-cinema) .control-panel .buttons-control{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:7px!important;min-width:0!important
}
.room-layout .stage:not(.is-cinema) .control-panel .buttons-control button{
  min-height:37px!important;padding:8px 11px!important;font-size:10px!important;
  flex:0 1 auto!important;width:auto!important;grid-column:auto!important;
  grid-row:auto!important;white-space:normal!important
}
.room-layout .stage:not(.is-cinema) .control-panel .buttons-control .share-btn{
  order:0
}
.room-layout .stage:not(.is-cinema) .control-panel .buttons-control .aux-btn{
  order:1
}
@media(max-width:650px){
  .room-layout .stage:not(.is-cinema)>.streams.nx-stream-solo{padding:8px!important}
  .room-layout .stage:not(.is-cinema) .control-panel>.actions-control{grid-column:1 / -1!important;grid-row:1!important}
  .room-layout .stage:not(.is-cinema) .control-panel>.nx-mobile-quality-toggle{
    grid-column:1 / -1!important;grid-row:2!important;
    width:100%!important;min-height:33px!important
  }
  .room-layout .stage:not(.is-cinema) .control-panel .buttons-control{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important
  }
  .room-layout .stage:not(.is-cinema) .control-panel .buttons-control button{
    min-height:34px!important;width:100%!important;padding:7px 5px!important
  }
  .room-layout .stage:not(.is-cinema) .control-panel .buttons-control .share-btn{
    grid-column:1/-1!important;grid-row:1!important
  }
}
@media(max-height:650px) and (min-width:651px){
  .room-layout .stage:not(.is-cinema) .stage-header{padding-top:8px!important;padding-bottom:8px!important}
  .room-layout .stage:not(.is-cinema) .status-line{padding-top:6px!important;padding-bottom:6px!important}
  .room-layout .stage:not(.is-cinema) .nx-stage-tools{padding-top:5px!important;padding-bottom:5px!important}
  .room-layout .stage:not(.is-cinema) .control-panel .buttons-control button{min-height:33px!important}
}