.song-editor-content{background:0 0;border:none;border-radius:0;flex-direction:column;display:flex;overflow:visible}.song-meta-strip{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.meta-inline-item{align-items:center;display:inline-flex}.meta-pill{min-height:var(--control-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--surface-2);cursor:pointer;align-items:center;gap:.4rem;padding:0 .7rem;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.meta-pill:hover{background:var(--surface-2)}.meta-pill.is-open{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.meta-pill.is-dirty{border-color:var(--accent-primary)}.meta-pill.has-warning{border-color:var(--accent-warning)}.meta-pill.is-disabled{opacity:.55;cursor:not-allowed}.meta-pill-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;line-height:1}.meta-pill-value{color:var(--text-primary);font-size:.86rem;font-weight:600;line-height:1}.meta-pill-badge{border:1px solid var(--color-border);color:var(--text-muted);border-radius:999px;align-self:center;margin-top:0;padding:.1rem .45rem;font-size:.68rem}.meta-pill-warning{color:var(--accent-warning);align-self:center;font-size:.7rem}.meta-pill-subtext{color:var(--text-muted);font-size:.72rem}.meta-pill.editing{cursor:default;min-height:var(--control-md);flex-flow:row;align-items:center;gap:.25rem;padding:.25rem .45rem}.meta-pill.editing:hover{background:var(--surface-2)}.pill-input{border:1px solid var(--color-border);background:var(--surface-2);width:4rem;color:var(--text-primary);text-align:center;border-radius:6px;padding:.2rem .35rem;font-size:.85rem}.pill-input[type=number]{appearance:textfield}.pill-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pill-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.key-editing{align-items:flex-start;position:relative}.key-input-group{grid-template-columns:auto 1fr;align-items:start;gap:.5rem;min-width:16rem;display:grid;position:relative}.key-editing .pill-input{width:3.2rem}.key-editing .pill-action{padding:0 .1rem;font-size:.72rem}.pill-suggestion-menu{z-index:20;box-sizing:border-box;border:1px solid var(--color-border);background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;width:100%;min-width:12rem;max-height:min(60vh,420px);padding:6px;display:grid;position:relative;top:auto;left:auto;overflow:hidden auto;box-shadow:0 14px 38px #0000002e}@media (max-width:768px){.key-input-group{grid-template-columns:1fr;min-width:12rem}.pill-suggestion-menu{min-width:100%;position:absolute;top:calc(100% + 6px);left:0}}.pill-suggestion-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);grid-column:1/-1;padding:.15rem .2rem 0;font-size:.65rem}.pill-suggestion-divider{background:var(--color-border);grid-column:1/-1;height:1px;margin:2px 0 4px}.pill-suggestion{background:var(--surface-3);color:var(--text-primary);text-align:center;cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;width:auto;min-width:0;padding:.35rem .45rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.pill-suggestion:hover,.pill-suggestion:focus-visible{border-color:var(--accent-primary);background:#4c6ef514;outline:none}.pill-suggestion:active{transform:translateY(1px)}.pill-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:.75rem}.pill-action:hover{color:var(--text-primary)}.timing-inline-group{align-items:center;gap:.35rem;display:inline-flex}.time-input{border:1px solid var(--color-border);background:var(--surface-2);width:2.4rem;color:var(--text-primary);text-align:center;appearance:textfield;border-radius:6px;padding:.2rem .35rem}.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timing-divider,.timing-spacer,.timing-suffix{color:var(--text-secondary);font-size:.78rem}.timing-suffix{margin-left:-.2rem}.meta-warning-text{color:var(--accent-warning);margin-top:.25rem;font-size:.76rem;display:block}.mini-warning{color:var(--accent-warning);font-size:.72rem}