.group-dashboard{max-width:1400px;margin:auto}.group-dashboard .group-class-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;margin-top:24px}.group-dashboard form{display:grid;gap:16px;margin-top:20px}.group-dashboard input,.group-dashboard select{width:100%;min-height:44px}.group-dashboard label{display:grid;gap:8px}.group-dashboard .inline{display:flex;align-items:center}.group-dashboard input[type=checkbox]{width:22px;min-height:22px}.group-dashboard details.card{margin:16px 0}.room-group{max-width:1600px;margin:auto}.room-group .room-studio-layout{grid-template-columns:minmax(240px,30%) minmax(0,1fr)}.room-group .videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-group .video-tile:first-child,.room-group .room-selected-student{grid-column:1/-1}.room-group .video-tile{min-width:0;border:2px solid #dbe5ef;border-radius:18px;overflow:hidden;background:#edf3f8}.room-group .room-selected-student{border:3px solid #2856d4}.room-group .room-participant-name{width:100%;border-radius:0;white-space:normal}.room-group video-player-container{display:block;width:100%;aspect-ratio:4/3}.room-group video-player{display:block;width:100%;height:100%}.room-group .room-camera-off{min-height:110px;display:grid;place-content:center;gap:8px;text-align:center}.room-group .room-camera-off[hidden]{display:none}.room-group .room-avatar{font-size:40px;font-weight:bold}.room-group .room-media-controls .actions{display:grid;gap:8px}.room-group .canvas-wrap{min-height:480px}.room-group .canvas-wrap canvas{width:100%;height:460px;touch-action:none}.room-group .room-workspace-tabs{display:flex;gap:8px;flex-wrap:wrap}.room-group .room-workspace-tabs [aria-pressed=true]{background:#243959;color:white}.room-group #classroom-response{padding:16px}.room-group .room-studio-workspace{min-width:0}.room-group .practice-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:800px){.room-group .room-studio-layout{grid-template-columns:1fr}.room-group .videos{grid-template-columns:repeat(3,minmax(0,1fr))}.room-group .video-tile:first-child,.room-group .room-selected-student{grid-column:auto}.room-group .room-camera-off{min-height:90px}.room-group .room-media-controls .actions{display:flex;flex-wrap:wrap}}@media(max-width:480px){.room-group .videos{grid-template-columns:repeat(2,minmax(0,1fr))}}