.beat-section #beat-catalog{margin-top:48px;scroll-margin-top:110px}.beat-section .beat-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;align-items:end;border-top:1px solid #999;padding-top:26px}.beat-filters label,.beat-filters legend{font-size:.875rem;display:block;color:#333;margin-bottom:8px}.beat-filters fieldset{border:0;padding:0;margin:0;min-width:0}.beat-filters legend{padding:0}.beat-filters label select{margin-top:8px}.beat-filters select,.beat-filters input{font:inherit;font-size:1rem;background:#eee;color:#111;border:1px solid #999;border-radius:0;padding:12px;width:100%;min-height:48px}.beat-tempo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beat-tempo label{margin:0}.beat-tempo input{margin-top:8px}.beat-clear{font:inherit;background:transparent;color:#111;border:1px solid #777;min-height:48px;padding:10px 20px;margin-bottom:8px;cursor:pointer}.beat-results{font-size:.875rem;color:#444;margin:20px 0}.beat-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:20px;align-items:center;padding:24px 12px;border-bottom:1px solid #999}.beat-tracks{border-top:1px solid #999}.beat-row h3{font-size:1.25rem;line-height:1.4;margin:0;font-weight:500}.beat-row p{font-size:.875rem;line-height:1.5;color:#444;margin:7px 0 0}.beat-select{font:inherit;border:1px solid #777;color:#111;background:transparent;width:48px;height:48px;border-radius:50%;cursor:pointer}.beat-select[aria-pressed=true]{background:#111;color:#eee}.beat-duration{font-size:.875rem;color:#444;font-variant-numeric:tabular-nums}.beat-inquiry{background:#111;color:#eee;border-radius:28px;padding:14px 20px;font-size:.875rem;text-align:center}.beat-player{margin-top:24px;background:#111;color:#eee;padding:26px;display:grid;grid-template-columns:1fr auto;gap:24px}.beat-player h3{font-size:1.5rem;font-weight:500;margin:0 0 7px}.beat-player p{font-size:.875rem;color:#bbb;margin:0 0 16px;line-height:1.5}.beat-player input{width:100%;accent-color:#eee}.beat-player-time{display:flex;justify-content:space-between;font-size:.875rem;color:#bbb;font-variant-numeric:tabular-nums}.beat-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.beat-controls button{font:inherit;font-size:.875rem;border:1px solid #aaa;background:transparent;color:#eee;padding:12px 20px;border-radius:28px;min-height:48px;cursor:pointer}.beat-controls #beat-play,.beat-controls [aria-pressed=true]{background:#eee;color:#111}.beat-player #beat-status{grid-column:1/-1;margin:0}.beat-note{font-size:.875rem;color:#444;margin-top:16px}.beat-empty{padding:24px 0;font-size:1rem}.beat-section .beat-layout{grid-template-columns:1fr;margin-top:48px;gap:26px}.beat-layout h2{font-size:clamp(2.8rem,6vw,5.5rem)}.beat-section .license-list{margin-top:48px}.beat-section [hidden]{display:none!important}.beat-section :focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:850px){.beat-section .beat-filters{grid-template-columns:1fr 1fr}.beat-row{grid-template-columns:48px 1fr auto}.beat-inquiry{grid-column:2/-1;justify-self:start}.beat-player{grid-template-columns:1fr}}@media(max-width:480px){.beat-section .beat-filters{grid-template-columns:1fr}.beat-row{gap:12px;padding:22px 0}.beat-clear{justify-self:start}.beat-player{padding:20px}.beat-row h3{overflow-wrap:anywhere}}