:root{
  --bg:#070b16;
  --panel:#111827;
  --panel2:#0d1324;
  --line:rgba(255,255,255,.11);
  --text:#eef2ff;
  --muted:#94a3b8;
  --good:#22c55e;
  --warn:#f59e0b;
  --bad:#ef4444;
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --shadow:0 22px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:radial-gradient(circle at 22% -10%,#1e3a8a 0,#070b16 34%,#050814 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
.is-hidden{display:none!important}
.z6-app{height:100%;min-height:100%;display:grid}
.z6-prejoin{display:grid;place-items:center;padding:24px}
.z6-prejoin-card{width:min(460px,100%);background:rgba(17,24,39,.9);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px;backdrop-filter:blur(16px)}
.z6-logo-row{display:flex;gap:14px;align-items:center;margin-bottom:14px}.z6-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#0f172a);display:grid;place-items:center;font-weight:900;letter-spacing:.05em}.z6-eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.z6-prejoin-card h1{margin:.15rem 0 0;font-size:28px;line-height:1.05}.z6-subtitle{margin:0 0 18px;color:var(--muted);line-height:1.45}.z6-field{display:grid;gap:7px;color:#cbd5e1;font-weight:700;font-size:13px;margin:12px 0}.z6-field input{height:46px;border:1px solid rgba(148,163,184,.32);border-radius:14px;background:#0b1020;color:var(--text);padding:0 14px;outline:none}.z6-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.24)}.z6-prejoin-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:16px 0}.z6-btn{height:46px;border:1px solid rgba(255,255,255,.14);background:#0b1220;color:var(--text);border-radius:14px;font-weight:800}.z6-primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2))}.z6-preview-box{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#030712;display:grid;place-items:center;color:#64748b}.z6-preview-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.z6-preview-box span{z-index:1;background:rgba(0,0,0,.5);padding:6px 10px;border-radius:999px}.z6-error{margin-top:12px;border:1px solid rgba(239,68,68,.35);background:rgba(127,29,29,.3);color:#fecaca;padding:10px 12px;border-radius:12px;line-height:1.35}.z6-room-line{margin-top:14px;color:#94a3b8;font-size:13px}.z6-meeting{height:100%;display:grid;grid-template-rows:64px 1fr 74px}.z6-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(7,11,22,.82);backdrop-filter:blur(14px)}.z6-title{display:flex;align-items:center;gap:12px;min-width:0}.z6-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z6-title small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.z6-dot{width:11px;height:11px;border-radius:50%;background:#64748b;box-shadow:0 0 0 5px rgba(100,116,139,.14)}.z6-dot.is-live{background:var(--good);box-shadow:0 0 0 5px rgba(34,197,94,.14)}.z6-dot.is-bad{background:var(--bad);box-shadow:0 0 0 5px rgba(239,68,68,.14)}.z6-top-actions{display:flex;align-items:center;gap:8px}.z6-chip{height:34px;display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(15,23,42,.8);border-radius:999px;padding:0 12px;color:#cbd5e1;font-size:13px;font-weight:800}.z6-host-chip{color:#bfdbfe;border-color:rgba(96,165,250,.35)}.z6-main{min-height:0;padding:14px;display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(380px,.9fr);gap:14px}.z6-program,.z6-seats-panel{min-height:0;border:1px solid var(--line);border-radius:22px;background:rgba(15,23,42,.72);box-shadow:0 14px 45px rgba(0,0,0,.24);overflow:hidden}.z6-panel-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(15,23,42,.72)}.z6-panel-head span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.z6-panel-head strong{display:block;margin-top:3px}.z6-panel-head b{font-size:12px;color:#cbd5e1;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:rgba(2,6,23,.55)}#programStatus.is-live{color:#bbf7d0;border-color:rgba(34,197,94,.35)}.z6-program-frame{position:relative;height:calc(100% - 56px);background:#020617;display:grid;place-items:center;overflow:hidden}.z6-program-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.z6-program-frame audio{display:none}.z6-program-empty{display:grid;place-items:center;text-align:center;gap:6px;color:#64748b;padding:20px}.z6-program-empty strong{color:#cbd5e1}.z6-seats{height:calc(100% - 56px);padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:10px;overflow:auto}.z6-seat{position:relative;min-height:150px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.92));overflow:hidden;display:grid;place-items:center}.z6-seat.is-empty{border-style:dashed}.z6-seat.is-speaking{border-color:rgba(34,197,94,.78);box-shadow:0 0 0 2px rgba(34,197,94,.12) inset}.z6-seat.is-onair{border-color:rgba(239,68,68,.88);box-shadow:0 0 0 2px rgba(239,68,68,.18) inset,0 0 34px rgba(239,68,68,.14)}.z6-seat-media{position:absolute;inset:0;display:grid;place-items:center;background:#020617}.z6-seat-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.z6-seat-media audio{display:none}.z6-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#1e293b;color:#dbeafe;font-size:22px;font-weight:900;z-index:1}.z6-seat-label{position:absolute;left:9px;right:9px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:12px;background:rgba(2,6,23,.68);backdrop-filter:blur(10px);z-index:2}.z6-seat-label strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z6-seat-label span{font-size:11px;color:var(--muted);white-space:nowrap}.z6-seat-badge{position:absolute;top:9px;left:9px;z-index:3;font-size:11px;color:#cbd5e1;border:1px solid var(--line);background:rgba(2,6,23,.68);border-radius:999px;padding:5px 8px}.z6-onair-badge{position:absolute;top:9px;right:9px;z-index:4;background:rgba(127,29,29,.92);color:#fecaca;border:1px solid rgba(248,113,113,.45);border-radius:999px;font-size:11px;font-weight:900;padding:5px 8px;display:none}.z6-seat.is-onair .z6-onair-badge{display:block}.z6-host-controls{position:absolute;right:9px;bottom:52px;z-index:5;display:flex;gap:6px;opacity:.08;transition:.16s}.z6-seat:hover .z6-host-controls{opacity:1}.z6-host-controls button{height:32px;border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.88);color:#fff;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.z6-host-controls button:first-child{background:rgba(37,99,235,.92)}.z6-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:rgba(7,11,22,.9);backdrop-filter:blur(14px)}.z6-tool{min-width:86px;height:52px;border:1px solid var(--line);background:rgba(15,23,42,.82);color:#e5e7eb;border-radius:16px;display:grid;place-items:center;padding:4px 10px}.z6-tool span{font-size:12px;color:#94a3b8;font-weight:800}.z6-tool b{font-size:13px}.z6-tool.is-off{background:rgba(127,29,29,.45);border-color:rgba(248,113,113,.25)}.z6-host-tool{border-color:rgba(96,165,250,.28)}.z6-leave{background:rgba(127,29,29,.85);border-color:rgba(248,113,113,.38)}.z6-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:rgba(15,23,42,.94);border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:#e5e7eb;box-shadow:var(--shadow);transition:.18s;z-index:50}.z6-toast.is-open{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){html,body{overflow:auto}.z6-meeting{min-height:100vh;height:auto;grid-template-rows:64px auto 74px}.z6-main{grid-template-columns:1fr}.z6-program-frame{aspect-ratio:16/9;height:auto}.z6-seats{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;max-height:none}.z6-toolbar{position:sticky;bottom:0;overflow:auto;justify-content:flex-start}.z6-tool{min-width:78px}}
@media(max-width:560px){.z6-topbar{padding:0 10px}.z6-top-actions .z6-chip:nth-child(2){display:none}.z6-main{padding:10px;gap:10px}.z6-seats{grid-template-columns:1fr}.z6-prejoin{padding:14px}.z6-prejoin-card{border-radius:20px;padding:18px}.z6-toolbar{gap:7px}.z6-tool{min-width:72px;height:50px}}
/* v33 deterministic shared seat map */
.z6-seat.is-offline{border-color:rgba(245,158,11,.35)}
.z6-seat.is-offline .z6-avatar{background:#3b2f15;color:#fde68a}
.z6-host-controls select{height:32px;border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.92);color:#fff;border-radius:999px;padding:0 8px;font-size:12px;font-weight:900;outline:none}
.z6-host-controls button:disabled{opacity:.42;cursor:not-allowed;background:rgba(71,85,105,.72)!important}
/* v36 Program Return direct modal */
body.z6-modal-open{overflow:hidden}
.z6-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px}
.z6-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}
.z6-return-modal-card{position:relative;z-index:1;width:min(1060px,calc(100vw - 48px));max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:22px;background:#071021;box-shadow:var(--shadow);display:grid;grid-template-rows:58px auto;overflow:hidden}
.z6-return-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(15,23,42,.94)}
.z6-return-modal-head span{display:block;color:#93c5fd;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}
.z6-return-modal-head strong{display:block;margin-top:3px;font-size:15px}.z6-return-head-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.z6-return-modal-head button{height:36px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(127,29,29,.78);color:#fff;padding:0 14px;font-weight:900}
.z6-return-modal-card .pr-card-modal{height:auto;max-height:calc(100vh - 106px)}
.z6-return-modal-card .pr-control-panel{max-height:100%;overflow:auto}.z6-return-modal-card .pr-preview{min-height:260px}.z6-return-modal-card .pr-note{margin-top:auto}
.z6-host-controls button:disabled{opacity:.54;cursor:not-allowed;background:rgba(22,101,52,.88)!important;color:#d1fae5}
@media(max-width:900px){.z6-modal{padding:12px}.z6-return-modal-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);grid-template-rows:auto auto}.z6-return-modal-head{min-height:56px;padding:10px 12px}.z6-return-modal-card .pr-card-modal{max-height:calc(100vh - 92px);overflow:auto}.z6-return-modal-card .pr-preview{min-height:0}}
@media(max-width:560px){.z6-return-modal-head{align-items:flex-start}.z6-return-head-right{gap:7px}.z6-return-modal-head strong{font-size:13px}.z6-return-modal-head button{height:32px;padding:0 11px}.z6-return-modal-card{border-radius:16px}}


/* v39: audio confidence meters and TopDirector SRT guard */
.z6-head-monitor{display:flex;align-items:center;gap:10px}
.z6-audio-leds{display:flex;align-items:flex-end;gap:2px;pointer-events:none}
.z6-audio-leds i{display:block;width:5px;height:8px;border-radius:2px;background:rgba(71,85,105,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:background .06s,opacity .06s,box-shadow .06s;opacity:.62}
.z6-audio-leds i:nth-child(2){height:10px}.z6-audio-leds i:nth-child(3){height:12px}.z6-audio-leds i:nth-child(4){height:14px}.z6-audio-leds i:nth-child(5){height:16px}.z6-audio-leds i:nth-child(6){height:18px}.z6-audio-leds i:nth-child(7){height:20px}.z6-audio-leds i:nth-child(8){height:22px}.z6-audio-leds i:nth-child(9){height:24px}.z6-audio-leds i:nth-child(10){height:26px}
.z6-audio-leds i.is-on{background:#22c55e;opacity:1;box-shadow:0 0 8px rgba(34,197,94,.42)}
.z6-audio-leds i.is-hot{background:#f59e0b;box-shadow:0 0 9px rgba(245,158,11,.46)}
.z6-audio-leds-head{height:28px;padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(2,6,23,.45)}
.z6-seat-meter{position:absolute;right:10px;top:42px;z-index:4;flex-direction:column-reverse;align-items:center;gap:2px;padding:5px 4px;border-radius:999px;background:rgba(2,6,23,.55);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.z6-seat-meter i{width:7px;height:4px}.z6-seat-meter i:nth-child(n){height:4px}
.z6-seat.is-speaking .z6-seat-meter{border-color:rgba(34,197,94,.55)}
.z6-tool#stopAllBtn{border-color:rgba(245,158,11,.32);background:rgba(69,47,12,.78)}
@media(max-width:560px){.z6-head-monitor{gap:6px}.z6-audio-leds-head{display:none}.z6-seat-meter{top:38px;right:8px}}

/* v40 Singular Recast backup links */
.z6-recast-modal-card{position:relative;z-index:1;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:22px;background:#071021;box-shadow:var(--shadow);display:grid;grid-template-rows:58px auto;overflow:hidden}.z6-recast-body{padding:16px;overflow:auto;max-height:calc(100vh - 106px)}.z6-recast-note{margin:0 0 14px;color:#cbd5e1;line-height:1.45;border:1px solid rgba(96,165,250,.22);background:rgba(37,99,235,.1);border-radius:14px;padding:12px}.z6-recast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.z6-recast-card{border:1px solid var(--line);border-radius:16px;background:rgba(15,23,42,.8);padding:12px;display:grid;gap:10px}.z6-recast-card span{display:block;color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.z6-recast-card strong{display:block;margin-top:3px}.z6-recast-card input{height:38px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:#020617;color:#dbeafe;padding:0 10px;font-size:12px;outline:none}.z6-recast-actions{display:flex;gap:8px}.z6-recast-actions button,.z6-recast-actions a{height:34px;border:1px solid rgba(255,255,255,.14);background:rgba(37,99,235,.88);color:#fff;border-radius:999px;padding:0 11px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center}.z6-recast-actions a{background:rgba(15,23,42,.88)}.z6-tool#recastBtn{border-color:rgba(34,197,94,.3);background:rgba(20,83,45,.78)}
@media(max-width:760px){.z6-recast-grid{grid-template-columns:1fr}.z6-recast-modal-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}

/* v42: clean SRT/RTSP source modal */
.z6-sources-modal-card { max-width: min(1180px, calc(100vw - 48px)); }
.z6-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.z6-source-card label {
  display: grid;
  gap: 6px;
  font-size: 11px;
  color: rgba(226,232,240,.72);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.z6-source-card input {
  width: 100%;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.72);
  color: #e5e7eb;
  border-radius: 10px;
  padding: 10px 12px;
  font: 12px/1.3 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: none;
  letter-spacing: 0;
}
.z6-source-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .z6-source-grid { grid-template-columns: 1fr; } }

/* v43: separate RTSP per-seat controls */
.z6-seat.is-rtsp-onair{box-shadow:0 0 0 2px rgba(14,165,233,.18) inset,0 0 34px rgba(14,165,233,.14)}
.z6-host-controls{flex-wrap:wrap;justify-content:flex-end;max-width:92%;bottom:48px;opacity:.14}
.z6-host-controls button.z6-rtsp-btn{background:rgba(14,116,144,.94)}
.z6-host-controls button.z6-rtsp-stop-btn{background:rgba(100,116,139,.9)}
.z6-host-controls select{order:5}
@media(max-width:980px){.z6-host-controls{gap:4px}.z6-host-controls button,.z6-host-controls select{height:29px;font-size:11px;padding:0 8px}}


/* v44: mobile guest studio mode only. Desktop and host desktop layout remain unchanged. */
@media (max-width: 700px) and (orientation: portrait) {
  body.z6-is-guest,
  body.z6-is-guest .z6-app {
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    background: #000;
  }

  body.z6-is-guest .z6-prejoin {
    min-height: 100dvh;
    padding: max(12px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
    align-items: stretch;
  }
  body.z6-is-guest .z6-prejoin-card {
    width: 100%;
    min-height: calc(100dvh - 28px);
    border-radius: 24px;
    padding: 18px;
    display: grid;
    grid-template-rows: auto auto auto auto 1fr auto auto;
    gap: 12px;
  }
  body.z6-is-guest .z6-logo-row { gap: 12px; }
  body.z6-is-guest .z6-logo { width: 46px; height: 46px; }
  body.z6-is-guest .z6-prejoin-card h1 { font-size: 22px; line-height: 1.1; }
  body.z6-is-guest .z6-subtitle { font-size: 14px; line-height: 1.35; }
  body.z6-is-guest .z6-field input {
    height: 54px;
    border-radius: 16px;
    font-size: 17px;
  }
  body.z6-is-guest .z6-prejoin-actions { grid-template-columns: 1fr 1fr; gap: 10px; }
  body.z6-is-guest .z6-btn { height: 56px; border-radius: 18px; font-size: 16px; }
  body.z6-is-guest .z6-preview-box {
    min-height: 0;
    height: auto;
    aspect-ratio: 9/16;
    border-radius: 22px;
    background: #000;
  }
  body.z6-is-guest .z6-preview-box video {
    object-fit: cover;
  }

  body.z6-is-guest .z6-meeting {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: 48px 1fr 86px;
    overflow: hidden;
    background: #000;
  }
  body.z6-is-guest .z6-topbar {
    height: 48px;
    padding: env(safe-area-inset-top) 10px 6px;
    border-bottom-color: rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.2));
    z-index: 20;
  }
  body.z6-is-guest .z6-title strong { font-size: 13px; }
  body.z6-is-guest .z6-title small { display: none; }
  body.z6-is-guest .z6-top-actions { gap: 6px; }
  body.z6-is-guest .z6-top-actions .z6-chip:nth-child(2),
  body.z6-is-guest .z6-host-chip { display: none; }
  body.z6-is-guest .z6-chip {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    background: rgba(15,23,42,.62);
    backdrop-filter: blur(10px);
  }

  body.z6-is-guest .z6-main {
    position: relative;
    display: block;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
  }
  body.z6-is-guest .z6-seats-panel {
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: 0;
    background: #000;
    overflow: hidden;
  }
  body.z6-is-guest .z6-seats-panel > .z6-panel-head { display: none; }
  body.z6-is-guest .z6-seats {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
  }
  body.z6-is-guest .z6-seat {
    display: none;
  }
  body.z6-is-guest .z6-seat.is-local {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: #000;
    box-shadow: none;
  }
  body.z6-is-guest .z6-seat.is-local .z6-seat-media,
  body.z6-is-guest .z6-seat.is-local .z6-seat-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  body.z6-is-guest .z6-seat.is-local .z6-seat-media video {
    object-fit: cover;
    background: #000;
  }
  body.z6-is-guest .z6-seat.is-local .z6-avatar {
    width: 94px;
    height: 94px;
    font-size: 32px;
    background: rgba(30,41,59,.82);
    backdrop-filter: blur(10px);
  }
  body.z6-is-guest .z6-seat.is-local:not(:has(video)) .z6-avatar { display: grid; }
  body.z6-is-guest .z6-seat.is-local:has(video) .z6-avatar { display: none; }
  body.z6-is-guest .z6-seat.is-local .z6-seat-badge,
  body.z6-is-guest .z6-seat.is-local .z6-onair-badge { display: none; }
  body.z6-is-guest .z6-seat.is-local .z6-seat-label {
    left: 14px;
    right: 14px;
    bottom: calc(96px + env(safe-area-inset-bottom));
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.28));
    padding: 12px 14px;
  }
  body.z6-is-guest .z6-seat.is-local .z6-seat-label strong { font-size: 16px; }
  body.z6-is-guest .z6-seat.is-local .z6-seat-label span { font-size: 12px; }
  body.z6-is-guest .z6-seat-meter {
    top: auto;
    right: 16px;
    bottom: calc(104px + env(safe-area-inset-bottom));
    z-index: 8;
    transform: scale(1.18);
    transform-origin: bottom right;
  }

  body.z6-is-guest .z6-program {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 12;
    width: min(42vw, 190px);
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.58);
    box-shadow: 0 16px 50px rgba(0,0,0,.45);
    overflow: hidden;
  }
  body.z6-is-guest .z6-program .z6-panel-head {
    height: 28px;
    padding: 0 8px;
    border-bottom-color: rgba(255,255,255,.08);
  }
  body.z6-is-guest .z6-program .z6-panel-head span,
  body.z6-is-guest .z6-program .z6-panel-head strong { font-size: 9px; line-height: 1; }
  body.z6-is-guest .z6-program .z6-head-monitor b { font-size: 9px; padding: 4px 6px; }
  body.z6-is-guest .z6-program-frame {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 0;
    background: #000;
  }
  body.z6-is-guest .z6-program-empty {
    font-size: 10px;
    padding: 8px;
    text-align: center;
  }
  body.z6-is-guest .z6-program-empty span { display: none; }

  body.z6-is-guest .z6-toolbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    height: calc(86px + env(safe-area-inset-bottom));
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    display: flex;
    justify-content: space-around;
    gap: 8px;
    overflow: visible;
    border-top: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.86) 28%, rgba(0,0,0,.94));
    backdrop-filter: blur(14px);
  }
  body.z6-is-guest .z6-tool {
    min-width: 0;
    width: 64px;
    height: 64px;
    border-radius: 22px;
    padding: 0;
    display: grid;
    place-items: center;
    background: rgba(15,23,42,.82);
    border-color: rgba(255,255,255,.13);
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
  }
  body.z6-is-guest .z6-tool span,
  body.z6-is-guest .z6-tool b {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  body.z6-is-guest .z6-tool::before {
    font-size: 27px;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.28));
  }
  body.z6-is-guest #micBtn::before { content: '🎙️'; }
  body.z6-is-guest #camBtn::before { content: '📷'; }
  body.z6-is-guest #audioBtn::before { content: '🔊'; }
  body.z6-is-guest #inviteBtn::before { content: '🔗'; }
  body.z6-is-guest #leaveBtn::before { content: '✕'; font-size: 32px; font-weight: 900; }
  body.z6-is-guest .z6-tool.is-off::before { opacity: .55; }
  body.z6-is-guest .z6-leave {
    background: rgba(153,27,27,.96);
    border-color: rgba(248,113,113,.38);
  }
  body.z6-is-guest .z6-toast {
    bottom: calc(102px + env(safe-area-inset-bottom));
    max-width: calc(100vw - 24px);
    border-radius: 18px;
    text-align: center;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  body.z6-is-guest,
  body.z6-is-guest .z6-app,
  body.z6-is-guest .z6-meeting {
    height: 100dvh;
    overflow: hidden;
    background: #000;
  }
  body.z6-is-guest .z6-meeting { grid-template-rows: 0 1fr 70px; }
  body.z6-is-guest .z6-topbar { display: none; }
  body.z6-is-guest .z6-main { padding: 0; display: block; position: relative; overflow: hidden; }
  body.z6-is-guest .z6-seats-panel { position: absolute; inset: 0; border: 0; border-radius: 0; background: #000; }
  body.z6-is-guest .z6-seats-panel > .z6-panel-head { display: none; }
  body.z6-is-guest .z6-seats { display: block; height: 100%; padding: 0; }
  body.z6-is-guest .z6-seat { display: none; }
  body.z6-is-guest .z6-seat.is-local { display: block; position: absolute; inset: 0; border: 0; border-radius: 0; aspect-ratio: auto; }
  body.z6-is-guest .z6-seat.is-local .z6-seat-media,
  body.z6-is-guest .z6-seat.is-local .z6-seat-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  body.z6-is-guest .z6-seat.is-local:has(video) .z6-avatar,
  body.z6-is-guest .z6-seat.is-local .z6-seat-badge,
  body.z6-is-guest .z6-seat.is-local .z6-onair-badge { display: none; }
  body.z6-is-guest .z6-program { display: none; }
  body.z6-is-guest .z6-toolbar { position: fixed; bottom: 0; left: 0; right: 0; height: 70px; padding: 6px 12px; justify-content: center; background: rgba(0,0,0,.82); }
  body.z6-is-guest .z6-tool { width: 58px; height: 58px; min-width: 58px; border-radius: 20px; }
  body.z6-is-guest .z6-tool span,
  body.z6-is-guest .z6-tool b { display: none; }
  body.z6-is-guest .z6-tool::before { font-size: 25px; }
  body.z6-is-guest #micBtn::before { content: '🎙️'; }
  body.z6-is-guest #camBtn::before { content: '📷'; }
  body.z6-is-guest #audioBtn::before { content: '🔊'; }
  body.z6-is-guest #inviteBtn::before { content: '🔗'; }
  body.z6-is-guest #leaveBtn::before { content: '✕'; font-size: 30px; }
}

/* v45: mobile guest entrance + full-screen stage with right-side participant circles. Desktop remains untouched. */
@media (max-width: 700px) {
  html, body { overscroll-behavior: none; }

  body.z6-is-guest .z6-prejoin {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    padding: max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));
    overflow: hidden;
    background: radial-gradient(circle at 50% -10%, rgba(37,99,235,.34), #020617 45%, #000 100%);
  }
  body.z6-is-guest .z6-prejoin-card {
    width: 100%;
    height: calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));
    min-height: 0;
    max-height: none;
    overflow: hidden;
    padding: 14px;
    border-radius: 22px;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0,1fr) auto;
    gap: 9px;
  }
  body.z6-is-guest .z6-logo-row { margin: 0; }
  body.z6-is-guest .z6-logo { width: 42px; height: 42px; border-radius: 14px; }
  body.z6-is-guest .z6-eyebrow { font-size: 9px; letter-spacing: .14em; }
  body.z6-is-guest .z6-prejoin-card h1 { font-size: clamp(20px, 6vw, 27px); margin: 2px 0 0; }
  body.z6-is-guest .z6-subtitle { margin: 0; font-size: 13px; line-height: 1.28; }
  body.z6-is-guest .z6-field { margin: 0; gap: 5px; font-size: 12px; }
  body.z6-is-guest .z6-field input { height: 50px; font-size: 16px; border-radius: 16px; }
  body.z6-is-guest .z6-prejoin-actions { margin: 0; grid-template-columns: .9fr 1.25fr; gap: 9px; }
  body.z6-is-guest .z6-btn { height: 52px; border-radius: 18px; font-size: 16px; }
  body.z6-is-guest .z6-preview-box {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    border-radius: 22px;
    background: #000;
  }
  body.z6-is-guest .z6-preview-box video { object-fit: contain; background: #000; }
  body.z6-is-guest .z6-preview-box span { bottom: 10px; top: auto; position: absolute; }
  body.z6-is-guest .z6-room-line { margin: 0; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  body.z6-is-guest .z6-meeting {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    background: #000;
  }
  body.z6-is-guest .z6-main,
  body.z6-is-guest .z6-seats-panel,
  body.z6-is-guest .z6-seats {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
  }
  body.z6-is-guest .z6-seats-panel { border: 0; border-radius: 0; }
  body.z6-is-guest .z6-seats-panel > .z6-panel-head { display: none; }
  body.z6-is-guest .z6-seat {
    display: none;
    transition: transform .28s ease, opacity .24s ease, border-color .24s ease, box-shadow .24s ease;
  }
  body.z6-is-guest .z6-seat.is-mobile-active {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: #000;
    box-shadow: none;
    opacity: 1;
    transform: none;
  }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media,
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media video {
    object-fit: contain;
    background: #000;
  }
  body.z6-is-guest .z6-seat.is-mobile-active:has(video) .z6-avatar { display: none; }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-avatar {
    width: 104px;
    height: 104px;
    font-size: 34px;
    background: rgba(30,41,59,.82);
    backdrop-filter: blur(12px);
  }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-label {
    left: 14px;
    right: 86px;
    bottom: calc(94px + env(safe-area-inset-bottom));
    border-radius: 20px;
    padding: 12px 14px;
    background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.20));
    z-index: 8;
  }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-badge,
  body.z6-is-guest .z6-seat.is-mobile-active .z6-onair-badge { display: none; }

  body.z6-is-guest .z6-seat.is-mobile-rail {
    display: block;
    position: absolute;
    right: max(8px, env(safe-area-inset-right));
    top: calc(68px + (var(--mobile-rail-index, 0) * 58px));
    z-index: 24;
    width: 50px;
    height: 50px;
    min-height: 0;
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,.24);
    background: rgba(15,23,42,.86);
    box-shadow: 0 10px 30px rgba(0,0,0,.38);
    opacity: .92;
    transform: translateZ(0);
  }
  body.z6-is-guest .z6-seat.is-mobile-rail:active { transform: scale(.93); }
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-media,
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-media video { object-fit: cover; }
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-avatar {
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: rgba(30,41,59,.86);
  }
  body.z6-is-guest .z6-seat.is-mobile-rail:has(video) .z6-avatar { display: none; }
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-label,
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-badge,
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-onair-badge,
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-meter { display: none; }

  body.z6-is-guest .z6-program {
    position: fixed;
    left: max(10px, env(safe-area-inset-left));
    top: calc(54px + env(safe-area-inset-top));
    right: auto;
    z-index: 18;
    width: min(38vw, 160px);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0,0,0,.62);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 12px 40px rgba(0,0,0,.36);
  }
  body.z6-is-guest .z6-program .z6-panel-head { height: 24px; padding: 0 7px; }
  body.z6-is-guest .z6-program .z6-panel-head span { display: none; }
  body.z6-is-guest .z6-program .z6-panel-head strong { font-size: 9px; }
  body.z6-is-guest .z6-program .z6-head-monitor { display: none; }
  body.z6-is-guest .z6-program-frame { aspect-ratio: 16 / 9; height: auto; min-height: 0; border-radius: 0; }

  body.z6-is-guest .z6-topbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 30;
    height: calc(50px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 10px 6px;
    background: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.08));
    border-bottom: 0;
  }
  body.z6-is-guest .z6-title strong { font-size: 13px; }
  body.z6-is-guest .z6-title small,
  body.z6-is-guest #networkText { display: none; }

  body.z6-is-guest .z6-toolbar {
    height: calc(82px + env(safe-area-inset-bottom));
    padding: 8px 9px calc(8px + env(safe-area-inset-bottom));
    gap: 7px;
    align-items: center;
  }
  body.z6-is-guest .z6-tool {
    width: 62px;
    height: 62px;
    min-width: 0;
    flex: 0 1 62px;
    border-radius: 22px;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  body.z6-is-guest .z6-program { display: block; width: 150px; top: 10px; }
  body.z6-is-guest .z6-seat.is-mobile-rail { top: calc(12px + (var(--mobile-rail-index, 0) * 52px)); width: 46px; height: 46px; }
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-label { bottom: 82px; right: 74px; }
  body.z6-is-guest .z6-toolbar { height: 70px; }
}

/* v46: mobile guest full-screen camera with Messenger-style floating return + participant bubbles. */
@media (max-width: 700px) {
  html, body {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    touch-action: manipulation;
  }

  body.z6-is-guest .z6-prejoin {
    inset: 0;
    height: 100dvh;
    overflow: hidden !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));
  }

  body.z6-is-guest .z6-prejoin-card {
    height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height: none;
    overflow: hidden !important;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    align-content: stretch;
  }

  body.z6-is-guest .z6-preview-box {
    min-height: 0;
    height: 100%;
    max-height: 42dvh;
  }

  body.z6-is-guest .z6-preview-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.z6-is-guest .z6-meeting,
  body.z6-is-guest .z6-main,
  body.z6-is-guest .z6-seats-panel,
  body.z6-is-guest .z6-seats {
    overflow: hidden !important;
  }

  body.z6-is-guest .z6-topbar {
    height: calc(42px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 10px 4px;
    background: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,0));
    pointer-events: none;
  }
  body.z6-is-guest .z6-top-actions { display: none; }
  body.z6-is-guest .z6-title strong { font-size: 12px; text-shadow: 0 2px 14px rgba(0,0,0,.65); }
  body.z6-is-guest .z6-title small { display: none; }

  body.z6-is-guest .z6-seat.is-mobile-active {
    inset: 0;
    z-index: 1;
    background: #000;
    transition: opacity .22s ease, transform .26s ease;
  }

  body.z6-is-guest.z6-mobile-focus-changing .z6-seat.is-mobile-active {
    animation: z6MobileFocusIn .24s ease both;
  }

  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media,
  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media video {
    object-fit: cover;
    background: #000;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-label {
    left: 12px;
    right: 88px;
    bottom: calc(84px + env(safe-area-inset-bottom));
    padding: 10px 12px;
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(0,0,0,.70), rgba(0,0,0,.10));
    backdrop-filter: blur(8px);
  }

  body.z6-is-guest .z6-program {
    display: block !important;
    position: fixed;
    right: max(10px, env(safe-area-inset-right));
    left: auto;
    top: calc(48px + env(safe-area-inset-top));
    z-index: 28;
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid rgba(59,130,246,.58);
    background: rgba(2,6,23,.86);
    box-shadow: 0 16px 44px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.09) inset;
  }

  body.z6-is-guest .z6-program .z6-panel-head {
    display: none !important;
  }

  body.z6-is-guest .z6-program-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    border-radius: 999px;
    overflow: hidden;
    background: #000;
  }

  body.z6-is-guest .z6-program-frame video,
  body.z6-is-guest .z6-program-frame [data-program-layer="1"],
  body.z6-is-guest .z6-program-frame [data-program-layer="1"] video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.z6-is-guest .z6-program-empty {
    display: none !important;
  }

  body.z6-is-guest .z6-seat.is-mobile-rail {
    right: max(15px, env(safe-area-inset-right));
    top: calc(158px + env(safe-area-inset-top) + (var(--mobile-rail-index, 0) * 60px));
    z-index: 27;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.28);
    box-shadow: 0 12px 34px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.07) inset;
    opacity: .96;
    transition: transform .18s ease, opacity .18s ease, border-color .18s ease;
  }

  body.z6-is-guest .z6-seat.is-mobile-rail:active {
    transform: scale(.90);
    opacity: .78;
  }

  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-media,
  body.z6-is-guest .z6-seat.is-mobile-rail .z6-seat-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  body.z6-is-guest .z6-toolbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 31;
    height: calc(76px + env(safe-area-inset-bottom));
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,.18), rgba(0,0,0,0));
    border-top: 0;
    justify-content: center;
    overflow: hidden;
  }

  body.z6-is-guest .z6-tool {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 999px;
    background: rgba(15,23,42,.72);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 8px 24px rgba(0,0,0,.30);
  }

  body.z6-is-guest .z6-leave { background: rgba(127,29,29,.88); }
}

@media (max-width: 700px) and (orientation: landscape) {
  body.z6-is-guest .z6-topbar { display: none; }

  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-media video {
    object-fit: cover;
  }

  body.z6-is-guest .z6-program {
    width: 78px;
    height: 78px;
    min-width: 78px;
    min-height: 78px;
    top: max(10px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
  }

  body.z6-is-guest .z6-seat.is-mobile-rail {
    width: 44px;
    height: 44px;
    right: max(29px, env(safe-area-inset-right));
    top: calc(98px + env(safe-area-inset-top) + (var(--mobile-rail-index, 0) * 49px));
  }

  body.z6-is-guest .z6-seat.is-mobile-active .z6-seat-label {
    bottom: calc(62px + env(safe-area-inset-bottom));
    right: 96px;
    max-width: 42vw;
  }

  body.z6-is-guest .z6-toolbar {
    height: calc(58px + env(safe-area-inset-bottom));
    padding: 5px 8px calc(5px + env(safe-area-inset-bottom));
  }

  body.z6-is-guest .z6-tool {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

@keyframes z6MobileFocusIn {
  from { opacity: .58; transform: scale(1.015); }
  to { opacity: 1; transform: scale(1); }
}

/* v47 Stable Output Mode */
.z6-seat.is-stable-onair { box-shadow: 0 0 0 2px rgba(34,197,94,.85), 0 0 24px rgba(34,197,94,.22); }
.z6-stable-btn { background: rgba(34,197,94,.18) !important; border-color: rgba(34,197,94,.42) !important; }
.z6-stable-stop-btn { background: rgba(250,204,21,.12) !important; border-color: rgba(250,204,21,.35) !important; }
.z6-stable-recover-btn {
  background: rgba(59,130,246,.16) !important;
  border-color: rgba(59,130,246,.42) !important;
}

/* v50 Program Return discussion safety */
.z6-tool#audioBtn span::after {
  content: " audio";
}


/* v51: clean join/host/return polish without changing SRT/RTSP media paths */
.z6-join-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 4px}
.z6-join-steps span{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.64);border-radius:12px;padding:7px 9px;color:#cbd5e1;font-size:12px;font-weight:800}
.z6-join-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:rgba(37,99,235,.95);color:#fff;font-size:11px;flex:0 0 auto}
.z6-device-note{border:1px solid rgba(34,197,94,.18);background:rgba(20,83,45,.16);color:#bbf7d0;border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.35;font-weight:700}
.z6-chip.is-off{border-color:rgba(239,68,68,.35);background:rgba(127,29,29,.55);color:#fecaca}
.z6-tool[aria-label]{touch-action:manipulation}
.z6-is-host .z6-program .z6-panel-head strong::after{content:' · WebRTC return';font-size:11px;color:#93c5fd;font-weight:900;margin-left:8px}.z6-is-host .z6-seats-panel .z6-panel-head strong::after{content:' · host controlled';font-size:11px;color:#86efac;font-weight:900;margin-left:8px}
@media(max-width:700px){body.z6-is-guest .z6-join-steps{grid-template-columns:1fr;gap:7px}body.z6-is-guest .z6-device-note{font-size:12px;padding:9px 10px}body.z6-is-guest .z6-prejoin-card{gap:10px}body.z6-is-guest .z6-toolbar .z6-tool span{font-size:20px}body.z6-is-guest #audioBtn span{font-size:18px}}
@media(max-width:700px) and (orientation:landscape){body.z6-is-guest .z6-prejoin-card{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;align-content:center}body.z6-is-guest .z6-logo-row,body.z6-is-guest .z6-subtitle,body.z6-is-guest .z6-join-steps,body.z6-is-guest .z6-field,body.z6-is-guest .z6-prejoin-actions,body.z6-is-guest .z6-device-note,body.z6-is-guest .z6-room-line,body.z6-is-guest .z6-error{grid-column:1}.body-z6-noop{display:none}body.z6-is-guest .z6-preview-box{grid-column:2;grid-row:1 / span 7;height:calc(100dvh - 34px);aspect-ratio:auto}}


/* v53 production clean UI */
.z6-subtitle,.z6-join-steps,.z6-device-note,.z6-room-line,.z6-recast-note{display:none!important}
.z6-panel-head span:empty,.z6-return-modal-head span:empty,.pr-mini-head span:empty,.z6-source-card span:empty{display:none!important}
.z6-program-empty span,.pr-empty span{display:none!important}
.z6-prejoin-card{gap:16px}
.z6-source-card input{font-size:13px}
.z6-host-controls button{min-width:72px}