.screen-tools { display: flex; align-items: center; gap: 5px; }
.screen-tools [hidden], #broadcastDialog [hidden] { display: none !important; }
.screen-quick { min-width: 30px; padding: 6px 9px; opacity: .65; }
.screen-quick:hover, .screen-quick:focus-visible { opacity: 1; }
#broadcastDialog { box-sizing: border-box; width: min(560px, calc(100% - 28px)); max-height: 90dvh; margin: auto; padding: 24px; border: 1px solid #304654; border-radius: 20px; color: #eef5fa; background: #0c1d29; box-shadow: 0 24px 100px #0009; }
#broadcastDialog::backdrop { background: #020b13b8; backdrop-filter: blur(5px); }
.broadcast-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.broadcast-heading h2 { margin: 0; font-size: 24px; }
#broadcastDialog p, #broadcastDialog small { color: #a9bdcc; line-height: 1.5; }
#broadcastDialog label { display: block; margin: 16px 0 7px; }
#broadcastDialog select, #broadcastRoomName { box-sizing: border-box; width: 100%; padding: 12px; border-radius: 9px; border: 1px solid #365063; background: #071522; color: #fff; font: inherit; }
#broadcastRoomName { margin-top: 7px; }
#broadcastDialog .broadcast-mic { display: flex; align-items: center; gap: 8px; }
#broadcastPreview { width: 100%; max-height: 220px; margin: 12px 0; background: #000; border-radius: 10px; object-fit: contain; }
.broadcast-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
#broadcastDialog button { padding: 10px 14px; border-radius: 9px; border: 1px solid #365063; color: #fff; background: #183344; cursor: pointer; font: inherit; }
#broadcastDialog #startBroadcast { background: #b6372c; border-color: #b6372c; }
#broadcastDialog button:disabled { opacity: .45; cursor: default; }
#broadcastDialog button:focus-visible { outline: 2px solid #fdb596; outline-offset: 3px; }