.feature-player { position: relative; background: var(--feature-background, #141c23); border-radius: inherit; overflow: hidden; }
.feature-play { display: block; position: relative; color: var(--feature-text, #edf5f5); }
.feature-preview-placeholder { display: block; aspect-ratio: 16 / 9; background: var(--feature-background, #141c23); }
[data-clip-description]:empty { display: none; }
.feature-play-label { position: absolute; bottom: 20px; right: 20px; padding: 10px 18px; border-radius: 99px; background: var(--feature-button-background, #102b2c); border: 1px solid color-mix(in srgb, var(--feature-accent, #43e3bb) 55%, transparent); box-shadow: 0 4px 20px #0005; }
.feature-play:hover .feature-play-label, .feature-play:focus-visible .feature-play-label { background: color-mix(in srgb, var(--feature-button-background, #102b2c) 70%, var(--feature-accent, #43e3bb)); }
.feature-play:focus-visible { outline: 3px solid var(--feature-accent, #43e3bb); outline-offset: -3px; }
.feature-position-left .feature-play-label { left: 20px; right: auto; }
.feature-position-center .feature-play-label { top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); }
.feature-media-status:empty { display: none; }
.feature-media-status { padding: 12px; }
.feature-clips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.feature-clips a { border: 1px solid #70869055; border-radius: 8px; padding: 6px 10px; font-size: .88rem; }
.feature-clips a[aria-current], .feature-clips a:hover { border-color: var(--feature-accent, #43e3bb); color: var(--feature-accent, #43e3bb); }
.feature-clips-links a { border: none; padding: 2px 0; margin-right: 8px; text-decoration: underline; }
.feature-now-playing { margin: 0 0 10px; font-size: .94rem; font-weight: 600; color: var(--feature-accent, #43e3bb); }
.feature-chapter { margin: 0 0 12px; padding: 8px 12px; border-left: 3px solid var(--feature-accent, #43e3bb); border-radius: 4px; background: var(--feature-button-background, #102b2c); color: var(--feature-text, #edf5f5); font-weight: 700; }
.feature-chapter[hidden] { display: none; }
.feature-sound { margin: 10px 0 0; border: 1px solid #70869055; border-radius: 8px; padding: 6px 12px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.feature-sound:focus-visible { outline: 2px solid #43e3bb; outline-offset: 3px; }
@media (max-width: 600px) { .feature-play-label { bottom: 8px; right: 8px; font-size: .8rem; padding: 6px 10px; } }