.play.svelte-1n3t8my{color:#fff;cursor:pointer;background:#1253ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;transition:transform 80ms,filter .15s;display:inline-flex}.play.svelte-1n3t8my:hover{filter:brightness(1.1)}.play.svelte-1n3t8my:active{transform:scale(.95)}.play.playing.svelte-1n3t8my{background:#1253ff;box-shadow:0 0 0 3px #1253ff40}.play.svelte-1n3t8my:disabled{opacity:.4;cursor:not-allowed}.bpm-wrap.svelte-1fz99ny{background:var(--ui-background);border-radius:.25rem;align-items:center;display:inline-flex;position:relative}.bpm-trigger.svelte-1fz99ny{border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.25rem;padding:6px .5rem;display:inline-flex}.bpm-trigger.open.svelte-1fz99ny{border-color:#1253ff}.bpm-trigger.svelte-1fz99ny .lbl:where(.svelte-1fz99ny){color:var(--beatmaker-text-muted-color);letter-spacing:.05em;font-size:.75rem;font-weight:700}.bpm-input.svelte-1fz99ny{width:30px;color:var(--beatmaker-text-color);font-variant-numeric:tabular-nums;text-align:left;appearance:textfield;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:700}.bpm-input.svelte-1fz99ny::-webkit-outer-spin-button{appearance:none;margin:0}.bpm-input.svelte-1fz99ny::-webkit-inner-spin-button{appearance:none;margin:0}.bpm-input.svelte-1fz99ny:focus{outline:none}.chev.svelte-1fz99ny{color:var(--beatmaker-text-muted-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;list-style:none;display:inline-flex}.chev.svelte-1fz99ny::-webkit-details-marker{display:none}.chev.svelte-1fz99ny:hover{color:var(--beatmaker-text-color)}.bpm-menu.svelte-1fz99ny{background:var(--beatmaker-panel-bg-secondary);border:1px solid var(--beatmaker-line-color);z-index:10;border-radius:.5rem;flex-direction:column;min-width:220px;padding:.5rem 0;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000080}.bpm-option.svelte-1fz99ny{all:unset;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.bpm-option.svelte-1fz99ny:focus{background-color:var(--beatmaker-panel-bg-secondary)}.bpm-option.svelte-1fz99ny:hover,.bpm-option.svelte-1fz99ny:focus-visible{background:var(--overlay-4);color:var(--beatmaker-text-color)}.bpm-option.svelte-1fz99ny:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.bpm-option.svelte-1fz99ny .check:where(.svelte-1fz99ny){color:#1253ff;flex-shrink:0;width:20px;display:inline-flex}.bpm-option.svelte-1fz99ny .num:where(.svelte-1fz99ny){font-variant-numeric:tabular-nums;width:24px;font-weight:700}.bpm-option.svelte-1fz99ny .genre:where(.svelte-1fz99ny){color:var(--beatmaker-text-color);font-weight:400}.bpm-custom-hint.svelte-1fz99ny{border-top:1px solid var(--beatmaker-line-color);color:var(--beatmaker-text-muted-color);margin-top:.25rem;padding:.5rem 1rem;font-size:.75rem}.usermenu.svelte-1cm4viw{min-width:300px;position:relative}.usermenu.svelte-1cm4viw>summary:where(.svelte-1cm4viw){cursor:pointer;color:var(--beatmaker-text-color);background:var(--overlay-4);border-radius:.25rem;flex-direction:column;gap:1px;padding:.25rem .5rem;list-style:none;display:flex}.usermenu.svelte-1cm4viw>summary:where(.svelte-1cm4viw)::-webkit-details-marker{display:none}.usermenu.svelte-1cm4viw>summary:where(.svelte-1cm4viw):hover{background:var(--overlay-4)}.usermenu[open].svelte-1cm4viw>summary:where(.svelte-1cm4viw){background:var(--overlay-8)}.usermenu[open].svelte-1cm4viw .caret{transform:rotate(180deg)}.caret{transition:transform .15s}.now-editing.svelte-1cm4viw{letter-spacing:.08em;text-transform:uppercase;color:var(--beatmaker-text-muted-color);font-size:.75rem;font-weight:700}.beat-row.svelte-1cm4viw{align-items:center;gap:6px;font-size:.875rem;font-weight:700;display:inline-flex}.beat-name.svelte-1cm4viw{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}@media (width<=36rem){.usermenu.svelte-1cm4viw>summary:where(.svelte-1cm4viw){box-sizing:border-box;width:100%}.beat-row.svelte-1cm4viw{justify-content:space-between}.beat-name.svelte-1cm4viw{flex:1;min-width:0;max-width:none}}.menu.svelte-1cm4viw{background:var(--beatmaker-panel-bg-secondary);border:1px solid var(--beatmaker-line-color);z-index:20;border-radius:.5rem;flex-direction:column;min-width:260px;max-height:min(480px,100vh - 120px);padding:.5rem 0;display:flex;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;box-shadow:0 16px 48px #0000008c}.menu.svelte-1cm4viw .section:where(.svelte-1cm4viw){letter-spacing:.1em;color:var(--beatmaker-text-muted-color);text-transform:uppercase;align-items:center;gap:6px;padding:10px 1rem 6px;font-size:.75rem;font-weight:700;display:flex}.menu.svelte-1cm4viw .section:where(.svelte-1cm4viw) .count:where(.svelte-1cm4viw){background:var(--overlay-8);border-radius:9999px;padding:1px 6px;font-size:.75rem}.search-row.svelte-1cm4viw{border:1px solid var(--beatmaker-line-color);color:var(--beatmaker-text-muted-color);border-radius:.25rem;align-items:center;gap:.25rem;margin:0 1rem .25rem;padding:.25rem .5rem;display:flex}.search-row.svelte-1cm4viw:focus-within{border-color:#1253ff}.search-input.svelte-1cm4viw{color:var(--beatmaker-text-color);background:0 0;border:none;flex:1;padding:0;font-size:.875rem}.search-input.svelte-1cm4viw:focus{outline:none}.search-input.svelte-1cm4viw::placeholder{color:var(--beatmaker-text-muted-color)}.menu-item.svelte-1cm4viw{all:unset;color:var(--beatmaker-text-color);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.menu-item.svelte-1cm4viw:hover{background:var(--overlay-4);color:var(--beatmaker-text-color)}.menu-item.artist.svelte-1cm4viw .check:where(.svelte-1cm4viw){color:#1253ff;flex-shrink:0;width:12px;display:inline-flex}.menu-item.artist.svelte-1cm4viw .ava:where(.svelte-1cm4viw){letter-spacing:.04em;color:#fff;object-fit:cover;width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--overlay-8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.menu-item.artist.svelte-1cm4viw .name:where(.svelte-1cm4viw){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-item.artist.svelte-1cm4viw .play-icon{color:var(--beatmaker-text-muted-color);flex-shrink:0}.menu-item.signup-cta.svelte-1cm4viw{font-weight:500}.menu-item.empty-state.svelte-1cm4viw{cursor:default;color:var(--beatmaker-text-muted-color)}.menu-item.empty-state.svelte-1cm4viw:hover{background:0 0}.save-popover.svelte-xsqr24{position:relative}.save-popover.svelte-xsqr24>summary:where(.svelte-xsqr24){color:var(--beatmaker-text-color);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:700;list-style:none;display:inline-flex}.save-popover.svelte-xsqr24>summary:where(.svelte-xsqr24):hover{background:var(--overlay-4)}.save-popover.svelte-xsqr24>summary.disabled:where(.svelte-xsqr24){color:var(--beatmaker-text-muted-color);cursor:not-allowed}.save-popover.svelte-xsqr24>summary.disabled:where(.svelte-xsqr24):hover{background:0 0}.save-popover.svelte-xsqr24>summary:where(.svelte-xsqr24)::-webkit-details-marker{display:none}.save-popover[open].svelte-xsqr24>summary:where(.svelte-xsqr24){background:var(--overlay-8)}@media (width<=48rem){.tool-label.svelte-xsqr24{display:none}}.panel.svelte-xsqr24{background:var(--beatmaker-panel-bg-secondary);border:1px solid var(--beatmaker-line-color);z-index:20;border-radius:.5rem;flex-direction:column;gap:1rem;width:320px;padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 48px #0000008c}.field-label.svelte-xsqr24{color:var(--beatmaker-text-muted-color);text-transform:uppercase;letter-spacing:.06em;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:700}.name-input.svelte-xsqr24{border:1px solid var(--ui-04);background-color:var(--ui-background-transparent);color:var(--text-01);box-sizing:border-box;border-radius:.125rem;width:100%;margin-top:.5rem;padding:.5rem;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;box-shadow:0 1px #fff,inset 0 1px 1px #00000017}.name-input.svelte-xsqr24::placeholder{color:var(--text-03)}.name-input.svelte-xsqr24:focus{box-shadow:0 0 0 3px var(--focus);border-color:var(--primary);outline:none}.save-helper.svelte-xsqr24{color:var(--beatmaker-text-muted-color);margin:0;font-size:.75rem}.footer.svelte-xsqr24{border-top:1px solid var(--beatmaker-line-color);align-items:center;gap:1rem;padding-top:1rem;display:flex}.meta.svelte-xsqr24{color:var(--beatmaker-text-muted-color);white-space:nowrap;font-size:.75rem}.actions.svelte-xsqr24{color:var(--beatmaker-text-color);gap:.5rem;margin-left:auto;display:flex}.share-popover.svelte-vmvcf0{position:relative}.share-popover.svelte-vmvcf0>summary:where(.svelte-vmvcf0){color:var(--beatmaker-text-color);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:700;list-style:none;display:inline-flex}.share-popover.svelte-vmvcf0>summary:where(.svelte-vmvcf0):hover{background:var(--overlay-4)}.share-popover.svelte-vmvcf0>summary.disabled:where(.svelte-vmvcf0){color:var(--beatmaker-text-muted-color);cursor:not-allowed}.share-popover.svelte-vmvcf0>summary.disabled:where(.svelte-vmvcf0):hover{background:0 0}.share-popover.svelte-vmvcf0>summary:where(.svelte-vmvcf0)::-webkit-details-marker{display:none}.share-popover[open].svelte-vmvcf0>summary:where(.svelte-vmvcf0){background:var(--overlay-8)}@media (width<=48rem){.tool-label.svelte-vmvcf0{display:none}}.panel.svelte-vmvcf0{background:var(--beatmaker-panel-bg-secondary);border:1px solid var(--beatmaker-line-color);z-index:20;border-radius:.5rem;flex-direction:column;gap:.25rem;width:320px;padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 48px #0000008c}.field-label.svelte-vmvcf0{color:var(--beatmaker-text-muted-color);text-transform:uppercase;letter-spacing:.06em;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:700}.share-link.svelte-vmvcf0{color:var(--text-01);border:1px solid var(--ui-04);background-color:var(--ui-background-transparent);border-radius:.125rem;align-items:center;gap:.5rem;padding:.5rem;display:flex}.share-link-url.svelte-vmvcf0{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.scrim.svelte-1jggzqk{z-index:40;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .22s;position:fixed;inset:0}.scrim.on.svelte-1jggzqk{opacity:1;pointer-events:auto}.dp.svelte-1jggzqk{z-index:41;background:var(--ui-01);width:440px;max-width:100vw;color:var(--text-01);border-left:1px solid var(--ui-04);flex-direction:column;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:transform .26s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:50px;bottom:0;right:0;transform:translate(100%);box-shadow:0 8px 16px #00000026,0 12px 48px #0000001f,0 24px 36px #00000024}.dp.on.svelte-1jggzqk{transform:none}@media (prefers-reduced-motion:reduce){.dp.svelte-1jggzqk{transition:none}}.head.svelte-1jggzqk{border-bottom:1px solid var(--ui-03);align-items:flex-start;gap:1rem;padding:1.5rem 1rem 1.25rem;display:flex}.title.svelte-1jggzqk{flex:1;min-width:0}.title.svelte-1jggzqk h2:where(.svelte-1jggzqk){margin:0;font-family:Soehne,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:700}.title.svelte-1jggzqk p:where(.svelte-1jggzqk){color:var(--text-03);white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0 0;font-size:.75rem;overflow:hidden}.scroll.svelte-1jggzqk{flex:1;padding:.25rem 1rem 1.25rem;overflow:auto}.scroll.svelte-1jggzqk::-webkit-scrollbar{appearance:none;width:1rem}.scroll.svelte-1jggzqk::-webkit-scrollbar-thumb{border:.25rem solid var(--scrollbar-thumb-transparent);background-clip:padding-box;background-color:var(--scrollbar-thumb);border-radius:.5rem}.scroll.svelte-1jggzqk::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.sec.svelte-1jggzqk{letter-spacing:.12em;text-transform:uppercase;color:var(--text-03);align-items:center;gap:.25rem;padding:1rem .25rem .125rem;font-size:.75rem;font-weight:700;display:flex}.sec.svelte-1jggzqk b:where(.svelte-1jggzqk){letter-spacing:.06em;opacity:.75;font-weight:700}.row.svelte-1jggzqk{border-radius:.25rem;grid-template-columns:34px 1fr auto 32px;align-items:center;gap:1rem;padding:.25rem;display:grid}.row.svelte-1jggzqk:hover{background:var(--overlay-8)}button.row.svelte-1jggzqk{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}button.row.svelte-1jggzqk:disabled{cursor:default}button.row.svelte-1jggzqk:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.main.svelte-1jggzqk{flex-direction:column;gap:1px;min-width:0;display:flex}.name.svelte-1jggzqk{color:var(--text-01);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.sub.svelte-1jggzqk{color:var(--text-03);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.glyph.svelte-1jggzqk{background:var(--ui-03);width:34px;height:34px;color:var(--text-01);border-radius:.25rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.cost.svelte-1jggzqk{color:var(--text-02);text-align:right;min-width:38px;font-size:.75rem;font-weight:500}.cost.free.svelte-1jggzqk{letter-spacing:.07em;text-transform:uppercase;color:var(--text-03);font-size:.75rem;font-weight:700}.dl.svelte-1jggzqk{width:32px;height:32px;color:var(--text-02);border-radius:.25rem;justify-content:center;align-items:center;transition:color .12s;display:inline-flex}.dl.done.svelte-1jggzqk{color:var(--green-accent)}.empty-text.svelte-1jggzqk{color:var(--text-03);padding:1.25rem .25rem;font-size:.875rem}.sample-grid.svelte-1jggzqk{flex-direction:column;display:flex}.sample-grid.svelte-1jggzqk .cell{background:0 0}.sample-grid.svelte-1jggzqk .gradient-overlay{display:none}.unresolved-row.svelte-1jggzqk{grid-template-columns:1fr auto}.unresolved.svelte-1jggzqk{color:var(--text-03);flex-shrink:0;font-size:.75rem}.foot.svelte-1jggzqk{border-top:1px solid var(--ui-03);background:var(--ui-02);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.foot-l.svelte-1jggzqk{color:var(--text-02);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.foot-r.svelte-1jggzqk{color:var(--text-03);white-space:nowrap;font-size:.75rem;font-weight:500}@media screen and (width>=62rem){dialog.marginless:has(.creator-upsell-modal){width:480px;max-width:480px;max-height:none}}.creator-upsell-modal.svelte-enpemo{background-color:var(--ui-02);color:var(--text-01);flex-direction:column;display:flex;overflow:hidden}.hero.svelte-enpemo{background:linear-gradient(135deg, var(--primary) 0%, #8a3bf2 60%, #b13bf0 100%);color:#fffffff2;justify-content:center;align-items:center;height:140px;display:flex}.waveform.svelte-enpemo{width:88%;height:60%}.body.svelte-enpemo{flex-direction:column;gap:.5rem;padding:2rem;display:flex}.headline.svelte-enpemo{font-size:1.25rem}@media screen and (width>=48rem){.headline.svelte-enpemo{font-size:1.75rem}}.headline.svelte-enpemo{letter-spacing:-.0069em;font-family:SoehneBreit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.25;font-weight:unset;color:var(--text-01)}.subhead.svelte-enpemo{color:var(--text-02);margin:0;font-size:.875rem;font-weight:400;line-height:1.5}.price-block.svelte-enpemo{flex-direction:row;gap:.5rem;margin:.5rem 0;display:flex}.price-block.is-loading.svelte-enpemo{justify-content:center;align-items:flex-start}.price-col.svelte-enpemo{align-items:center;display:flex}.price-meta.svelte-enpemo{color:var(--text-02);font-size:.75rem}.ramp-price.svelte-enpemo{color:var(--text-01);align-items:flex-start;font-size:2.5rem;font-weight:700;line-height:1;display:inline-flex}.ramp-price.svelte-enpemo .currency:where(.svelte-enpemo){margin-top:.25rem;font-size:1rem;line-height:1}.first-month-badge.svelte-enpemo{font-size:.75rem;display:inline-block}@media screen and (width>=48rem){.first-month-badge.svelte-enpemo{font-size:.75rem}}.first-month-badge.svelte-enpemo{letter-spacing:-.001em;text-transform:uppercase;letter-spacing:1px;color:#03f;background-color:#edf9ff;border:1px solid #0000;border-radius:.25rem;margin-bottom:.5rem;padding:.125rem .3rem;font-size:.75rem;font-weight:700;line-height:1.25}.value-props.svelte-enpemo{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.value-props.svelte-enpemo li:where(.svelte-enpemo){color:var(--text-01);align-items:center;gap:.5rem;font-size:.875rem;line-height:1.4;display:flex}.value-props.svelte-enpemo .copy:where(.svelte-enpemo) strong:where(.svelte-enpemo){font-weight:500}.subscribe-cta.svelte-enpemo{width:100%;margin-top:1rem}.secure-checkout.svelte-enpemo{--icon-size:1rem;color:var(--text-02);justify-content:center;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.compare-plans-link.svelte-enpemo{color:var(--text-01);cursor:pointer;background:0 0;border:none;align-self:center;padding:0;font-size:.875rem;font-weight:500;text-decoration:none}.compare-plans-link.svelte-enpemo:hover{text-decoration:underline}.grid.svelte-640zui{background:var(--beatmaker-bg);padding:14px 1rem}.pad-rows.svelte-640zui{position:relative}.bar-dividers.svelte-640zui{pointer-events:none;display:none;position:absolute;inset:0}.row.svelte-640zui{content-visibility:auto;contain-intrinsic-size:auto 35px;grid-template-columns:56px 1fr;align-items:center;gap:.5rem;min-height:34px;display:grid}.row.svelte-640zui+.row:where(.svelte-640zui){margin-top:.25rem}.row.selected.svelte-640zui .cell:where(.svelte-640zui):not(.on){background:var(--gray-70)}.row.selected.svelte-640zui .cell:not(.on).beat:where(.svelte-640zui){background:var(--gray-60)}.row.selected.svelte-640zui .cell:where(.svelte-640zui):not(.on):hover{background:var(--gray-50)}.row.selected.svelte-640zui .cell.inactive:where(.svelte-640zui):not(.on){background:var(--beatmaker-cell-inactive-bg);border-color:var(--beatmaker-cell-inactive-rim-color)}.rowctrl.svelte-640zui{background:var(--overlay-4);color:var(--beatmaker-text-muted-color);cursor:pointer;box-sizing:border-box;border:none;border-left:3px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.25rem;display:flex;position:relative}.rowctrl.svelte-640zui .icon:where(.svelte-640zui){width:28px;height:28px;color:var(--beatmaker-text-muted-color);justify-content:center;align-items:center;display:inline-flex}.rowctrl.svelte-640zui .icon-mask:where(.svelte-640zui){width:20px;height:20px;-webkit-mask-image:var(--beatmaker-track-icon-url);mask-image:var(--beatmaker-track-icon-url);background-color:currentColor;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rowctrl.svelte-640zui:hover{background:var(--overlay-8)}.rowctrl.svelte-640zui:hover .icon:where(.svelte-640zui){color:var(--beatmaker-track-color)}.rowctrl.active.svelte-640zui{background:var(--overlay-16);border-left-color:var(--beatmaker-track-color)}.rowctrl.active.svelte-640zui .icon:where(.svelte-640zui){color:var(--beatmaker-track-color)}.rowctrl.add.svelte-640zui{border:1px dashed var(--beatmaker-line-color);color:var(--beatmaker-text-muted-color);background:0 0}.steps.svelte-640zui{grid-template-columns:repeat(32,1fr);gap:.25rem;min-width:0;display:grid}@media (width>=1100px){.steps.svelte-640zui{grid-template-columns:repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr)}.cell.svelte-640zui:nth-child(5),.step-num.svelte-640zui:nth-child(5){grid-column-start:6}.cell.svelte-640zui:nth-child(9),.step-num.svelte-640zui:nth-child(9){grid-column-start:11}.cell.svelte-640zui:nth-child(13),.step-num.svelte-640zui:nth-child(13){grid-column-start:16}.cell.svelte-640zui:nth-child(17),.step-num.svelte-640zui:nth-child(17){grid-column-start:21}.cell.svelte-640zui:nth-child(21),.step-num.svelte-640zui:nth-child(21){grid-column-start:26}.cell.svelte-640zui:nth-child(25),.step-num.svelte-640zui:nth-child(25){grid-column-start:31}.cell.svelte-640zui:nth-child(29),.step-num.svelte-640zui:nth-child(29){grid-column-start:36}.bar-dividers.svelte-640zui{grid-template-columns:56px 1fr;gap:.5rem;display:grid}.bar-dividers-track.svelte-640zui{grid-column:2;grid-template-columns:repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr) 10px repeat(4,1fr) 3px repeat(4,1fr);gap:.25rem;height:100%;display:grid}.divider.svelte-640zui{background:var(--overlay-12);grid-row:1;justify-self:center;width:1px;height:100%}}.cell.svelte-640zui{--beatmaker-track-color:ds.$white;background:var(--beatmaker-cell-bg);cursor:pointer;touch-action:none;border:1px solid #0000;border-radius:.25rem;height:35px;padding:0;transition:background 80ms,border-color 80ms,transform 50ms}.cell.beat.svelte-640zui{background:var(--beatmaker-cell-beat-bg)}.cell.svelte-640zui:hover{background:var(--beatmaker-cell-hover-bg)}.cell.on.svelte-640zui{background:var(--beatmaker-track-color);border-color:#0000}.cell.on.svelte-640zui:hover{filter:brightness(1.1)}.cell.on.accent.svelte-640zui{opacity:.55}.cell.playhead.svelte-640zui{box-shadow:0 0 0 1px var(--beatmaker-track-color), 0 0 10px 2px color-mix(in srgb, var(--beatmaker-track-color) 70%, transparent);filter:brightness(1.25)}.cell.inactive.svelte-640zui{background:var(--beatmaker-cell-inactive-bg);border-color:var(--beatmaker-cell-inactive-rim-color)}.cell.inactive.on.svelte-640zui{background:var(--beatmaker-track-color);opacity:.35;border-color:#0000}.cell.inactive.on.accent.svelte-640zui{opacity:.2}.step-numbers.svelte-640zui{min-height:20px}.step-num.svelte-640zui{text-align:center;color:var(--beatmaker-step-number-color);font-variant-numeric:tabular-nums;padding:.125rem 0;font-size:.75rem}.step-num.beat.svelte-640zui{color:var(--beatmaker-text-color);font-weight:500}.step-num.active.svelte-640zui{color:var(--blue-10)}.addrow.svelte-640zui{margin-top:6px}.plus-wrap.svelte-640zui{justify-content:center;align-items:center;width:56px;display:inline-flex;position:relative}.plus-wrap.svelte-640zui .rowctrl.add:where(.svelte-640zui){color:var(--beatmaker-text-color);cursor:pointer}.plus-wrap.svelte-640zui .rowctrl.add:where(.svelte-640zui):hover{color:#1253ff}.ab-toggle.svelte-640zui{justify-content:center;gap:.25rem;width:56px;padding:.125rem;display:inline-flex}.ab-toggle.svelte-640zui button:where(.svelte-640zui){color:var(--beatmaker-text-muted-color);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:.125rem;min-width:22px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.ab-toggle.svelte-640zui button:where(.svelte-640zui):hover{color:var(--beatmaker-text-color)}.ab-toggle.svelte-640zui button.active:where(.svelte-640zui){color:var(--beatmaker-bg);background:#fff}.page-dots.svelte-640zui{justify-content:center;gap:1rem;padding:18px 0 6px;display:flex}.dot.svelte-640zui{cursor:pointer;background:0 0;border:1px solid #63656d;border-radius:50%;width:16px;height:16px;padding:0;transition:border-color .15s,box-shadow .15s;position:relative}.dot.svelte-640zui:hover{border-color:var(--beatmaker-text-color)}.dot.svelte-640zui:after{content:"";border-radius:50%;position:absolute;inset:3px}@media (width>=1100px){.page-dots.svelte-640zui{display:none}}@media (width<=1099px){.steps.svelte-640zui{grid-template-columns:repeat(16,1fr)}.grid.playback-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.playback-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.playback-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.grid.playback-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16){display:none}.grid.focus-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16){display:revert}.grid.focus-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17){display:none}.grid.focus-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17){display:revert}.grid.focus-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.dot.bar-1.svelte-640zui,.dot.bar-3.svelte-640zui{display:none}.page-dots[data-playback-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-playback-bar="1"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-playback-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui),.page-dots[data-playback-bar="3"].svelte-640zui .dot.bar-2:where(.svelte-640zui){border-color:var(--beatmaker-text-color)}.page-dots[data-playback-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-playback-bar="1"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-playback-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after,.page-dots[data-playback-bar="3"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after{background:var(--beatmaker-text-color)}.page-dots[data-focused-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-focused-bar="1"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-focused-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui),.page-dots[data-focused-bar="3"].svelte-640zui .dot.bar-2:where(.svelte-640zui){border-color:#1253ff;box-shadow:0 0 0 2px #1253ff59}.page-dots[data-focused-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-focused-bar="1"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-focused-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after,.page-dots[data-focused-bar="3"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after{background:#1253ff}}@media (width<=639px){.row.svelte-640zui{grid-template-columns:44px 1fr}.plus-wrap.svelte-640zui,.ab-toggle.svelte-640zui{width:44px}.steps.svelte-640zui{grid-template-columns:repeat(8,1fr)}.grid.playback-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+9),.grid.playback-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+9),.grid.playback-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+8),.grid.playback-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+8),.grid.playback-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17),.grid.playback-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.playback-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+25),.grid.playback-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.grid.playback-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+25),.grid.playback-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+24),.grid.playback-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+24){display:none}.grid.focus-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+8),.grid.focus-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+8){display:revert}.grid.focus-bar-0.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+9),.grid.focus-bar-0.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+9){display:none}.grid.focus-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+9):nth-child(-n+16),.grid.focus-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+9):nth-child(-n+16){display:revert}.grid.focus-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+8),.grid.focus-bar-1.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17),.grid.focus-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+8),.grid.focus-bar-1.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17){display:none}.grid.focus-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+17):nth-child(-n+24),.grid.focus-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+17):nth-child(-n+24){display:revert}.grid.focus-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-2.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+25),.grid.focus-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+16),.grid.focus-bar-2.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+25){display:none}.grid.focus-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(n+25),.grid.focus-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(n+25){display:revert}.grid.focus-bar-3.svelte-640zui .cell:where(.svelte-640zui):nth-child(-n+24),.grid.focus-bar-3.svelte-640zui .step-num:where(.svelte-640zui):nth-child(-n+24){display:none}.dot.bar-1.svelte-640zui,.dot.bar-3.svelte-640zui{display:revert}.page-dots[data-playback-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-playback-bar="1"].svelte-640zui .dot.bar-1:where(.svelte-640zui),.page-dots[data-playback-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui),.page-dots[data-playback-bar="3"].svelte-640zui .dot.bar-3:where(.svelte-640zui){border-color:var(--beatmaker-text-color)}.page-dots[data-playback-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-playback-bar="1"].svelte-640zui .dot.bar-1:where(.svelte-640zui):after,.page-dots[data-playback-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after,.page-dots[data-playback-bar="3"].svelte-640zui .dot.bar-3:where(.svelte-640zui):after{background:var(--beatmaker-text-color)}.page-dots[data-focused-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui),.page-dots[data-focused-bar="1"].svelte-640zui .dot.bar-1:where(.svelte-640zui),.page-dots[data-focused-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui),.page-dots[data-focused-bar="3"].svelte-640zui .dot.bar-3:where(.svelte-640zui){border-color:#1253ff;box-shadow:0 0 0 2px #1253ff59}.page-dots[data-focused-bar="0"].svelte-640zui .dot.bar-0:where(.svelte-640zui):after,.page-dots[data-focused-bar="1"].svelte-640zui .dot.bar-1:where(.svelte-640zui):after,.page-dots[data-focused-bar="2"].svelte-640zui .dot.bar-2:where(.svelte-640zui):after,.page-dots[data-focused-bar="3"].svelte-640zui .dot.bar-3:where(.svelte-640zui):after{background:#1253ff}}.browser-panel.svelte-1g8ozdo{border-top:1px solid #000;padding:1rem 1.5rem 1.5rem}.panel-header.svelte-1g8ozdo{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:14px;display:flex}.panel-target.svelte-1g8ozdo{align-items:center;gap:1rem;display:flex}.panel-target-text.svelte-1g8ozdo{flex-direction:column;gap:.125rem;display:flex}.panel-thumb.svelte-1g8ozdo{background:var(--beatmaker-track-color);width:50px;height:50px;color:var(--beatmaker-bg);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.panel-thumb.svelte-1g8ozdo .pack-art:where(.svelte-1g8ozdo){object-fit:cover;width:100%;height:100%;display:block}.panel-title.svelte-1g8ozdo{letter-spacing:.12em;text-transform:uppercase;color:var(--beatmaker-text-color);margin:0;font-size:.875rem;font-weight:700}.panel-title-accent.svelte-1g8ozdo{color:var(--beatmaker-track-color)}.panel-sub.svelte-1g8ozdo{color:var(--beatmaker-text-muted-color);margin:0;font-size:.875rem}.browser.svelte-1g8ozdo{align-items:flex-start;gap:1.5rem;min-height:500px;display:flex}.sidebar.svelte-1g8ozdo{flex-shrink:0;width:200px}.sidebar-toggle.svelte-1g8ozdo{list-style:none;display:none}.sidebar-toggle.svelte-1g8ozdo::-webkit-details-marker{display:none}.sidebar-content.svelte-1g8ozdo{flex-direction:column;gap:.125rem;display:flex}.samples-pane.svelte-1g8ozdo{flex:1;min-width:0}@media (width<=900px){.browser.svelte-1g8ozdo{flex-direction:column}.sidebar.svelte-1g8ozdo,.samples-pane.svelte-1g8ozdo{width:100%}.sidebar-toggle.svelte-1g8ozdo{border:1px solid var(--beatmaker-line-color);background:var(--beatmaker-panel-bg);color:var(--beatmaker-text-color);cursor:pointer;border-radius:.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-toggle.svelte-1g8ozdo .icon{transition:transform .15s}.sidebar[open].svelte-1g8ozdo .sidebar-toggle:where(.svelte-1g8ozdo) .icon{transform:rotate(180deg)}.sidebar-content.svelte-1g8ozdo{border:1px solid var(--beatmaker-line-color);background:var(--beatmaker-panel-bg);border-radius:.25rem;margin-top:.25rem;padding:.5rem}}@media (width<=639px){.panel-header.svelte-1g8ozdo{flex-direction:column;align-items:flex-start}}.sample-row.svelte-cyqrss{all:unset;background:var(--beatmaker-panel-bg);cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:1rem;min-width:0;padding:.5rem 1rem;display:flex}.sample-row.svelte-cyqrss:hover{background:var(--beatmaker-panel-bg-secondary)}.sample-row.svelte-cyqrss:focus,.sample-row.svelte-cyqrss:focus-within,.sample-row.active.svelte-cyqrss{border-color:var(--beatmaker-track-color);background:color-mix(in oklab, var(--beatmaker-track-color) 16%, var(--beatmaker-panel-bg))}.sample-row.svelte-cyqrss .play-icon:where(.svelte-cyqrss){background:var(--overlay-4);width:40px;height:40px;color:var(--beatmaker-text-muted-color);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:inline-flex}.sample-row.svelte-cyqrss .playing.play-icon:where(.svelte-cyqrss),.sample-row.svelte-cyqrss:hover .play-icon:where(.svelte-cyqrss),.sample-row.svelte-cyqrss:focus-visible .play-icon:where(.svelte-cyqrss){background:var(--beatmaker-track-color);color:var(--beatmaker-bg)}.sample-row.svelte-cyqrss .thumb:where(.svelte-cyqrss){background:var(--beatmaker-track-color);width:36px;height:36px;color:var(--beatmaker-bg);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.sample-row.svelte-cyqrss .pack-art:where(.svelte-cyqrss){object-fit:cover;width:100%;height:100%;display:block}.sample-row.svelte-cyqrss .info:where(.svelte-cyqrss){flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.sample-row.svelte-cyqrss .name:where(.svelte-cyqrss){white-space:nowrap;text-overflow:ellipsis;color:var(--beatmaker-text-color);font-size:.875rem;font-weight:500;overflow:hidden}.sample-row.svelte-cyqrss .pack:where(.svelte-cyqrss){color:var(--beatmaker-text-muted-color);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sample-row.svelte-cyqrss .tags:where(.svelte-cyqrss){flex-shrink:0;gap:6px;display:flex}.sample-row.svelte-cyqrss .tag-pill:where(.svelte-cyqrss){color:var(--beatmaker-text-muted-color);background:var(--overlay-4);white-space:nowrap;border-radius:9999px;padding:3px 8px;font-size:.75rem;font-weight:500}.sample-row.svelte-cyqrss .type-badge:where(.svelte-cyqrss){color:var(--beatmaker-text-muted-color);flex-shrink:0;justify-content:center;align-items:center;padding:.125rem;display:inline-flex}@media (width<=639px){.sample-row.svelte-cyqrss .tags:where(.svelte-cyqrss){display:none}}.samples.svelte-208qjg{flex-direction:column;gap:.25rem;display:flex}.powered.svelte-ptf72m{align-items:center;gap:1rem;font-size:.75rem;display:inline-flex}.powered-text.svelte-ptf72m{text-align:right;line-height:1.35}.powered-text.svelte-ptf72m strong:where(.svelte-ptf72m){color:var(--beatmaker-text-color);display:block}.powered-text.svelte-ptf72m span:where(.svelte-ptf72m){color:var(--beatmaker-text-muted-color)}.subscribe.svelte-ptf72m{color:#fff;cursor:pointer;background:#1253ff;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.subscribe.svelte-ptf72m:hover{filter:brightness(1.08)}.tag-list.svelte-ptf72m{flex-direction:column;gap:.125rem;display:flex}.sidebar-header.svelte-ptf72m{letter-spacing:.1em;text-transform:uppercase;color:var(--beatmaker-text-muted-color);padding:0 .5rem .25rem;font-size:.75rem;font-weight:700}.tag-row.svelte-ptf72m{all:unset;color:var(--beatmaker-text-muted-color);cursor:pointer;box-sizing:border-box;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:flex}.tag-row.svelte-ptf72m:hover{background:var(--overlay-4);color:var(--beatmaker-text-color)}.tag-row.active.svelte-ptf72m{background:var(--overlay-8);color:var(--beatmaker-text-color)}.tag-row.svelte-ptf72m .dot:where(.svelte-ptf72m){background:var(--beatmaker-text-muted-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tag-row.svelte-ptf72m .tag-icon:where(.svelte-ptf72m){width:16px;height:16px;-webkit-mask-image:var(--beatmaker-track-icon-url);mask-image:var(--beatmaker-track-icon-url);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tag-row.svelte-ptf72m .tag-name:where(.svelte-ptf72m){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tag-row.svelte-ptf72m .tag-count:where(.svelte-ptf72m){color:var(--beatmaker-text-muted-color);font-size:.75rem}@media (width<=900px){.tag-list.svelte-ptf72m{flex-wrap:wrap}}@media (width<=639px){.powered-text.svelte-ptf72m{text-align:left}}.sidebar-header.svelte-19s2j9u{letter-spacing:.1em;text-transform:uppercase;color:var(--beatmaker-text-muted-color);padding:1rem .5rem .25rem;font-size:.75rem;font-weight:700}.nav-row.svelte-19s2j9u{all:unset;color:var(--beatmaker-text-muted-color);cursor:pointer;box-sizing:border-box;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:flex}.nav-row.svelte-19s2j9u:hover{background:var(--overlay-4);color:var(--beatmaker-text-color)}.nav-row.active.svelte-19s2j9u{background:var(--overlay-8);color:var(--beatmaker-text-color)}.nav-row.svelte-19s2j9u .nav-name:where(.svelte-19s2j9u){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.empty-text.svelte-19s2j9u{color:var(--beatmaker-text-muted-color);margin:1rem 0;font-size:.75rem}.collection-contents-header.svelte-19s2j9u{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.collection-contents-header.svelte-19s2j9u .collection-name:where(.svelte-19s2j9u){color:var(--beatmaker-text-color);font-size:.875rem;font-weight:500}.samples-toolbar.svelte-19s2j9u{justify-content:flex-start;margin-bottom:1rem;display:flex}.tag-filter.svelte-19s2j9u{position:relative}.tag-filter-trigger.svelte-19s2j9u{background:var(--beatmaker-panel-bg);border:1px solid var(--beatmaker-line-color);color:var(--beatmaker-text-color);cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;list-style:none;display:inline-flex}.tag-filter-trigger.svelte-19s2j9u::-webkit-details-marker{display:none}.tag-filter-trigger.svelte-19s2j9u:hover{background:var(--overlay-4)}.tag-filter-menu.svelte-19s2j9u{background:var(--beatmaker-panel-bg);border:1px solid var(--beatmaker-line-color);z-index:500;border-radius:.5rem;flex-direction:column;min-width:250px;max-height:min(320px,100vh - 120px);padding:.5rem 0;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.tag-filter-option.svelte-19s2j9u{all:unset;color:var(--beatmaker-text-color);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem;font-size:1rem;display:flex}.tag-filter-option.svelte-19s2j9u:hover{background:var(--overlay-4)}.tag-filter-option.svelte-19s2j9u .check:where(.svelte-19s2j9u){color:#1253ff;flex-shrink:0;width:16px;display:inline-flex}.tag-icon.svelte-19s2j9u{width:16px;height:16px;-webkit-mask-image:var(--beatmaker-track-icon-url);mask-image:var(--beatmaker-track-icon-url);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tip.svelte-r4l14y{color:#fff;z-index:1000;background:#1253ff;border-radius:6px;width:260px;padding:.5rem 1.5rem .5rem 1rem;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;box-shadow:0 16px 40px #00000059}.tip.svelte-r4l14y h4:where(.svelte-r4l14y){margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.25}.tip.svelte-r4l14y p:where(.svelte-r4l14y){color:#ffffffeb;margin:0;font-size:.75rem;line-height:1.5}.close.svelte-r4l14y{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:.125rem;padding:.25rem;line-height:0;position:absolute;top:10px;right:10px}.close.svelte-r4l14y:hover{background:var(--overlay-16);color:#fff}.line.svelte-r4l14y{z-index:999;pointer-events:none;background:#1253ff;width:2px;height:24px;position:fixed}.dot.svelte-r4l14y{z-index:999;pointer-events:none;background:#1253ff;border-radius:50%;width:8px;height:8px;position:fixed;box-shadow:0 0 0 3px #1253ff40}details.svelte-1v9ue70{position:relative}summary.svelte-1v9ue70{width:28px;height:28px;color:var(--beatmaker-text-color);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;list-style:none;display:inline-flex}summary.svelte-1v9ue70:hover{background:var(--overlay-4)}summary.svelte-1v9ue70::-webkit-details-marker{display:none}.menu-panel.svelte-1v9ue70{z-index:10;background:var(--beatmaker-panel-bg-secondary);border:1px solid var(--beatmaker-line-color);border-radius:.5rem;width:240px;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 6px 6px #00000014,0 4px 16px #0000001a,0 8px 12px #00000014}.shortcuts-list.svelte-1v9ue70{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.shortcuts-list.svelte-1v9ue70 li:where(.svelte-1v9ue70){justify-content:space-between;align-items:center;gap:1rem;display:flex}.shortcuts-list.svelte-1v9ue70 kbd:where(.svelte-1v9ue70){color:var(--beatmaker-text-color);background:var(--overlay-4);white-space:nowrap;border-radius:.125rem;padding:.125rem .25rem;font-family:inherit;font-size:.75rem;font-weight:700}.shortcuts-list.svelte-1v9ue70 span:where(.svelte-1v9ue70){color:var(--beatmaker-text-muted-color);text-align:right;font-size:.75rem}.app.svelte-uhhorm{--beatmaker-bg:var(--gray-90);--beatmaker-panel-bg:#1b1b1d;--beatmaker-panel-bg-secondary:var(--gray-80);--beatmaker-cell-bg:var(--gray-85);--beatmaker-cell-beat-bg:var(--gray-80);--beatmaker-cell-hover-bg:var(--gray-70);--beatmaker-cell-inactive-bg:#121214;--beatmaker-cell-inactive-rim-color:#000;--beatmaker-line-color:#303236;--beatmaker-text-color:var(--text-01);--beatmaker-text-muted-color:var(--text-03);--beatmaker-step-number-color:var(--text-03);color:var(--beatmaker-text-color);background:var(--beatmaker-bg);border-radius:6px;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;box-shadow:0 30px 80px #0006}.toolbar.svelte-uhhorm{background:var(--beatmaker-panel-bg-secondary);border-bottom:1px solid #000;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative}.toolbar-left.svelte-uhhorm,.toolbar-right.svelte-uhhorm{align-items:center;gap:6px;display:inline-flex}.divider.svelte-uhhorm{background:var(--beatmaker-line-color);width:1px;height:20px;margin:0 .25rem}.tool.svelte-uhhorm{color:var(--beatmaker-text-color);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.tool.svelte-uhhorm:hover{background:var(--overlay-4);color:var(--beatmaker-text-color)}.tool.svelte-uhhorm:disabled{color:var(--beatmaker-text-muted-color);cursor:not-allowed}.tool.svelte-uhhorm:disabled:hover{background:0 0}@media (width<=1099px){.toolbar.svelte-uhhorm{flex-wrap:wrap}}@media (width<=48rem){.tool.svelte-uhhorm .tool-label:where(.svelte-uhhorm){display:none}}@media (width<=36rem){.toolbar-left.svelte-uhhorm,.toolbar-right.svelte-uhhorm{display:contents}.toolbar.svelte-uhhorm{column-gap:0}.divider.svelte-uhhorm{display:none}.usermenu{flex-basis:100%;order:-1}.share-popover{order:1}.tool-clear.svelte-uhhorm{order:2}.save-popover{order:3}.tool-download.svelte-uhhorm{order:4}.keyboard-shortcuts{display:none}}