#page-browse{background:var(--stg-paper);min-height:100vh}.bw-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 56px)}.bw-main{min-width:0;padding:24px 32px 48px}.bw-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bw-filter-select{align-items:center;appearance:none;-webkit-appearance:none;background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:4px;color:var(--stg-ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;gap:5px;padding:5px 10px}.bw-filter-select:focus{border-color:var(--stg-accent);box-shadow:0 0 0 2px rgba(184,134,11,.18);outline:none}.bw-filter-lbl{color:var(--stg-ink-4);font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.07em;margin-right:2px;text-transform:uppercase}.bw-tools-row{align-items:center;border-bottom:1px solid var(--stg-rule);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-bottom:16px}.bw-tabs{display:flex;gap:2px}.bw-tab{background:transparent;border:1px solid var(--stg-rule);border-radius:4px;color:var(--stg-ink-3);cursor:pointer;font-family:inherit;font-size:12px;padding:5px 14px;transition:all .1s}.bw-tab:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.bw-tab.is-active{background:var(--stg-ink);border-color:var(--stg-ink);color:var(--stg-paper)}.bw-spacer{flex:1}.bw-search{align-items:center;background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:4px;display:flex;gap:6px;max-width:240px;padding:5px 10px}.bw-search input{background:transparent;border:0;color:var(--stg-ink);font-family:inherit;font-size:13px;outline:none;width:100%}.bw-search input::placeholder{color:var(--stg-ink-4)}.bw-search svg{color:var(--stg-ink-4);flex-shrink:0}.bw-count{color:var(--stg-ink-4);font-family:var(--font-mono,monospace);font-size:11px;margin-left:auto}.bw-list{display:flex;flex-direction:column}.bw-row{align-items:center;border-bottom:1px solid var(--stg-rule-soft);border-radius:5px;cursor:pointer;display:grid;gap:14px;grid-template-columns:56px 1fr auto;padding:9px 8px;transition:background .1s}.bw-row:hover{background:rgba(42,26,19,.04)}.bw-row:last-child{border-bottom:0}.bw-row__info{min-width:0}.bw-row__title{min-width:0;position:relative}.bw-row__sub{display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:3px}.bw-pill,.bw-row__sub{align-items:center;color:var(--stg-ink-3)}.bw-pill{background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:3px;display:inline-flex;font-family:var(--font-mono,monospace);font-size:11px;padding:1px 6px}.bw-pill--remake{background:var(--tm-remake);border-color:#c4b0d8;color:#4a2a6a}.bw-pill--genre{background:var(--tm-genre);border-color:#b0c0d0;color:#1e3a5a}.bw-pill--adv{background:var(--stg-paper-deep);color:var(--stg-ink-4)}.bw-row__actions{align-items:center;display:flex;flex-shrink:0;gap:6px;opacity:1}.bw-iconbtn{align-items:center;background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:4px;color:var(--stg-ink-3);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:border-color .1s,color .1s;width:30px}.bw-iconbtn:hover{border-color:var(--stg-accent);color:var(--stg-accent)}.bw-iconbtn.is-liked{background:transparent;border-color:transparent;color:var(--stg-like,#c43c3c)}.bw-btn-open{background:var(--stg-accent);border:0;border-radius:4px;color:#2a1a13;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:5px 12px;transition:filter .1s;white-space:nowrap}.bw-btn-open:hover{filter:brightness(1.08)}.tm-thumb{background:var(--tm-default);border:1px solid var(--stg-rule);border-radius:5px;flex-shrink:0;height:56px;overflow:hidden;position:relative;width:56px}.tm-thumb--remake{background:var(--tm-remake)}.tm-thumb--genre{background:var(--tm-genre)}.sg-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:2px;height:100%;padding:5px;width:100%}.sg-row{display:grid;flex:1;gap:2px;grid-template-columns:repeat(8,1fr)}.sg-cell{background:rgba(42,26,19,.12);border-radius:1px}.sg-cell--on{background:rgba(42,26,19,.5)}.sg-row--kick .sg-cell--on{background:var(--sg-kick)}.sg-row--snare .sg-cell--on{background:var(--sg-snare)}.sg-row--hihat .sg-cell--on{background:var(--sg-hihat)}.sg-row--clap .sg-cell--on{background:var(--sg-clap)}.sg-row--808 .sg-cell--on{background:var(--sg-808)}.sg-row--perc .sg-cell--on{background:var(--sg-perc)}.sg-row--rim .sg-cell--on{background:var(--sg-rim)}.bw-pagination{align-items:center;border-top:1px solid var(--stg-rule-soft);display:flex;justify-content:space-between;margin-top:8px;padding:16px 0 0}.bw-page-info{color:var(--stg-ink-4);font-family:var(--font-mono,monospace);font-size:11px}.bw-page-btns{display:flex;gap:6px}.bw-page-btn{background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:4px;color:var(--stg-ink);cursor:pointer;font-family:inherit;font-size:12px;padding:5px 14px;transition:background .1s}.bw-page-btn:hover{background:var(--stg-paper-deep)}.bw-page-btn:disabled{cursor:default;opacity:.35}.bw-row__title-text{color:var(--stg-ink);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bw-row__title-edit{align-items:center;display:flex;gap:4px}.bw-row__title-edit.hidden{display:none}.pattern-card-title-input{background:var(--stg-surface);border:1px solid var(--stg-accent);border-radius:3px;color:var(--stg-ink);flex:1;font-family:inherit;font-size:13px;outline:none;padding:2px 6px}.inline-cancel,.inline-save{background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:3px;color:var(--stg-ink-3);cursor:pointer;font-size:12px;padding:2px 6px}.inline-save{border-color:var(--stg-accent);color:var(--stg-accent)}.bw-row__menu{background:var(--stg-surface);border:1px solid var(--stg-rule);border-radius:5px;box-shadow:0 4px 14px rgba(42,26,19,.12);display:flex;flex-direction:column;left:auto;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.bw-row__menu.hidden{display:none}.bw-row__menu button{background:transparent;border:0;color:var(--stg-ink);cursor:pointer;font-family:inherit;font-size:13px;padding:9px 14px;text-align:left}.bw-row__menu button:hover{background:var(--stg-paper-deep)}.bw-row__menu .menu-action-delete{color:var(--stg-danger,#b44a3a)}.bw-row__sub .pattern-card-creator,.bw-row__sub .pattern-card-meta-row,.bw-row__sub .pattern-card-remake-line{align-items:center;color:var(--stg-ink-3);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:3px}.pattern-card-orig-artist{color:var(--stg-ink-2);font-size:13px;font-weight:500}.pattern-card-remixer{color:var(--stg-ink-3);font-size:12px;margin-top:2px}.bw-row__sub .pattern-card-meta-text{font-family:var(--font-mono,monospace);font-size:11px}.bw-row__sub .pattern-card-meta-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.bw-row__sub .tm-meta-pill{border:1px solid var(--stg-rule);border-radius:3px;color:var(--stg-ink-3);display:inline-flex;font-family:var(--font-mono,monospace);font-size:11px;padding:1px 5px}.bw-row__sub .profile-pattern-social-btn.profile-pattern-social-btn--with-count{align-items:center;background:transparent;border:none;border-radius:0;color:var(--stg-ink-3,#6b6b5f);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:2px}.bw-row__sub .profile-pattern-social-btn.profile-pattern-social-btn--with-count.is-engaged,.bw-row__sub .profile-pattern-social-btn.profile-pattern-social-btn--with-count:hover{background:transparent;color:var(--stg-ink,#161a14)}.bw-row__sub .profile-pattern-social-btn.profile-pattern-social-btn--with-count.is-liked,.bw-row__sub .profile-pattern-social-btn.profile-pattern-social-btn--with-count.profile-pattern-social-btn--liked{background:transparent;border:none;color:var(--stg-like,#c43c3c)}.bw-row__actions{position:relative}.bw-empty,.bw-loading{color:var(--stg-ink-4);font-size:14px;padding:40px 0;text-align:center}#page-browse{background:var(--stg-paper,#fff);margin:0 auto;max-width:1440px;padding:var(--sp-5,24px) var(--sp-6,32px) var(--sp-9,96px)}#page-browse .stg-eyebrow{font-weight:500;letter-spacing:.1em;text-transform:uppercase}#page-browse .stg-eyebrow,#page-browse .stg-meta{color:var(--stg-ink-3);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-caption,.75rem)}#page-browse .stg-shell{align-items:start;display:grid;gap:var(--sp-5,24px);grid-template-columns:260px minmax(0,1fr)}#page-browse .stg-main-wrap{justify-self:stretch;min-width:0;width:auto}#page-browse .bw-narrow-nav{display:none}#page-browse .stg-main,#page-browse .stg-main--catalog{min-width:0}#page-browse .stg-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--sp-4,16px);justify-content:space-between;margin:var(--sp-7,48px) 0 var(--sp-4,16px)}#page-browse .bw-featured.hidden+.stg-main .stg-section-head,#page-browse .stg-section-head:first-child{margin-top:0}#page-browse .bw-featured:not(.hidden)+.stg-main .stg-section-head{margin-top:var(--sp-7,48px)}#page-browse .bw-featured .stg-section-head{margin-bottom:var(--sp-4,16px)}#page-browse .stg-section-head__left .stg-eyebrow{color:var(--stg-ink-3)}#page-browse .stg-section-head h2{color:var(--stg-ink);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:var(--fs-h1,2.5rem);font-weight:400;letter-spacing:-.025em;line-height:1;margin:var(--sp-2,8px) 0 0;max-width:22ch}#page-browse .stg-section-head h2 em{font-style:italic}#page-browse .stg-see-all{align-items:center;background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.875rem);font-weight:500;gap:4px;padding:8px 12px;text-decoration:none;transition:background var(--dur-1,.12s) ease;white-space:nowrap}#page-browse .stg-see-all:hover{background:var(--stg-paper-2,#f3f2ee)}#page-browse .stg-link-arrow{align-items:center;border-bottom:1px solid transparent;color:var(--stg-ink-2);display:inline-flex;flex-shrink:0;font-size:13.5px;font-weight:500;gap:6px;padding-bottom:1px;text-decoration:none;white-space:nowrap}#page-browse .stg-link-arrow:hover{border-bottom-color:var(--stg-ink);color:var(--stg-ink);cursor:pointer}#page-browse .stg-page-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}#page-browse .stg-page-title h1{color:var(--stg-ink);font-size:24px;font-weight:700;letter-spacing:-.018em;margin:0}#page-browse .stg-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--stg-r-sm);color:var(--stg-ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;height:36px;padding:0 16px;text-decoration:none;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}#page-browse .stg-btn--ghost{color:var(--stg-ink-2)}#page-browse .stg-btn--ghost:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}#page-browse .stg-btn--secondary{background:var(--stg-surface);border-color:var(--stg-rule)}#page-browse .stg-btn--secondary:hover{border-color:var(--stg-ink-3)}#page-browse .stg-btn--primary{background:var(--stg-ink,#161a14);border-color:var(--stg-ink,#161a14);color:var(--stg-paper,#fff);font-weight:500}#page-browse .stg-btn--primary:hover{background:var(--stg-accent,#d9f274);border-color:var(--stg-accent,#d9f274);color:var(--stg-accent-ink,#161a14)}#page-browse .stg-btn--sm{font-size:13px;height:30px;padding:0 12px}#page-browse .stg-iconbtn:not(.profile-pattern-social-btn),#page-profile .profile-patterns-host .stg-iconbtn:not(.profile-pattern-social-btn){background:transparent;border:none;border-radius:999px;color:var(--stg-ink-2);cursor:pointer;display:inline-grid;height:36px;place-items:center;transition:background var(--dur-1,.12s) ease,color var(--dur-1,.12s) ease;width:36px}#page-browse .stg-iconbtn:not(.profile-pattern-social-btn):hover,#page-profile .profile-patterns-host .stg-iconbtn:not(.profile-pattern-social-btn):hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink)}#page-browse .stg-iconbtn.pattern-card-play,#page-profile .profile-patterns-host .stg-iconbtn.pattern-card-play{background:var(--stg-ink);color:var(--stg-paper)}#page-browse .stg-iconbtn.pattern-card-play:hover,#page-profile .profile-patterns-host .stg-iconbtn.pattern-card-play:hover{background:var(--stg-accent);color:var(--stg-ink)}#page-browse .stg-iconbtn.profile-pattern-social-btn,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn{align-items:center;background:transparent;border:none;border-radius:0;color:var(--stg-ink-3,#6b6b5f);display:inline-flex;gap:4px;height:auto;min-height:0;min-width:0;padding:2px 4px;width:auto}#page-browse .stg-iconbtn.profile-pattern-social-btn.is-engaged,#page-browse .stg-iconbtn.profile-pattern-social-btn:hover,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn.is-engaged,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn:hover{background:transparent;color:var(--stg-ink,#161a14)}#page-browse .stg-iconbtn.profile-pattern-social-btn.is-liked,#page-browse .stg-iconbtn.profile-pattern-social-btn.profile-pattern-social-btn--liked,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn.is-liked,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn.profile-pattern-social-btn--liked{background:transparent;color:var(--stg-like,#c43c3c)}#page-browse .stg-iconbtn.profile-pattern-social-btn svg,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn svg{flex-shrink:0}#page-browse .stg-iconbtn.bw-menu-btn,#page-profile .profile-patterns-host .stg-iconbtn.bw-menu-btn{display:inline-grid;height:28px;min-height:28px;min-width:28px;padding:0;place-items:center;width:28px}#page-browse .stg-iconbtn.profile-pattern-social-btn .pattern-card-stat-num,#page-profile .profile-patterns-host .stg-iconbtn.profile-pattern-social-btn .pattern-card-stat-num{color:inherit;font-size:var(--fs-caption,.75rem);font-variant-numeric:tabular-nums}#page-browse .stg-pill{align-items:center;background:var(--stg-paper,#fff);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-2,#38382f);display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-caption,.75rem);font-variant-numeric:tabular-nums;font-weight:500;gap:6px;height:auto;padding:3px 10px;white-space:nowrap}#page-browse .stg-pill--accent{background:var(--stg-accent,#d9f274);color:var(--stg-accent-ink,#161a14);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}#page-browse .stg-thumb{background:var(--stg-paper,#fff);border-radius:var(--stg-r-md,16px);flex-shrink:0;overflow:hidden;position:relative}#page-browse .stg-thumb--tone-a,#page-browse .stg-thumb--tone-lime{background:var(--stg-pop-lime,#d9f274)}#page-browse .stg-thumb--tone-b,#page-browse .stg-thumb--tone-mint{background:var(--stg-pop-mint,#b8e6c9)}#page-browse .stg-thumb--tone-c,#page-browse .stg-thumb--tone-sky{background:var(--stg-pop-sky,#b9dee6)}#page-browse .stg-thumb--tone-d,#page-browse .stg-thumb--tone-peach{background:var(--stg-pop-peach,#f6c7b8)}#page-browse .stg-thumb--tone-lavender{background:var(--stg-pop-lavender,#cbb9e0)}#page-browse .stg-thumb--tone-ink{background:var(--stg-ink,#161a14)}#page-browse .stg-thumb--tone-cream{background:var(--stg-pop-cream,#f4ecd8)}#page-browse .stg-thumb--tone-ink .sg-cell{background:rgba(244,236,216,.15)}#page-browse .stg-thumb--tone-ink .sg-cell--on{background:var(--stg-accent,#d9f274)}#page-browse .stg-thumb .play{background:rgba(42,36,29,0);display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .12s,background .12s}#page-browse .stg-listrow:hover .stg-thumb .play,#page-browse .stg-row:hover .stg-thumb .play,#page-profile .profile-patterns-host .stg-listrow:hover .stg-thumb .play{background:rgba(42,36,29,.45);opacity:1}#page-browse .stg-thumb .play svg{color:var(--stg-surface);height:22px;width:22px}#page-browse .stg-grid-2,#page-profile .profile-patterns-host .stg-grid-2{display:grid;gap:var(--sp-4,16px);grid-template-columns:1fr 1fr}#page-browse .stg-row{align-items:center;background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-lg,24px);color:var(--stg-ink);cursor:pointer;display:grid;gap:var(--sp-4,16px);grid-template-columns:72px 1fr max-content auto;padding:var(--sp-3,12px);text-decoration:none;transition:background var(--dur-1,.12s) ease}#page-browse .stg-row:hover{background:var(--stg-hover,rgba(22,26,20,.06))}#page-browse .stg-row .stg-thumb{border-radius:16px;height:72px;width:72px}#page-browse .stg-row-title{color:var(--stg-ink);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:var(--fs-body-lg,1.125rem);font-weight:400;letter-spacing:-.01em;line-height:1.15;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-browse .stg-row-sub{align-items:center;color:var(--stg-ink-3);display:flex;flex-wrap:wrap;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.875rem);gap:6px}#page-browse .stg-row-actions{align-items:center;display:flex;gap:2px;opacity:0;transition:opacity .12s}#page-browse .stg-row:hover .stg-row-actions{opacity:1}