@layer components{.show-compare-layout{gap:16px;display:grid}.show-compare-controls,.show-compare-panel{flex-direction:column;gap:12px;display:flex}.show-meta-grid{gap:8px;display:grid}.show-meta-row{border:1px solid var(--border-muted);background:var(--surface-2);border-radius:0;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:8px 10px;display:grid}.show-meta-value.changed{color:var(--accent-warm);font-weight:700}.show-meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-caption)}.show-compare-header-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:10px;margin-top:4px;display:grid}.show-compare-mid{color:var(--muted);font-size:var(--font-size-caption);justify-content:center;align-items:center;display:inline-flex}.show-compare-rows{gap:6px;display:grid}.show-compare-row{border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-faint);background:var(--surface-2);border-radius:0;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.compare-song-line{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;width:100%;display:inline-grid}.compare-song-title{color:var(--muted)}.compare-song-title--same-slot{color:var(--accent);font-weight:700}.compare-song-title--shared{color:var(--accent-warm);font-weight:700}.compare-song-title--unique{color:var(--muted)}.compare-song-no{color:var(--muted);font-size:var(--font-size-caption);letter-spacing:.06em;min-width:28px;padding-right:8px}.compare-song-time{color:var(--muted);font-size:var(--font-size-caption);text-align:right;justify-self:end;min-width:54px;padding-left:10px}.compare-status{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.compare-status--different{color:var(--accent-warm)}.compare-status--missing{color:var(--accent-2)}.compare-status--same{color:var(--muted)}.compare-cell{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:0;flex-direction:column;gap:3px;min-width:0;padding:6px 8px;display:flex}.compare-link{color:var(--fg);text-underline-offset:2px;text-decoration:underline}.compare-link:hover,.compare-link:focus-visible{color:var(--accent-2)}.compare-cell--right{text-align:right}.compare-index{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}@media (max-width:1024px){.show-meta-row,.show-compare-row,.show-compare-header-row{grid-template-columns:1fr}.compare-cell--right{text-align:left}.compare-index,.show-compare-mid{text-align:left;justify-content:flex-start}}}