/* Online Studio only. Existing live-video framing and floating controls remain authoritative. */
.studio-watch{max-width:1460px;padding:24px 4% 38px}
.studio-watch .intro-head{margin:4px 0 24px;gap:18px}
.studio-watch .intro-head .eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 7px}
.studio-watch .intro-head h1{font-size:clamp(30px,3.4vw,44px);line-height:1.12;margin:0 0 8px}
.studio-watch .intro-head p:not(.eyebrow){margin:0;font-size:14px}
.studio-replay-link{font-size:13px;color:#355b44;text-decoration:none;white-space:nowrap;padding:10px 0}
.studio-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.studio-watch-layout>*{min-width:0}
.studio-watch .livekit-access{margin:0;padding:0 0 12px;border:0;border-radius:16px;background:transparent;display:flex;flex-direction:column;min-width:0}
.studio-room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;order:0;margin:0 0 12px}
.studio-room-heading h2{font-size:18px;margin:0}
.studio-live-label{font-size:10px;letter-spacing:.12em;color:#496955;background:#e5ece2;padding:6px 9px;border-radius:6px}
.studio-waiting{order:1;aspect-ratio:16/9;min-height:230px;border-radius:16px;background:#203e32;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f5f4e9;padding:24px;box-sizing:border-box}
.studio-play-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #c8d9c866;border-radius:50%;font-size:29px;color:#dce7d1;line-height:1}
.studio-waiting h3{font-size:clamp(23px,2.5vw,34px);margin:18px 0 8px;font-weight:400;color:inherit}
.studio-waiting p{font-size:13px;margin:0;color:#d1dfd1}
.studio-session-entry{order:2;margin:14px 0 0;font-size:13px}
.studio-session-entry summary{cursor:pointer;color:#4d6855;min-height:36px;line-height:36px}
.studio-session-entry label{display:block;font-size:12px;margin-top:8px}
.studio-watch #joinLive{order:3;align-self:flex-start;font-size:13px;min-height:44px;padding:10px 18px;margin:8px 0}
.studio-watch #liveKitStatus{order:4;font-size:13px;line-height:1.5;margin:6px 0 10px;color:#53695a}
.studio-watch .live-controls{order:5;gap:8px}
.studio-watch .live-controls button{font-size:12px;min-height:44px;margin:0;padding:10px 14px}
.studio-watch .ys-media-control-wrap{order:1}
.studio-watch .recording-inline{order:6;margin:14px 0 0}
.studio-watch .studio-privacy{order:7;font-size:11px;line-height:1.5;margin-top:10px}
body:not(.in-live-class) .studio-watch .live-controls{display:none}
.studio-watch-sidebar{border-left:1px solid #dce4d8;padding-left:24px}
.studio-watch .student-access{background:transparent;border:0;padding:0;margin:0 0 18px}
.studio-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.studio-list-heading h2{font-size:19px;margin:0}
.studio-list-heading>a{font-size:12px;color:#496955;text-decoration:none;white-space:nowrap}
.studio-watch #studentSessions{font-size:13px;line-height:1.6}
.studio-watch .student-session{margin:0;padding:16px 0;border:0;border-bottom:1px solid #dce4d8;border-radius:0;background:transparent;box-shadow:none}
.studio-watch .student-session strong{font-size:15px;line-height:1.4;display:block}
.studio-watch .student-session p{font-size:12px;margin:7px 0}
.studio-watch .student-session small{display:block;font-size:11px;color:#637565}
.studio-watch .student-session button{min-height:44px;font-size:12px;padding:10px 15px;margin-top:10px;border:0;border-radius:22px;background:#dfead8;color:#284734;cursor:pointer}
.studio-help{border-top:1px solid #dce4d8;font-size:12px;line-height:1.6}
.studio-help summary{padding:14px 0;cursor:pointer;font-weight:600;color:#3c5945}
.studio-help>div{padding:0 0 12px;color:#637565}
.studio-help p{margin:0 0 10px}
.studio-watch :focus-visible{outline:3px solid #7e9b71;outline-offset:3px}
.studio-watch [hidden]{display:none!important}
.in-live-class .studio-watch-layout,.resume-live-view .studio-watch-layout,.restoring-live-class .studio-watch-layout{display:block}
.in-live-class .studio-watch-sidebar,.resume-live-view .studio-watch-sidebar,.restoring-live-class .studio-watch-sidebar,
.in-live-class .studio-waiting,.resume-live-view .studio-waiting,.restoring-live-class .studio-waiting,
.in-live-class .studio-room-heading,.in-live-class .studio-session-entry{display:none}
.in-live-class .studio-watch .livekit-access{padding:6px}
.in-live-class .studio-watch .recording-workspace{padding:14px!important}
.in-live-class .studio-watch .recording-workspace .rw-heading{margin-bottom:8px}
.in-live-class .studio-watch .recording-workspace h2{font-size:20px}
.in-live-class .studio-watch .recording-workspace .rw-context{padding:10px 12px;margin-bottom:8px}
.in-live-class .studio-watch .recording-workspace .rw-context p{font-size:12px;margin:4px 0}
body>.studio-watch~footer{font-size:11px;text-align:center;padding:18px;background:transparent;color:#6a7b6b;border-top:1px solid #e1e7dc}
@media(max-width:980px){.studio-watch-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.studio-watch-sidebar{padding-left:18px}}
@media(max-width:760px){.studio-watch{padding:20px 16px 28px}.studio-watch-layout{grid-template-columns:1fr;gap:18px}.studio-watch-sidebar{border-left:0;border-top:1px solid #dce4d8;padding:18px 0 0}.studio-watch .intro-head{display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px;gap:10px}.studio-replay-link{font-size:12px;padding:0}.studio-waiting{min-height:210px}.studio-watch .intro-head>div:first-child{flex:1 1 230px}}
/* Keep four weeks of dates from stretching the page. */
.studio-watch .studio-session-list{max-height:430px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
.studio-watch .studio-session-list:has(.student-session:nth-child(4):not([hidden])){border-bottom:1px solid #dce4d8}
.studio-watch .studio-session-more{display:block;min-height:44px;margin:8px 0 0;padding:8px 0;background:transparent;border:0;color:#365d43;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.studio-watch .studio-session-list .student-session[hidden]{display:none!important}
/* A quieter teaching panel: class details, one clear action, optional tools. */
.studio-watch .rw-polished.recording-workspace{padding:24px!important;border:1px solid #e1e7da!important;border-radius:20px!important;background:#fffef9;box-shadow:0 5px 22px #26453207}
.studio-watch .rw-polished .rw-heading{margin-bottom:18px;gap:12px;align-items:center}
.studio-watch .rw-polished .rw-heading h2{font-size:29px;line-height:1.2}
.studio-watch .rw-polished .rw-eyebrow{font-size:9px;letter-spacing:.18em;font-weight:600;color:#72826c;margin-bottom:6px}
.studio-watch .rw-polished #rwCloud.is-ready{display:none}
.studio-watch .rw-polished .rw-state{margin:0 0 0 auto;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.studio-watch .rw-polished .rw-state-label{font-size:11px;font-weight:600;padding:7px 11px;background:#eaf1e4;color:#3d6245;border-radius:30px;white-space:normal}
.studio-watch .rw-polished .rw-state-label[data-state=recording]{background:#fbe8e5;color:#9b3535}
.studio-watch .rw-polished .rw-state-label[data-state=failed]{background:#fff0df;color:#884d20}
.studio-watch .rw-polished #rwElapsed{font-size:15px}
.studio-watch .rw-polished .rw-context{padding:0;margin:0 0 20px;background:transparent}
.studio-watch .rw-polished .rw-context label{font-size:11px;font-weight:500;color:#6f7d69;margin-bottom:6px}
.studio-watch .rw-polished .rw-context select{margin:0 0 12px;min-height:48px;border:1px solid #dae3d3;border-radius:12px;background:#f3f6ee;font-size:14px;font-weight:500;padding:12px;color:#304e3b;text-overflow:ellipsis;max-width:100%}
.studio-watch .rw-polished .rw-context p{font-size:12px;color:#647561;line-height:1.5;margin:5px 0}
.studio-watch .rw-polished .rw-context #rwWhen{color:#3f5945;font-weight:500}
.studio-watch .rw-polished .rw-actions{gap:8px}
.studio-watch .rw-polished .rw-actions>*{font-size:12px;min-height:44px;padding:11px 17px;border-radius:12px}
.studio-watch .rw-polished #rwJoin{background:#315c47;color:#fff;border:1px solid #315c47;box-shadow:0 3px 10px #294b3512;font-weight:600}
.studio-watch .rw-polished #rwJoin:hover{background:#244b38}
.studio-watch .rw-polished #rwStop{background:#fff0ed;border-color:#ebc9bf;color:#8c3b2f}
.studio-watch .rw-polished #rwHelp{font-size:11px!important;margin:10px 0 18px;line-height:1.6!important}
.studio-watch .rw-polished .rw-secondary-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;align-items:flex-start}
.studio-watch .rw-polished .rw-secondary-tools .rw-details{margin:0;padding:0;border:0;min-width:0}
.studio-watch .rw-polished .rw-secondary-tools summary{font-size:11px;font-weight:500;line-height:24px;min-height:24px;padding:6px 12px;border-radius:10px;background:#f3f5ee;color:#50664b}
.studio-watch .rw-polished .rw-secondary-tools details[open]{flex:1 1 100%;padding:12px;background:#f6f8f2;border-radius:12px}
.studio-watch .rw-polished .rw-secondary-tools details[open]>summary{padding:0;margin-bottom:12px;background:transparent}
.studio-watch .rw-polished .rw-footer{padding:0;margin-top:18px;border:0;font-size:11px}
.studio-watch .rw-polished .rw-footer a{text-decoration:none;font-weight:500;color:#4f6b46}
.studio-watch .rw-polished .rw-footer a:hover{text-decoration:underline}
@media(max-width:600px){.studio-watch .rw-polished.recording-workspace{padding:18px!important}.studio-watch .rw-polished .rw-heading h2{font-size:25px}.studio-watch .rw-polished .rw-heading{align-items:flex-start}.studio-watch .rw-polished .rw-state{max-width:45%}.studio-watch .rw-polished .rw-actions>*{flex:0 1 auto}.studio-watch .rw-polished .rw-context select{font-size:13px}}