@layer components{.hkm-root .sfm-page{padding:14px 16px 16px;display:grid;gap:12px;font-size:13px}.hkm-root .sfm-share{padding:3px 9px;border-radius:999px;background:var(--hkm-accent);color:#fff;font:600 11px/1.4 var(--hkm-font);white-space:nowrap}.hkm-root .sfm-loop-head{display:flex;align-items:center;gap:10px;min-inline-size:0}.hkm-root .sfm-play{display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:var(--hkm-accent);color:#fff;flex:none}.hkm-root .sfm-loop-title{font-weight:650;font-size:15px}.hkm-root .sfm-loop-meta{color:var(--hkm-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hkm-root .sfm-roll{display:grid;gap:6px}.hkm-root .sfm-lane{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px}.hkm-root .sfm-lane-name{color:var(--hkm-muted);font-size:11px;text-transform:capitalize}.hkm-root .sfm-lane-grid{display:block;inline-size:100%;block-size:48px;border-radius:6px;background:var(--hkm-surface)}.hkm-root .sfm-bar-line{stroke:var(--hkm-line);stroke-width:.25;vector-effect:non-scaling-stroke}.hkm-root .sfm-note{fill:var(--hkm-accent)}.hkm-root .sfm-lane[data-kind=drums] .sfm-note{fill:var(--hkm-fg);opacity:.7}.hkm-root .sfm-note[data-ghost]{fill:var(--hkm-faint);opacity:.45}.hkm-root .sfm-foot,.hkm-root .sfm-lineage{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--hkm-muted);font-size:12px}.hkm-root .sfm-cid{display:inline-flex;align-items:baseline;gap:6px}.hkm-root .sfm-cid-label{font-size:11px}.hkm-root .sfm-cid code,.hkm-root .sfm-tree code{padding:2px 6px;border-radius:5px;background:var(--hkm-field);color:var(--hkm-fg);font:500 11px/1.4 var(--hkm-mono)}.hkm-root .sfm-cid[data-tone=changed] code{box-shadow:inset 0 0 0 1px var(--hkm-accent)}.hkm-root .sfm-chip{padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--hkm-accent) 16%,transparent);color:var(--hkm-accent);font-weight:600;font-size:11px}.hkm-root .sfm-section-title{margin:0;font-weight:650;font-size:15px}.hkm-root .sfm-starters{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none}.hkm-root .sfm-starter{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--hkm-line);border-radius:10px;background:var(--hkm-card)}.hkm-root .sfm-starter[data-current]{border-color:var(--hkm-accent);box-shadow:0 0 0 1px var(--hkm-accent)}.hkm-root .sfm-starter-genre{color:var(--hkm-accent);font-weight:600;font-size:11px}.hkm-root .sfm-starter-title{font-weight:600}.hkm-root .sfm-starter-meta{color:var(--hkm-muted);font-size:11px}.hkm-lineage{padding:20px 16px;border-radius:14px;background:var(--hkm-surface)}.hkm-lineage .sfm-tree{display:grid;justify-items:center;max-inline-size:560px;margin-inline:auto}.hkm-lineage .sfm-tree-lines{inline-size:100%;block-size:32px}.hkm-lineage .sfm-tree-lines path{fill:none;stroke:var(--hkm-faint);stroke-width:1.5;vector-effect:non-scaling-stroke}.hkm-lineage .sfm-tree-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;inline-size:100%}.hkm-lineage .sfm-tree-node{display:grid;justify-items:center;gap:6px;padding:10px 8px;border:1px solid var(--hkm-line);border-radius:10px;background:var(--hkm-card);text-align:center;min-inline-size:0}.hkm-lineage .sfm-tree-node[data-root]{border-color:var(--hkm-accent)}.hkm-lineage .sfm-tree-title{font-weight:600;font-size:13px}.hkm-lineage .sfm-tree code{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}.hkm-root .sfm-album{display:flex;gap:12px;align-items:center}.hkm-root .sfm-album p{margin:0}.hkm-root .sfm-cover{inline-size:56px;block-size:56px;border-radius:8px;background:linear-gradient(135deg,#1f3b73,#6d3fa0 55%,#e0795b);flex:none}.hkm-root .sfm-album-title{font-weight:650;font-size:16px}.hkm-root .sfm-album-artist{color:var(--hkm-muted);font-size:12px}.hkm-root .sfm-wave{position:relative;display:flex;align-items:center;gap:2px;block-size:64px;margin-block-start:18px}.hkm-root .sfm-wave>span:not(.sfm-pin){flex:1 1;border-radius:1px;background:var(--hkm-line)}.hkm-root .sfm-wave>span[data-played]{background:var(--hkm-accent)}.hkm-root .sfm-pin{position:absolute;inset-block-start:-18px;transform:translateX(-50%);padding:1px 7px;border-radius:6px;background:var(--hkm-fg);color:var(--hkm-bg);font-size:11px;white-space:nowrap}.hkm-root .sfm-tracklist{display:grid;gap:2px;margin:0;padding-inline-start:20px;color:var(--hkm-muted);font-size:12px}.hkm-root .sfm-tracklist [data-current]{color:var(--hkm-fg);font-weight:600}}