.player-shell{flex-direction:column;min-height:100vh;display:flex}.player-header{border-bottom:var(--ls-border-thin) solid var(--ls-color-border-subtle)}.player-header-inner{justify-content:space-between;align-items:center;gap:var(--ls-space-16);max-width:72rem;padding:var(--ls-space-16);flex-wrap:wrap;margin-inline:auto;display:flex}.player-brand{align-items:center;gap:var(--ls-space-12);color:var(--ls-color-text-primary);font-weight:var(--ls-font-medium);text-decoration:none;display:inline-flex}.player-mark{width:var(--ls-size-control-standard);height:var(--ls-size-control-standard);border-radius:var(--ls-control-radius);background:var(--ls-color-accent-subtle);flex:none;justify-content:center;align-items:center;display:flex}.player-preferences{align-items:center;gap:var(--ls-space-16);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.player-language-menu{position:relative}.player-language-trigger{padding-inline:var(--ls-space-12);list-style:none}.player-language-trigger::-webkit-details-marker{display:none}.player-language-menu[open]>.player-language-trigger{color:var(--ls-color-text-primary);background:var(--ls-color-accent-subtle);border-color:var(--ls-color-accent)}.player-language-popover{z-index:var(--ls-layer-floating);top:calc(100% + var(--ls-space-8));width:max-content;min-width:min(14rem, calc(100vw - var(--ls-space-32)));max-width:calc(100vw - var(--ls-space-32));padding:var(--ls-space-16);box-shadow:var(--ls-shadow-floating);position:absolute;inset-inline-start:0}.player-language{gap:var(--ls-space-8);flex-direction:column;min-width:0;max-width:100%;display:flex}.player-language select{width:100%}.player-main{width:100%;max-width:72rem;padding:var(--ls-space-24) var(--ls-space-16) var(--ls-space-48);flex:1;margin-inline:auto}.player-source{padding:var(--ls-space-16)}.player-source-header{justify-content:space-between;align-items:center;gap:var(--ls-space-8);margin-bottom:var(--ls-space-16);flex-wrap:wrap;display:flex}.player-source-modes{gap:var(--ls-space-8);flex-wrap:wrap;display:flex}.player-source-modes .ui-button[aria-pressed=true]{text-underline-offset:.25em;text-decoration:underline}.player-drop-zone{align-items:flex-start;gap:var(--ls-space-16);padding:var(--ls-space-16);border:var(--ls-border-thin) dashed var(--ls-color-border-strong);border-radius:var(--ls-control-radius);flex-direction:column;display:flex}.player-drop-zone[data-dragging=true]{border-color:var(--ls-color-accent);background:var(--ls-color-accent-subtle)}.player-drop-zone[data-dragging=true] .ui-help{color:var(--ls-color-text-primary)}.player-session{min-width:0}.player-session-grid{grid-template-areas:"source""media""controls""loop";display:grid}.player-study{display:contents}.player-media{grid-area:media;min-width:0}.player-source-title{grid-area:source}.player-controls{grid-area:controls;min-width:0}.player-loop-panel{grid-area:loop}.player-utilities{align-items:center;gap:var(--ls-space-8);flex-wrap:wrap;display:flex}.player-source-title{justify-content:space-between;align-items:center;gap:var(--ls-space-8);padding:var(--ls-space-16);border-bottom:var(--ls-border-thin) solid var(--ls-color-border-subtle);flex-wrap:wrap;display:flex}.player-source-info{flex:10rem;min-width:0}.player-change-media{padding-inline:var(--ls-space-12)}.player-source-title p{min-width:0}.player-empty{justify-content:center;align-items:center;gap:var(--ls-space-16);padding:var(--ls-space-32) var(--ls-space-24);text-align:center;flex-direction:column;display:flex}.player-empty>.ui-icon{color:var(--ls-color-text-secondary)}.player-audio{align-items:center;gap:var(--ls-space-16);padding:var(--ls-space-24);display:flex}.player-audio>div{min-width:0}.player-audio-title{margin-top:var(--ls-space-4);font-weight:var(--ls-font-medium)}.player-video,.player-youtube{aspect-ratio:16/9;background:#000;width:100%}.player-video{max-height:65vh}.player-youtube{min-height:220px}.player-youtube>iframe{width:100%;height:100%;min-height:220px}.player-controls{padding:var(--ls-space-16)}.player-controls:empty{display:none}.player-timeline{min-width:0}.player-time{justify-content:space-between;gap:var(--ls-space-8);color:var(--ls-color-text-secondary);font-variant-numeric:tabular-nums;font-size:var(--ls-type-label-size);display:flex}.player-seek{height:var(--ls-size-control-touch);margin-block:var(--ls-space-4);align-items:center;display:flex;position:relative}.player-seek-track{pointer-events:none;inset-inline:calc(var(--ls-size-slider-thumb) / 2);height:var(--ls-size-slider-track);background:var(--ls-color-border-strong);border-radius:var(--ls-radius-4);position:absolute}.player-progress,.player-loop-range{border-radius:inherit;height:100%;position:absolute}.player-progress{background:var(--ls-color-text-primary)}.player-loop-range{background:var(--ls-slider-selected)}.player-loop-marker{height:14px;width:var(--ls-border-focus);background:var(--ls-slider-selected);position:absolute;top:-5px}.player-seek .ui-range{position:relative}.player-seek .ui-range::-webkit-slider-runnable-track{background:0 0}.player-seek .ui-range::-moz-range-track{background:0 0}.player-transport-buttons{justify-content:center;align-items:center;gap:var(--ls-space-8);margin-top:var(--ls-space-16);flex-wrap:wrap;display:flex}.player-transport-buttons>.ui-button{min-height:var(--ls-size-control-touch);padding-inline:var(--ls-space-12)}.player-transport-buttons>.ui-button-quiet{border:0}.player-transport-buttons>.ui-button-quiet:disabled{background:0 0}.player-play{min-width:calc(var(--ls-size-control-touch) + var(--ls-space-12));height:calc(var(--ls-size-control-touch) + var(--ls-space-12));border-radius:50%}.player-play>.ui-icon{width:calc(var(--ls-size-icon-standalone) + var(--ls-space-8));height:calc(var(--ls-size-icon-standalone) + var(--ls-space-8))}.player-audio-settings{justify-content:flex-end;align-items:center;gap:var(--ls-space-16);flex-wrap:wrap;display:flex}.player-volume{align-items:center;column-gap:var(--ls-space-8);grid-template-columns:auto minmax(3rem,5rem);display:grid}.player-speed{gap:var(--ls-space-4);flex-direction:column;display:flex}.player-loop-panel{min-width:0;padding:var(--ls-space-16);border-top:var(--ls-border-thin) solid var(--ls-color-border-subtle)}.player-loop-header{justify-content:space-between;align-items:center;gap:var(--ls-space-8);margin-bottom:var(--ls-space-16);flex-wrap:wrap;display:flex}.player-loop-header h2{font-size:var(--ls-type-heading-sm-size);line-height:var(--ls-type-heading-sm-line)}.player-loop-heading{align-items:center;gap:var(--ls-space-8);flex:1 1 0;min-width:0;display:flex}.player-point{justify-content:flex-start;align-items:center;gap:var(--ls-space-16);width:100%;min-width:0;padding:var(--ls-space-16);text-align:start;flex-wrap:wrap;display:flex}.player-point>span:last-child{min-width:0}.player-point-badge{width:var(--ls-size-control-standard);height:var(--ls-size-control-standard);border:var(--ls-border-thin) solid currentColor;border-radius:var(--ls-control-radius);font-size:var(--ls-type-heading-sm-size);flex:none;justify-content:center;align-items:center;display:flex}.player-point-time{font-size:var(--ls-type-heading-md-size);line-height:var(--ls-type-heading-md-line);font-variant-numeric:tabular-nums;display:block}.player-point-row{--player-clear-width:3.5rem;--player-point-motion-duration:.24s;grid-template-columns:minmax(0, 1fr) var(--player-clear-width);align-items:stretch;gap:var(--ls-space-8);min-width:0;display:grid}.player-point-row>.player-point{transition:width var(--player-point-motion-duration) var(--ls-motion-easing), background-color var(--ls-motion-color) var(--ls-motion-easing);grid-area:1/1/auto/-1}.player-point-row[data-set]>.player-point{width:calc(100% - var(--player-clear-width) - var(--ls-space-8))}.player-clear-slot{width:var(--player-clear-width);visibility:hidden;grid-area:1/2;display:flex}.player-point-row[data-set]>.player-clear-slot{visibility:visible;transition:visibility 0s linear var(--player-point-motion-duration)}.player-clear-point{width:var(--player-clear-width);padding-inline:var(--ls-space-8);flex:none}.player-status-dot{background:var(--ls-color-text-secondary);border-radius:50%;flex:none;width:6px;height:6px}.player-status-dot[data-active=true]{background:var(--ls-color-accent)}.player-shortcuts{color:var(--ls-color-text-secondary);font-size:var(--ls-type-message-size);line-height:var(--ls-type-message-line)}.player-shortcuts summary{width:fit-content;min-height:var(--ls-size-control-standard);padding-block:var(--ls-space-8);border-radius:var(--ls-radius-4);cursor:pointer;color:var(--ls-color-text-primary);font-weight:var(--ls-font-medium)}.player-shortcuts kbd{color:var(--ls-color-text-primary)}@media (min-width:40rem){.player-header-inner{padding-inline:var(--ls-space-32)}.player-language-popover{inset-inline:auto 0}.player-main{padding:var(--ls-space-32)}.player-source,.player-controls,.player-loop-panel{padding:var(--ls-space-24)}.player-drop-zone{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:64rem){.player-session-grid{grid-template:"source loop""media loop""controls loop"1fr/minmax(0,1fr) minmax(19rem,.6fr)}.player-loop-panel{border-top:0;border-inline-start:var(--ls-border-thin) solid var(--ls-color-border-subtle)}}.player-settings{display:contents}.player-settings-trigger{display:none}.player-settings-dialog{width:min(100% - var(--ls-space-32), 28rem);max-height:calc(100dvh - var(--ls-space-32));margin:var(--ls-space-16) auto;padding:var(--ls-space-24);color:var(--ls-color-text-primary);box-shadow:var(--ls-shadow-modal);overscroll-behavior:contain;inset:auto 0 0;overflow-y:auto}.player-settings-dialog::backdrop{background:var(--ls-color-backdrop)}.player-settings-dialog>*+*{margin-top:var(--ls-space-16)}.player-settings-heading{justify-content:space-between;align-items:center;gap:var(--ls-space-8);display:flex}.player-settings-heading h2{font-size:var(--ls-type-heading-sm-size);line-height:var(--ls-type-heading-sm-line)}@media (max-width:63.999rem){.player-preferences,.player-desktop-shortcuts{display:none}.player-settings-trigger{display:inline-flex}.player-shell:has(.player-workspace[data-has-source]){min-height:100svh}.player-shell:has(.player-workspace[data-has-source]) .player-header{display:none}.player-main:has(.player-workspace[data-has-source]){max-width:none;padding:0}.player-workspace[data-has-source]{margin:0}.player-workspace[data-has-source] .player-session{border:0;border-radius:0;margin:0}.player-workspace[data-has-source] .player-session-grid{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"media""study";height:100dvh}.player-workspace[data-has-source] .player-study{overscroll-behavior-y:contain;min-width:0;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;grid-area:study;display:flex;overflow-y:auto}.player-workspace[data-has-source] .player-study>*{flex-shrink:0}.player-workspace[data-has-source] .player-media{padding-top:env(safe-area-inset-top);background:#000}.player-video,.player-youtube{min-height:200px;max-height:max(200px,42svh);display:block}.player-youtube>iframe{min-height:200px;display:block}.player-audio{background:var(--ls-color-surface)}.player-controls{align-items:flex-end;column-gap:var(--ls-space-8);padding:var(--ls-space-8) var(--ls-space-12);flex-wrap:wrap;display:flex}.player-controls>*,.player-timeline>*{margin-block:0}.player-timeline{flex:9rem}.player-controls>.ui-help,.player-controls>[role=alert],.player-controls>[role=status]{flex-basis:100%}.player-controls>[role=alert],.player-controls>[role=status]{margin-top:var(--ls-space-8)}.player-transport-buttons{margin-top:var(--ls-space-24)}.player-transport-buttons>.ui-button{padding-inline:var(--ls-space-8);gap:var(--ls-space-4)}.player-audio-settings{gap:var(--ls-space-4);flex:0 8.25rem;grid-template-columns:minmax(0,1fr) 4rem;min-width:0;display:grid}.player-volume{gap:var(--ls-space-4);grid-template-columns:auto minmax(0,1fr)}.player-speed select{width:100%;padding-inline:var(--ls-space-8)}.player-loop-panel{padding:var(--ls-space-8) var(--ls-space-12) var(--ls-space-16)}.player-loop-header{margin-bottom:var(--ls-space-8)}.player-loop-header h2{font-size:var(--ls-type-label-size);line-height:var(--ls-type-label-line)}.player-points{gap:var(--ls-space-16);grid-template-columns:minmax(0,1fr);display:grid}.player-points>*{margin:0}.player-point-row{gap:var(--ls-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.player-point-row[data-set]>.player-point{width:calc((100% - var(--ls-space-4)) / 2)}.player-clear-slot,.player-clear-point{width:100%}.player-point{justify-content:flex-start;gap:var(--ls-space-12);padding:var(--ls-space-8) var(--ls-space-12);flex-direction:row}.player-point-badge{width:auto;height:auto;font-size:var(--ls-type-label-size);line-height:var(--ls-type-label-line);border:0}.player-point-time{font-size:var(--ls-type-label-size);line-height:var(--ls-type-label-line)}.player-loop-help{display:none}.player-clear-loop{margin-top:var(--ls-space-16);display:flex}.player-source-title{border-top:var(--ls-border-thin) solid var(--ls-color-border-subtle);padding:var(--ls-space-8) var(--ls-space-12);border-bottom:0}.player-workspace[data-has-source] .player-source-title{margin-top:auto}.player-workspace[data-has-source] .player-source-info{display:none}.player-utilities{justify-content:space-between;width:100%}.player-study .ui-button,.player-study .ui-field,.player-settings .ui-button,.player-settings .ui-field{min-height:var(--ls-size-control-touch)}.player-settings-dialog{padding:calc(var(--ls-space-16) + var(--ls-space-4))}.player-workspace:has(.player-video,.player-youtube) .player-settings-dialog{max-height:max(8rem, calc(100dvh - max(200px, min(56.25vw, 42svh)) - env(safe-area-inset-top) - var(--ls-space-32)))}.player-workspace[data-has-source] .player-source:not([hidden]){z-index:var(--ls-layer-floating);inset:auto var(--ls-space-16) max(var(--ls-space-16), env(safe-area-inset-bottom));max-height:calc(100dvh - var(--ls-space-32));box-shadow:var(--ls-shadow-modal);position:fixed;overflow-y:auto}}@media (min-width:34rem) and (max-width:63.999rem) and (orientation:landscape) and (max-height:35rem){.player-workspace[data-has-source] .player-session-grid{grid-template:"media study"minmax(0,1fr)/minmax(200px,1fr) minmax(0,1fr)}.player-workspace[data-has-source] .player-media{align-self:start}.player-video,.player-youtube{max-height:100dvh}.player-workspace[data-has-source] .player-settings-dialog{width:calc(50% - var(--ls-space-32));max-height:calc(100dvh - var(--ls-space-32));inset-inline-start:50%}}@media (forced-colors:active){.player-seek-track,.player-progress,.player-loop-range,.player-loop-marker{forced-color-adjust:none}}