.meta-strip{flex-wrap:wrap;align-items:center;gap:.4rem;padding:0 .25rem .1rem;display:flex}.meta-chip{position:relative}.song-editor-header .chip-button{height:var(--song-ctrl-h);min-height:var(--song-ctrl-h);border-radius:var(--song-ctrl-r);font-size:var(--font-size-sm);background:0 0;border-color:transparent;gap:.4rem;padding:0 .5rem}.song-editor-header .chip-button:hover:where(:not(.is-busy)):not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--surface-2);border-color:transparent}.song-editor-header .rail-left .meta-chip+.meta-chip:before{content:"·";color:var(--text-muted);align-self:center;margin:0 .1rem 0 .05rem}.song-editor-header .rail-left .meta-chip{align-items:center;display:inline-flex}.chip-button:active:not(:disabled):not([aria-disabled=true]):not(.is-disabled){transform:scale(.98)}.meta-chip:has(.key-popover:not([hidden])) .chip-button{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08)}.meta-chip:has(.timing-popover:not([hidden])) .chip-button{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08)}.chip-label{font-size:var(--font-size-xxs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.song-editor-header .timing-chip-readonly .chip-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.song-editor-header .meta-chip .chip-button .chip-label:has(+.timing-value){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-pill-container .mobile-pill-label:has(+.timing-value){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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{white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:baseline;gap:.25rem;padding:0;line-height:1.1;display:inline-flex}.timing-token+.timing-token:before{content:"·";color:var(--text-muted);margin-right:.35rem;font-weight:400}.timing-chip-readonly.is-disabled .timing-token{border-color:var(--disabled-border);background:0 0}.btn:is(:disabled,.disabled,[aria-disabled=true],.is-disabled) .timing-token{border-color:var(--disabled-border);background:0 0}.mobile-pill-btn:is(:disabled,[aria-disabled=true],.is-disabled) .timing-token{border-color:var(--disabled-border);background:0 0}.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{font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:.15rem;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);font-size:var(--font-size-sm);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;transition:background .15s;display:flex}.key-transpose-option:hover{background:var(--color-overlay-strong)}.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{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.timing-chip-readonly{height:var(--song-ctrl-h,32px);min-height:var(--song-ctrl-h,32px);border-radius:var(--song-ctrl-r,8px);color:var(--text-primary);font-size:var(--font-size-sm);cursor:default;transition:var(--transition-fast);background:0 0;border:1px solid transparent;align-items:center;gap:.4rem;padding:0 .5rem;display:inline-flex;position:relative}.timing-chip-readonly--interactive{cursor:pointer}.timing-chip-readonly--interactive:hover:not(.is-disabled){background:var(--surface-2);border-color:transparent}.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,.timing-chip-readonly.is-disabled:hover{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-border);cursor:not-allowed}.timing-chip-readonly.is-disabled *{color:inherit}.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{border-radius:var(--border-radius-pill);background:rgba(var(--text-secondary-rgb,148, 163, 184), .5);opacity:.6;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-radius:var(--border-radius-pill);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);align-items:center;padding:.2rem .55rem;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,.metronome-stop-button:disabled:hover{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-border);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 (width<=768px){.key-popover{min-width:220px}}.timing-popover{min-width:240px}