#pbLessonVideo{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#101620;color:#eef2f8;font:14px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden;--lv-border:#344052}
#pbLessonVideo[open]{display:flex;flex-direction:column}#pbLessonVideo::backdrop{background:#101620}#pbLessonVideo *{box-sizing:border-box}
#pbLessonVideo button,#pbLessonVideo select,#pbLessonVideo input{font:inherit}#pbLessonVideo button,#pbLessonVideo select,#pbLessonVideo input:not([type=range]){border:1px solid var(--lv-border);border-radius:8px;padding:9px 12px;background:#202b3b;color:#f6f8fc;min-height:40px}
#pbLessonVideo button{cursor:pointer}#pbLessonVideo button:hover{background:#334159}#pbLessonVideo button:disabled{opacity:.45;cursor:default}#pbLessonVideo :focus-visible{outline:3px solid #ffbb56;outline-offset:2px}
#pbLessonVideo [hidden]{display:none!important}.lv-head{padding:12px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex:none}.lv-head h2{margin:2px 0 0;font:600 clamp(16px,2vw,25px)/1.2 system-ui}.lv-kicker{font-size:10px;color:#9daec5;letter-spacing:1.6px}.lv-actions{display:flex;gap:8px;flex-shrink:0}.lv-settings{padding:12px 22px;display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--lv-border);border-bottom:1px solid var(--lv-border);max-height:42vh;overflow:auto;flex:none}.lv-settings label,.lv-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#c3cfdf}.lv-key{flex:1;min-width:220px}.lv-key input{width:100%}#lvStatus{flex-basis:100%;margin:0;color:#ffd38d;min-height:20px}.lv-calibration{display:flex;gap:8px;align-items:end;flex-wrap:wrap;width:100%}#lvStart{max-width:260px}#lvProgress{align-self:center;color:#c3cfdf}.lv-hint{margin:0;font-size:12px;color:#9daec5}.lv-stage{flex:1;min-height:180px;display:flex;flex-direction:column;overflow:hidden;--lv-note-share:35%}.lv-viewport{position:relative;height:var(--lv-note-share);min-height:110px;flex-shrink:0;background:#fff;overflow:hidden;color:#182332}#lvRibbon{display:block;width:100%;height:100%;background:#fff}.lv-cursor{position:absolute;left:25%;top:24px;bottom:10px;width:3px;background:#e49b29;box-shadow:0 0 0 5px #e49b2928;pointer-events:none}.lv-measure{position:absolute;bottom:4px;left:10px;font-size:11px;color:#526171;background:#ffffffdc;padding:2px 6px;border-radius:4px}.lv-video-wrap{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#05080c}#lvVideo{height:100%;width:100%;object-fit:contain}#lvEmpty{position:absolute;padding:20px;text-align:center;color:#a0aec1}.lv-controls{display:flex;gap:12px;align-items:center;padding:12px 22px;flex:none;border-top:1px solid var(--lv-border)}#lvSeek{flex:1;min-width:80px}#lvTime{white-space:nowrap;font-variant-numeric:tabular-nums}.lv-controls label:last-child input{width:90px}#lvPlay,#lvCalibrate{background:#d39335!important;color:#111923!important;border-color:#d39335!important}#pbLessonVideo.lv-idle .lv-controls,#pbLessonVideo.lv-idle .lv-head{opacity:.12}#pbLessonVideo .lv-controls,#pbLessonVideo .lv-head{transition:opacity .2s}.pb-lesson-video{overflow:hidden!important}
@media(max-width:700px){.lv-head{padding:9px 12px;align-items:start}.lv-head h2{font-size:15px}.lv-actions{gap:4px;flex-wrap:wrap;justify-content:end}#pbLessonVideo .lv-actions button{font-size:12px;padding:7px}.lv-settings{padding:10px 12px;max-height:46vh;gap:8px}.lv-controls{padding:8px 12px;gap:8px;flex-wrap:wrap}.lv-controls label:last-child{display:none}#lvSeek{order:5;flex-basis:70%}#lvTime{order:6;font-size:12px}.lv-calibration{align-items:center}#lvStart{max-width:210px}.lv-hint{font-size:11px}.lv-kicker{font-size:8px}.lv-stage{min-height:150px}}

@media(max-width:700px){#pbLessonVideo .lv-head{flex-wrap:wrap;gap:8px}#pbLessonVideo .lv-head>div:first-child{flex-basis:100%}#pbLessonVideo .lv-actions{justify-content:flex-start}.lv-head h2{line-height:1.25}}

/* Classroom display: the TV shows only notation and the video. Escape exits. */
body.pb-lesson-fullscreen #pbLessonVideo .lv-head,body.pb-lesson-fullscreen #pbLessonVideo .lv-settings,body.pb-lesson-fullscreen #pbLessonVideo .lv-controls{display:none!important}
body.pb-lesson-fullscreen #pbLessonVideo .lv-stage{height:100%;min-height:0;flex:1}
body.pb-lesson-fullscreen #pbLessonVideo .lv-measure{font-size:14px}
@media(max-width:899px){body.pb-song-mode.pb-skin-light.pb-admin.pb-admin-workspace-v2 #pbAdminWorkspaceNav:not([hidden]){grid-template-columns:repeat(6,minmax(0,1fr))!important}body.pb-song-mode.pb-skin-light.pb-admin.pb-admin-workspace-v2 #pbAdminLessonNav span{white-space:normal;line-height:1.1}}

#lvStage:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;display:flex;flex-direction:column;background:#05080c}