.meta-strip{flex-wrap:wrap;align-items:center;gap:.4rem;padding:0 .25rem .1rem;display:flex}.meta-chip{position:relative}.chip-button{border:1px solid var(--color-border);background:var(--color-surface);min-height:32px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;display:inline-flex}.chip-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-hover);border-color:rgba(var(--accent-primary-rgb),.3)}.chip-button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.chip-button:disabled,.chip-button[aria-disabled=true],.chip-button.is-disabled{opacity:.55;cursor:not-allowed}:is(.meta-chip:has(.key-popover:not([hidden])) .chip-button,.meta-chip:has(.timing-popover:not([hidden])) .chip-button){border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.08)}.chip-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.72rem}.chip-value{color:var(--text-primary);font-weight:600}.timing-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.timing-token{background:rgba(var(--accent-primary-rgb),.08);border:1px solid rgba(var(--accent-primary-rgb),.16);white-space:nowrap;border-radius:6px;align-items:baseline;gap:.25rem;padding:.12rem .35rem;line-height:1.1;display:inline-flex}.timing-token-unit{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.72em}.chip-warning{color:var(--accent-warning);font-weight:700}.key-transpose-wrapper{position:relative}.key-transpose-button{padding-right:.5rem}.transpose-offset{color:var(--text-secondary);margin-left:.15rem;font-size:.75rem;font-weight:500}.key-transpose-dropdown{z-index:35;border-radius:10px;min-width:160px;max-height:320px;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.key-transpose-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.85rem;transition:background .15s;display:flex}.key-transpose-option:hover{background:var(--color-surface-hover)}.key-transpose-option--current{background:rgba(var(--accent-primary-rgb),.12);color:var(--accent-primary);font-weight:600}.key-transpose-option-label{flex:1}.key-transpose-option-offset{color:var(--text-secondary);font-size:.75rem;font-weight:500}.timing-chip-readonly{min-height:32px;color:var(--text-primary);cursor:default;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;display:inline-flex;position:relative}.timing-chip-readonly--interactive{cursor:pointer}.timing-chip-readonly--interactive:hover:not(.is-disabled){background:rgba(var(--accent-primary-rgb),.06);border-color:rgba(var(--accent-primary-rgb),.24)}.timing-chip-readonly--interactive:active:not(.is-disabled){transform:scale(.98)}.timing-chip-readonly.is-running{background:rgba(var(--accent-primary-rgb),.08);border-color:rgba(var(--accent-primary-rgb),.35)}.timing-chip-readonly.is-disabled{opacity:.55;cursor:not-allowed}.timing-metronome{align-items:center;gap:.45rem;display:inline-flex}.timing-metronome-controls{opacity:0;align-items:center;gap:.45rem;animation:.18s ease-out forwards timing-metronome-controls-in;display:inline-flex;transform:translate(-2px)}@keyframes timing-metronome-controls-in{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.timing-metronome-controls{opacity:1;animation:none;transform:none}.timing-metronome-pulse{opacity:0;animation:none}}.timing-metronome-pulse{border:1px solid rgba(var(--accent-primary-rgb),.45);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.18);opacity:0;pointer-events:none;border-radius:10px;animation:.14s ease-out timing-metronome-pulse;position:absolute;inset:-2px}@keyframes timing-metronome-pulse{0%{opacity:.85;transform:scale(.98)}60%{opacity:.35}to{opacity:0;transform:scale(1.03)}}.timing-beat-dots{align-items:center;gap:.28rem;padding:0 .2rem;display:inline-flex}.timing-beat-dot{background:rgba(var(--text-secondary-rgb,148,163,184),.5);opacity:.6;border-radius:999px;width:6px;height:6px;transition:transform .14s,background .14s,opacity .14s,box-shadow .14s;transform:scale(.9)}.timing-beat-dot.is-active{background:var(--accent-primary);opacity:1;box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb),.14);transform:scale(1.5)}.metronome-stop-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;display:inline-flex}.metronome-stop-button.is-active{color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb),.35);background:rgba(var(--accent-primary-rgb),.08)}.metronome-stop-button:hover:not(:disabled){color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb),.4)}.metronome-stop-button:disabled{opacity:.4;cursor:not-allowed}.meta-popover{z-index:35;border-radius:10px;min-width:180px;padding:.6rem;position:absolute;top:calc(100% + 6px);left:0}.key-popover{width:min(90vw,520px);min-width:320px}@media (max-width:768px){.key-popover{min-width:220px}}.timing-popover{min-width:240px}