.event-live-card,.platform-event-recordings { margin-top:32px; }
.event-live-card h2,.media-card h3 { margin:8px 0 12px; }
.media-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px; }
.media-card { display:flex;flex-direction:column;gap:8px; }
.media-card .learning-actions { margin-top:auto; }
.media-small { font-size:13px;line-height:1.5; }
.media-form { display:grid;gap:16px;max-width:760px;margin:24px 0; }
.media-form label,.media-interactions label { display:grid;gap:8px; }
.media-interactions { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:32px; }
.media-interactions textarea { width:100%;min-height:80px; }
.media-interactions form { display:grid;gap:12px; }
.media-question-list { list-style:none;padding:0; }
.media-question-list li,.media-poll { padding:16px 0;border-bottom:1px solid var(--learner-border); }
.media-poll>div { margin:8px 0; }
.media-dock { position:fixed;z-index:45;top:72px;bottom:16px;right:16px;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;border:1px solid var(--learner-border);border-radius:12px;background:var(--learner-surface);color:var(--learner-ink);box-shadow:0 12px 40px #0003;overflow:hidden; }
.media-dock[hidden] { display:none; }
.media-dock[data-mode=watch] { width:calc(100vw - 368px); }
.media-dock header { padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--learner-border); }
.media-dock h2 { margin:0;font-size:18px;line-height:1.4;flex:1; }
.media-dock-actions { display:flex;gap:8px;flex-wrap:wrap; }
.media-dock-body { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain; }
.media-sdk-container { height:360px;min-height:260px; }
.media-dock[data-mode=watch] .media-sdk-container { height:calc(100% - 104px);min-height:360px; }
.media-dock p.media-connection,.media-caption { margin:0;padding:10px 16px;font-size:14px;line-height:1.5; }
.media-caption { min-height:56px;background:var(--learner-inset); }
.media-caption[hidden] { display:none; }
.media-dock .media-interactions { display:block;padding:0 16px 16px;margin-top:16px; }
.media-dock .media-interactions h3 { margin:16px 0 12px; }
.media-dock .media-status { margin:0;padding:12px 16px; }
.media-dock .media-stage { padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap; }
body.has-live-media[data-media-mode=build] #learnerShell .shell-main { margin-right:456px;min-width:0; }
.media-player-container { width:100%;aspect-ratio:16/9;background:#111; }
.media-player-container iframe { border:0;width:100%;height:100%; }
.media-replay-details { padding:16px; }
.media-replay-details nav { display:flex;gap:8px;flex-wrap:wrap; }
.media-review-dialog { width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--learner-surface);color:var(--learner-ink);border:1px solid var(--learner-border);border-radius:12px;padding:24px; }
.media-review-dialog::backdrop { background:#0008; }
.media-review-dialog>header { display:flex;align-items:center;gap:16px;justify-content:space-between; }
.media-review-dialog .media-form { margin-bottom:0; }
@media(max-width:1100px) {
 body.has-live-media[data-media-mode=build] #learnerShell .shell-main { margin-right:0; }
 body.has-live-media[data-media-mode=build] #learnerShell { padding-bottom:42dvh; }
 .media-dock[data-mode=build] { top:auto;bottom:0;right:0;width:100%;height:40dvh;border-radius:12px 12px 0 0; }
 .media-dock[data-mode=build] header { padding:8px 12px; }
 .media-dock[data-mode=build] .media-sdk-container { height:280px; }
 .media-dock[data-mode=watch] { width:calc(100vw - 88px); }
}
@media(max-width:760px) {
 .event-live-card,.platform-event-recordings,.media-interactions { margin-top:24px; }
 .media-dock { top:64px;bottom:8px;right:8px; }
 .media-dock[data-mode=watch] { width:calc(100vw - 16px); }
 .media-dock[data-mode=watch] .media-sdk-container { min-height:260px;height:50dvh; }
}
.media-checkbox { display:flex!important;flex-direction:row;align-items:flex-start;gap:10px; }
.media-checkbox input { flex:none;margin-top:4px; }
.media-form fieldset { min-width:0;display:grid;gap:12px;border:1px solid var(--learner-border);padding:16px; }
.media-form legend { font-weight:600;padding:0 6px; }
.media-sdk-container { height:auto;min-height:260px; }
.media-dock[data-mode=watch] .media-sdk-container { height:auto;min-height:360px; }
.media-core { display:grid;gap:12px;padding:16px; }
.media-core p { margin:0; }
.media-device-controls,.media-device-selectors { display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.media-device-selectors label { display:grid;gap:6px;flex:1;min-width:120px; }
.media-device-selectors select { width:100%; }
.media-core-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px; }
.media-core-tile { margin:0;min-width:0;position:relative;overflow:hidden;border:1px solid var(--learner-border);border-radius:8px;background:#111;color:#fff; }
.media-core-tile video { width:100%;aspect-ratio:16/9;object-fit:contain;display:block; }
.media-core-presentation { grid-column:1/-1;order:-1; }
.media-core-presentation video { max-height:65dvh; }
.media-core-tile figcaption { font-size:13px;padding:6px 10px;background:#111; }
.media-caption-controls { display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid var(--learner-border); }
.media-caption-controls label { display:flex;align-items:center;gap:8px; }
.media-caption[data-size=large] { font-size:20px; }
.media-caption[data-size=largest] { font-size:26px; }
.media-caption.media-caption-contrast { background:#000;color:#fff; }
.media-transcript { padding:12px 16px; }
.media-transcript summary { cursor:pointer; }
.media-transcript ol { max-height:240px;overflow:auto;line-height:1.6;padding-left:20px; }
.media-transcript li { margin-top:10px; }
.media-participants { margin-top:24px; }
.media-participant,.media-help,.media-upload-job { padding:16px 0;border-bottom:1px solid var(--learner-border); }
.media-participant h4,.media-upload-job h3 { margin:0 0 8px; }
.media-dock .media-participants { padding:0; }
.media-dock .media-stage { display:block; }
.media-cleanup-notice { position:fixed;z-index:70;bottom:16px;left:80px;max-width:min(460px,calc(100vw - 96px));padding:16px;background:var(--learner-surface);color:var(--learner-ink);border:2px solid var(--learner-border);border-radius:12px;box-shadow:0 8px 24px #0003; }
.media-cleanup-notice[hidden] { display:none; }
.media-cleanup-notice p { margin:0 0 12px; }
body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #studio,body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #hub { margin-right:456px; }
@media(max-width:1100px) {
 body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #studio,body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #hub { margin-right:0;padding-bottom:42dvh; }
 .media-dock[data-mode=build] .media-sdk-container { height:auto; }
}
@media(max-width:760px) {
 .media-dock[data-mode=watch] .media-sdk-container { height:auto; }
 .media-device-controls button { min-height:40px; }
 .media-core { padding:12px; }
 .media-cleanup-notice { left:8px;max-width:calc(100vw - 16px); }
}
/* Bounded presets resize composition without replacing the media or build. */
body[data-media-size=small] { --media-dock-width:360px;--media-dock-height:30dvh; }
body[data-media-size=medium] { --media-dock-width:440px;--media-dock-height:40dvh; }
body[data-media-size=large] { --media-dock-width:560px;--media-dock-height:55dvh; }
.media-size-controls { display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px; }
.media-size-controls select { width:auto;min-height:36px; }
.media-dock[data-mode=watch] .media-size-controls { display:none!important; }
.media-dock[data-mode=build] { width:min(var(--media-dock-width,440px),calc(100vw - 32px)); }
body.has-live-media[data-media-mode=build] #learnerShell .shell-main,
body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #studio,
body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #hub { margin-right:calc(var(--media-dock-width,440px) + 16px); }
:is(.account-card,.host-management,.media-review-dialog,.media-dock) .media-form label.media-checkbox { display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px; }
:is(.account-card,.host-management,.media-review-dialog,.media-dock) .media-form label.media-checkbox input[type=checkbox] { flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:3px 0 0; }
@media(max-width:1100px) {
 body.has-live-media { --media-build-height:clamp(min(320px,calc(100dvh - 72px)),var(--media-dock-height,40dvh),calc(100dvh - 72px)); }
 .media-dock[data-mode=build] { width:100%;height:var(--media-build-height); }
 body.has-live-media[data-media-mode=build] #learnerShell .shell-main,
 body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #studio,
 body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #hub { margin-right:0; }
 body.has-live-media[data-media-mode=build] #learnerShell,
 body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #studio,
 body.has-live-media[data-media-mode=build]:not(.has-learner-shell) #hub { padding-bottom:calc(var(--media-build-height) + 16px); }
}

@media(max-width:760px) and (max-height:540px) {
 .media-dock[data-mode=build] header { max-height:104px;overflow:auto;flex:none; }
}
.media-replay-caption-choice { display:grid;gap:12px;border:1px solid var(--learner-border);padding:16px; }
.media-replay-caption-choice label { display:grid;gap:8px; }
.media-replay-caption-choice .media-small { margin:0; }
@media(max-width:480px) {
 .media-dock[data-mode=build] header { max-height:min(128px,30dvh);overflow:auto;flex:none; }
}
.media-operations { margin-top:24px; }
.media-operations>ul,.media-operations details>ul { list-style:none;margin:0;padding:0; }
.media-incident { padding:16px 0;border-bottom:1px solid var(--learner-border); }
.media-incident h4 { margin:0 0 10px; }
.media-incident[data-severity=critical] h4 { font-weight:750; }
.media-incident code { overflow-wrap:anywhere; }
.media-incident dl { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px; }
.media-incident dt { font-size:13px; }
.media-incident dd { margin:4px 0 0; }

.media-card-poster { aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:8px;background:var(--learner-inset);display:grid;place-items:center;color:var(--learner-muted);font-size:13px; }
.media-card-poster img { display:block;width:100%;height:100%;object-fit:cover; }
.media-replay-text { display:grid;gap:12px;margin:24px 0; }
.media-replay-text>h3,.media-replay-text>p { margin:0; }
.media-replay-text label { display:grid;gap:8px; }
.media-replay-text ol { padding-left:28px; }
.media-replay-text li { margin:12px 0; }
.media-replay-text li button { text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%; }
.media-replay-text li button span { font-variant-numeric:tabular-nums;font-weight:650; }
.media-replay-text nav { align-items:center; }
.media-chapter-list { padding-left:24px; }
.media-chapter-list li { padding:8px 0; }
.media-chapter-list li>a { display:block;margin-top:8px;overflow-wrap:anywhere; }
.media-chapter-editor { padding:16px 0;display:grid;gap:12px;border-bottom:1px solid var(--learner-border); }
.media-review-dialog select { max-width:100%; }
.media-review-dialog .media-form :is(fieldset,label,.media-chapter-editor) { min-width:0;grid-template-columns:minmax(0,1fr); }
.media-review-dialog .media-form :is(input,textarea,select) { min-width:0;max-width:100%; }
.media-review-dialog .media-form select { width:100%; }
.media-recording-guidance { margin:16px 0;max-width:76ch; }