/* Presentation only: share the existing player handlers on desktop. */
.preview-user-hidden { display:none !important; }
.preview-context-hidden { visibility:hidden !important; pointer-events:none !important; }
#previewHiddenCapsule { display:none; }
@media (min-width:768px) {
    .preview-controls { display:flex; width:100%; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:16px; }
    .preview-control-btn {
        display:inline-flex; flex-direction:column; align-items:center; justify-content:center;
        gap:5px; flex:1 1 60px; min-width:0; min-height:64px; padding:8px 6px; border-radius:12px;
        background:rgb(var(--ui-slate-700)); color:rgb(var(--ui-slate-100));
        border:1px solid rgb(var(--ui-slate-600)); font:inherit; font-size:12px;
    }
    .preview-control-btn::after { content:attr(title); }
    .preview-control-btn.is-primary { background:rgb(var(--ui-brand-500)); color:rgb(var(--ui-ink)); border-color:rgb(var(--ui-brand-400)); }
    .preview-control-btn:disabled { opacity:.4; cursor:not-allowed; }
    .preview-control-btn:focus-visible, .preview-capsule-btn:focus-visible { outline:2px solid rgb(var(--ui-brand-400)); outline-offset:3px; }
    .preview-side-btn { display:none; }
    #previewHiddenCapsule { position:static; padding:12px; gap:10px; border-radius:16px; background:rgb(var(--ui-slate-800)); border:1px solid rgb(var(--ui-slate-600)); }
    #previewHiddenCapsule.is-active { display:flex; flex-wrap:wrap; justify-content:center; }
    .preview-capsule-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 14px; border-radius:10px; background:rgb(var(--ui-slate-700)); color:rgb(var(--ui-slate-100)); font:inherit; font-size:14px; }
    .preview-capsule-btn.is-primary { background:rgb(var(--ui-brand-500)); color:rgb(var(--ui-ink)); }
    .preview-capsule-btn:disabled { opacity:.4; }
}

/* The audio track is 4px high; its interactive area must not be only 4px. */
[data-settings-block="audio"] input[type="range"] { display:block; height:44px; cursor:pointer; }
[data-settings-block="audio"] input[type="range"]:disabled { cursor:not-allowed; }