*{box-sizing:border-box}body.live-studio{margin:0;background:#111713;color:#edf3e9;font:16px/1.5 system-ui,sans-serif;overflow:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.live-studio a{color:#d1ee8a}.live-studio main{max-width:1280px;margin:auto;padding:24px}.studio-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #354132;padding-bottom:18px}.studio-heading h1{font-size:28px;margin:0}.studio-heading small,.muted{color:#afbdab}.live-layout{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:28px;margin-top:24px}.preview{background:#222a22;padding:16px;border-radius:18px;display:flex;flex-direction:column;align-items:center}.preview iframe{width:min(100%,360px);height:640px;border:0;border-radius:12px;background:#2a2320}.preview p{font-size:14px;max-width:360px}.desk section{border:1px solid #3e4b3b;border-radius:14px;padding:18px;margin-bottom:16px}.desk h2{margin:0 0 12px;font-size:20px}.desk label{display:block;margin:10px 0 5px;color:#c9d6c4}.desk select,.desk input,.desk textarea{width:100%;padding:10px;border:1px solid #4b5947;border-radius:8px;background:#1d271d;color:#fff}.desk textarea{min-height:72px;resize:vertical}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.desk button,.studio-heading button{border:1px solid #53664a;border-radius:8px;padding:10px 15px;color:#edf3e9;background:#2b3928}.desk .primary{background:#d5f490;color:#1a2512;border-color:#d5f490;font-weight:700}.desk button:disabled{opacity:.45;cursor:default}.phase-status{font-size:18px;font-weight:600;color:#d5f490}.queue{list-style:none;padding:0}.queue li{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3a4835;padding:10px 0;gap:12px}.queue button{font-size:14px}.small-note{font-size:14px;color:#aebdaa}.row-fields{display:grid;grid-template-columns:1fr 90px;gap:12px}.error{color:#ffa993;min-height:24px}.round-stage header,.round-stage #controls,.round-stage #classNotebook{display:none!important}#roundOverlay{position:fixed;inset:0;pointer-events:none;padding:24px 22px;z-index:5;color:#fff;font-family:system-ui,sans-serif;text-shadow:0 2px 6px #0008}.round-brand{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;font-weight:700;color:#d8f49c}#roundQuestion{font-size:clamp(24px,5.6vw,38px);line-height:1.15;margin:24px 0 16px;max-width:720px}#roundOptions{display:flex;gap:8px}#roundOptions span{flex:1;background:#132316e8;border:1px solid #83a96a;border-radius:10px;padding:10px 7px;text-align:center;font-size:20px;font-weight:700}#roundOptions span.correct{background:#d5f490;color:#17270c;text-shadow:none}#roundCall{position:absolute;bottom:21%;left:22px;right:22px;font-size:20px;line-height:1.25;font-weight:700;color:#d5f490}#roundClock{position:absolute;right:22px;bottom:14%;font-size:30px;font-weight:800}#roundResponse{position:absolute;bottom:5%;left:22px;right:22px;background:#18331de8;border-left:4px solid #d5f490;padding:12px;font-size:17px;line-height:1.3;display:none}.round-stage #sub{bottom:12%;left:22px;right:75px;transform:none;width:auto;max-width:none;font-size:15px}.round-stage #sub b{display:none}#enableVoice{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:12;border:0;border-radius:30px;background:#d5f490;color:#14260b;padding:12px 20px;font:600 15px system-ui}#enableVoice[hidden]{display:none}@media(max-width:760px){.live-layout{grid-template-columns:1fr}.preview iframe{height:560px;width:315px}.studio-heading{align-items:flex-start;gap:12px}.studio-heading h1{font-size:22px}}
/* Give the discussion prompt, speech and selected response separate bands. */
#roundCall{bottom:13%;font-size:18px;line-height:1.3}#roundResponse{bottom:3%}.round-stage #sub{bottom:23%;font-size:14px;line-height:1.4}#roundClock{bottom:24%;font-size:24px}.preview button{cursor:pointer;border:1px solid #53664a;border-radius:8px;padding:10px 15px;color:#edf3e9;background:#2b3928}
#teacherBeat{position:absolute;top:30%;left:22px;right:22px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#d8f49c;background:#112216d9;border-radius:6px;padding:6px 9px;width:fit-content;max-width:calc(100% - 44px)}