.desktop-menubar .production-room-open{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;height:21px;min-width:34px;margin:0 4px;padding:0 9px;border:1px solid #ffffff24;border-radius:12px;background:#23884edb;color:white;cursor:pointer;box-shadow:inset 0 1px #ffffff26}
.desktop-menubar .production-room-open:hover,.desktop-menubar .production-room-open[aria-expanded=true]{background:#35a568}
.desktop-menubar .production-room-open:focus-visible{outline:2px solid #fff;outline-offset:1px}
.production-room-open svg{display:block;width:16px;height:16px;fill:currentColor}
.desktop-menubar .production-room-open[data-connected=true]{background:#20a65d}
.production-room-connected-dot{width:5px;height:5px;border-radius:50%;background:#d8ffe4;box-shadow:0 0 4px #b4ffce70}
.production-room-connected-dot[hidden]{display:none}
.production-room-panel{position:fixed;z-index:90;right:12px;top:34px;width:min(350px,calc(100vw - 32px));padding:0 16px 16px;border:1px solid #ffffff2b;border-radius:12px;background:#242932ed;backdrop-filter:blur(28px) saturate(150%);color:#f4f5f8;box-shadow:0 18px 70px #0009;font:12px/1.4 system-ui,sans-serif}
.production-room-panel[hidden]{display:none}
.production-room-panel header{height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;font-size:14px}
.production-room-panel header button{border:0;background:none;color:#ccd2dc;font-size:22px;cursor:pointer}
.production-room-panel .room-intro{color:#afb7c5;line-height:1.5}
.production-room-panel label{display:grid;gap:5px;margin:10px 0;color:#d6dce6}
.production-room-panel input{box-sizing:border-box;width:100%;padding:8px;border:1px solid #ffffff26;border-radius:5px;background:#161a21;color:white;font:inherit}
.production-room-panel button:not(header button){border:1px solid #ffffff23;border-radius:5px;padding:8px 10px;background:#414a58;color:white;font:inherit;cursor:pointer}
.production-room-panel button:disabled{opacity:.5;cursor:default}
.production-room-panel .room-join{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}
.production-room-panel .room-create{width:100%;background:#d5e8a7!important;color:#263a20!important;font-weight:650!important}
.production-room-panel .room-connected{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.production-room-panel .room-connected[hidden],.production-room-panel .room-join[hidden]{display:none}
.production-room-panel .room-connected p{width:100%;margin:6px 0}
.production-room-panel .room-status{min-height:18px;color:#bdebbd;overflow-wrap:anywhere}
@media(max-width:620px){.production-room-panel{right:8px}}
.production-room-panel .room-invite-origin,.production-room-panel .room-invite-link{width:100%;margin:4px 0}
.production-room-panel .room-invite-origin[hidden]{display:none}
.production-room-panel select{box-sizing:border-box;width:100%;padding:8px;border:1px solid #ffffff26;border-radius:5px;background:#161a21;color:white;font:inherit}
.production-room-panel .room-call-guidance{color:#dfcf9c;font-size:11px;line-height:1.5}
.production-room-panel a{color:#a2e1ef;overflow-wrap:anywhere}
.production-room-panel{max-height:calc(100vh - 90px);overflow-y:auto;box-sizing:border-box}