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