.classroom-library{margin-block:24px}.classroom-picker{background:#f4f1fb;border:1px solid #d9caed;border-radius:20px;padding:20px;margin-bottom:18px}.classroom-picker summary{font-weight:700;cursor:pointer}.classroom-picker label{display:block;margin:16px 0}.classroom-picker input,.classroom-picker select{width:100%;min-height:48px}#classroom-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:320px;overflow:auto}#classroom-results button{text-align:left;background:white;color:#263963}#classroom-results small{display:block;margin-top:8px;color:#61708b}#classroom-preview{border:2px dashed #9c81c8;border-radius:20px;margin-top:20px;padding:20px}.classroom-slide{background:white;border:1px solid #d6e3f7;border-radius:24px;padding:clamp(18px,3vw,36px)}.classroom-slide h2{font-size:clamp(24px,3vw,36px)}.classroom-caption{font-size:clamp(18px,2vw,24px);line-height:1.6;background:#eef8f2;padding:20px;border-radius:16px}.classroom-model{max-width:850px;margin:20px auto}.classroom-model svg{max-height:300px}.classroom-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.classroom-shapes svg{width:100%;max-height:180px}.classroom-slide li{padding:12px;font-size:20px}.classroom-library>.actions{flex-wrap:wrap}.classroom-library button{min-height:48px}@media(max-width:600px){#classroom-results{grid-template-columns:1fr}.classroom-shapes{grid-template-columns:repeat(2,1fr)}}

.classroom-preview-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}#classroom-preview{scroll-margin-top:16px}

/* Keep camera controls above a compact landscape video, including demo rooms. */
.room .room-media-controls{padding:16px;background:#223650;border-radius:16px;margin-bottom:16px}
.room .room-media-controls label{max-width:440px;margin-top:12px;font-size:16px}
.room .room-media-controls select{width:100%;min-height:48px}
.room .videos{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}
.room .video-tile{width:100%;max-width:640px;min-height:0;max-height:none}
.room video-player-container{display:block;width:100%;aspect-ratio:16/9;max-height:360px}
.room .video-tile video-player,.room .video-tile video{display:block;width:100%;height:100%;max-height:360px;aspect-ratio:16/9;object-fit:contain}

#classroom-response:not(:empty){background:#f4f1fb;color:#263963;padding:20px;border-radius:18px;margin-top:16px}.classroom-answer-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.classroom-answer-options button{background:white;color:#263963;border:2px solid #bac6d8}.classroom-answer-options button[aria-pressed="true"]{background:#dfefd9;border-color:#405c48}.answer-selected{display:block;font-weight:800}#classroom-response p{color:#435578}

.room #shared-canvas{scroll-margin-top:16px}.room-shortcuts{margin-block:16px}