/* Card display preference is visual only; desktop cards retain the original grid. */
.psbt-library__view-switch { display: none; }
@media (max-width: 767px) {
    .psbt-library__view-switch:not([hidden]) { display: flex; justify-content: flex-end; gap: .25rem; margin-block: .5rem; }
    .psbt-library__view-switch button { min-height: 44px; border: 1px solid var(--psbt-accent); background: #fff; color: var(--psbt-accent); }
    .psbt-library__view-switch [aria-pressed="true"] { background: var(--psbt-accent); color: #fff; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__grid { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__card {
        position: relative; display: grid; grid-template-columns: 104px minmax(0, 1fr);
        align-items: start; gap: 10px; min-height: 90px; padding: 8px;
    }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__media { width: 100%; aspect-ratio: 16/9; border-radius: 4px; overflow: hidden; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__thumb { object-fit: cover; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body { min-width: 0; padding: 0; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body h3 { margin: 0; font-size: 16px; line-height: 1.35; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body h3 a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body h3 a:focus-visible::after { outline: 3px solid #c26700; outline-offset: -3px; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__japanese { margin: .15rem 0; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body dl { display: flex; flex-wrap: wrap; gap: 0 .35rem; margin: .25rem 0 0; font-size: 12px; line-height: 1.5; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body dt { font-size: 11px; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body dd { min-width: 0; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body .psbt-library__actions { position: absolute; top: 8px; left: 8px; width: 104px; z-index: 3; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__body .psbt-library__actions > a:not(.psbt-library__play) { display: none; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__play { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 58.5px; padding: .25rem; background: #0005; font-size: 13px; text-shadow: 0 1px 3px #000; }
    /* Reuse the player's existing playing state; no second iframe or player implementation. */
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__media--playing { grid-column: 1/-1; z-index: 2; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__media--playing + .psbt-library__body { grid-column: 1/-1; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__media--playing + .psbt-library__body .psbt-library__actions { position: relative; top: auto; left: auto; width: auto; margin-top: .25rem; }
    .psbt-library:not([data-psbt-view="large"]) .psbt-library__media--playing + .psbt-library__body .psbt-library__play { min-height: 44px; width: auto; padding: .5rem 1rem; background: var(--psbt-accent); text-shadow: none; }
}