#modal.room-dialog{width:min(1480px,96vw);max-width:96vw;max-height:96dvh;margin:auto;border-radius:20px}.room-dialog .modal-content{padding:20px}.room-dialog h2{font-size:22px;margin:0 40px 12px 0}.room-presence{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0}.room-presence span{background:#e8f2e8;padding:7px 12px;border-radius:20px;font-size:12px;color:#164b39}.room-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f4f7f3;border:1px solid #dce5dd;border-radius:16px;padding:12px;margin:12px 0}.room-controls button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:10px 12px;min-height:46px;font-size:12px;background:white;border:1px solid #d9e3db;color:#174f3e}.room-controls button[aria-pressed=true]{background:#174f3e;color:white}.room-controls button.danger{background:#f9e4e0;color:#8c2525}.room-controls svg{width:21px;height:21px;flex-shrink:0}.room-controls select{max-width:180px;padding:8px;border:1px solid #d7e3d9;border-radius:8px;background:white;color:#183a2d}.room-camera-choice{font-size:11px;display:flex;gap:5px;align-items:center}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.room-main,.room-side{min-width:0}.room-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-content:center;min-height:55dvh;padding:10px;background:#102d26;border-radius:18px}.room-stage>p{color:#e2eee6!important;padding:20px}.room-tile{position:relative;min-width:0;background:#091c17;border-radius:12px;overflow:hidden;min-height:230px}.room-tile video{width:100%;height:100%;max-height:65dvh;object-fit:contain}.room-tile>span{position:absolute;left:8px;bottom:8px;color:white;background:#102d26df;border-radius:8px;padding:6px 10px;font-size:12px}.room-screen{grid-column:1/-1}.room-audio{display:none}.room-side{background:#fff;border:1px solid #dce5dd;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.room-side h3{font-size:15px;margin:5px 0}.room-chat{min-height:180px;max-height:38dvh;overflow-y:auto;overflow-wrap:anywhere}.room-chat p{padding:8px 0;margin:0;border-bottom:1px solid #eef3ee}.room-chat-form,#room-chat-form{display:flex;gap:6px;align-items:center}.room-chat-form input,#room-chat-input{min-width:0;flex:1;padding:11px;border:1px solid #dce6dd;border-radius:9px}.room-reaction-picker{display:flex;flex-wrap:wrap;gap:5px}.room-reaction-picker button{min-width:38px;min-height:40px;font-size:22px;border-radius:10px;background:#f1f5ef}.room-reaction-picker details{width:100%}.room-reaction-picker details>div{display:flex;flex-wrap:wrap;gap:5px}.room-raised{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.room-raised>span{background:#fff4d4;border:1px solid #e3c56f;border-radius:12px;padding:8px;font-size:12px}.room-raised button{padding:5px;margin-left:7px}.room-recording-banner{background:#fff1e5;border:1px solid #e6c396;border-radius:12px;padding:12px;margin:12px 0}.room-recording-banner:empty{display:none}.room-recording-banner button{margin:5px;padding:10px;border-radius:8px;border:1px solid #d5ae78}.room-participants summary{cursor:pointer;font-weight:650}.room-hide-chat .room-side{display:none}.room-hide-chat .room-layout{grid-template-columns:1fr}.room-dialog:fullscreen,.room-expanded{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important}.room-controls button:disabled{opacity:.55;cursor:not-allowed}.room-student-action{font-size:11px;padding:6px;border-radius:8px;margin:5px}.room-dialog .reaction-burst{pointer-events:none}@media(max-width:800px){#modal.room-dialog{width:98vw;max-width:98vw;max-height:98dvh}.room-dialog .modal-content{padding:12px}.room-controls{padding:8px;gap:6px}.room-controls button{flex:1 1 115px;font-size:11px;min-height:46px}.room-controls select{max-width:100%;min-height:42px}.room-camera-choice{flex:1 1 170px}.room-layout{grid-template-columns:1fr}.room-stage{min-height:46dvh;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:6px}.room-tile{min-height:190px}.room-broadcast .room-stage{min-height:55dvh}.room-tile video{max-height:60dvh}.room-side{padding:12px}.room-chat{max-height:220px}.room-presence{font-size:12px}}.camera-background-picker{width:100%;border-top:1px solid #dce5dd;padding-top:6px}.camera-background-picker summary{font-size:12px;cursor:pointer;padding:6px}.camera-background-picker[open]{display:flex;flex-wrap:wrap;gap:10px}.camera-background-picker label{display:flex;align-items:center;gap:6px;font-size:12px}.camera-background-picker input{max-width:230px;font-size:12px}.camera-background-picker .tiny{width:100%;margin:0}