/* Only the existing sample crate and SFZ authoring desks. */
.sample-current-page main { overflow-wrap:anywhere; }
.sample-current-page main :not(pre) > code { white-space:normal; overflow-wrap:anywhere; }
:is(.sfz-tool,.spb-tool) { overflow-wrap: anywhere; }
:is(.sfz-tool,.spb-tool) .batch-current-status { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; margin-top:16px; padding:14px; border:1px solid var(--spb-line,var(--s-line)); border-radius:12px; background:var(--spb-paper,var(--s-panel)); color:var(--spb-ink,var(--s-text)); }
:is(.sfz-tool,.spb-tool) .batch-current-status p { margin:0; min-width:0; line-height:1.6; font-size:1rem; }
:is(.sfz-tool,.spb-tool) .batch-current-status button { white-space:normal; min-width:0; min-height:44px; }
:is(.sfz-tool,.spb-tool) .batch-current-receipt { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--spb-line,var(--s-line)); font-variant-numeric:tabular-nums; }
:is(.sfz-tool,.spb-tool) [hidden] { display:none!important; }
.sfz-tool .sfz-head > div { min-width:0; }
.sfz-tool .sfz-local { white-space:normal; }
.sfz-tool .sfz-actions #sfz-instrument { min-width:0!important; max-width:100%; flex:1 1 14rem; }
.sfz-tool .sfz-velocity { grid-template-columns:minmax(0,1fr) auto; }
.sfz-tool .sfz-velocity label { grid-column:1/-1; }
.sfz-tool .sfz-audition-controls { display:flex; flex-wrap:wrap; align-items:start; gap:12px; margin-top:12px; }
.sfz-tool .sfz-audition-controls p,.sfz-tool .sfz-coverage-summary { font-size:1rem; line-height:1.6; color:var(--s-muted); }
.sfz-tool .sfz-audition-controls p { flex:1 1 15rem; min-width:0; margin:0; }
.sfz-tool .sfz-audition-controls button { flex:0 1 auto; }
.sfz-tool .sfz-code { font-size:.875rem; }
.sfz-tool #sfz-coverage .sfz-cover-key { color:#526176; background:#f1f5f9; }
.sfz-tool #sfz-coverage .sfz-cover-key[data-count="1"] { color:#164b2b; background:#ddf5e5; border-color:#8bc7a0; }
.sfz-tool #sfz-coverage .sfz-cover-key[data-collision="true"] { color:#523000; background:#ffdd9b; border-color:#c89642; }
.sfz-tool .sfz-scroll:focus-visible,.sfz-tool .sfz-code:focus-visible { outline:3px solid #a62537; outline-offset:3px; }
.spb-tool .spb-card-head > div { min-width:0; }
.spb-tool .spb-head { flex-wrap:wrap; }
.spb-tool .spb-preview-label,.spb-tool .aw-player-label { white-space:normal; min-width:0; word-break:normal; }
.spb-tool .aw-player-transport { flex-wrap:wrap; gap:10px; }
.spb-tool .aw-player-label { flex-basis:100%; }
.sample-current-guide { overflow-wrap:anywhere; }
.sample-current-guide table { width:100%; border-collapse:collapse; }
.sample-current-guide th,.sample-current-guide td { padding:10px; border:1px solid #b8c4d0; text-align:left; vertical-align:top; }
.sample-current-guide caption { text-align:left; padding:8px 0; font-weight:700; }
@media(max-width:680px) {
    :is(.sfz-tool,.spb-tool) .batch-current-status { grid-template-columns:minmax(0,1fr); }
    .sfz-tool .sfz-table-wrap { overflow:visible; border:0; background:transparent; }
    .sfz-tool .sfz-table { min-width:0; border-collapse:separate; border-spacing:0 12px; }
    .sfz-tool .sfz-table thead { display:none; }
    .sfz-tool .sfz-table,.sfz-tool .sfz-table tbody,.sfz-tool .sfz-table tr,.sfz-tool .sfz-table td { display:block; width:100%; min-width:0; text-align:left; }
    .sfz-tool .sfz-table tr { padding:12px; border:1px solid var(--s-line); border-radius:12px; background:var(--s-panel); }
    .sfz-tool .sfz-table td { padding:8px 0; border:0; }
    .sfz-tool .sfz-table td::before { display:block; content:attr(data-label); font-size:.875rem; line-height:1.5; color:var(--s-muted); font-weight:700; margin-bottom:4px; }
    .sfz-tool .sfz-table input,.sfz-tool .sfz-table select { width:100%; min-width:0; }
    .sfz-tool .sfz-table .sfz-name { max-width:none; overflow:visible; white-space:normal; }
    .sfz-tool .sfz-head { flex-wrap:wrap; }
    .sfz-tool .sfz-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sample-current-guide table,.sample-current-guide tbody,.sample-current-guide tr,.sample-current-guide td { display:block; width:100%; }
    .sample-current-guide th { display:block; border-bottom:0; background:#edf3f8; }
}
@media(prefers-reduced-motion:reduce) { :is(.sfz-tool,.spb-tool) * { scroll-behavior:auto!important; } }