.song-editor-header{background:var(--bg-primary);border-bottom:1px solid var(--color-border);flex-direction:column;gap:.35rem;padding:.4rem 0 .35rem;display:flex;position:relative}.header-rail{align-items:center;gap:.5rem;min-height:44px;display:flex}.rail-left,.rail-right{align-items:center;gap:.4rem;display:inline-flex}.rail-center{flex:1;justify-content:center;min-width:0;padding:0 .5rem;display:flex}.header-rail--top{min-height:40px}.header-rail--top.arrangement-wrapped{align-items:flex-start}.header-rail--top.arrangement-wrapped .rail-left,.header-rail--top.arrangement-wrapped .rail-right,.header-rail--bottom{min-height:40px}.header-rail--bottom{--view-toggle-shift-x:0px;justify-content:space-between;position:relative}.header-rail--bottom .rail-center{width:auto;transform:translateX(calc(-50% + var(--view-toggle-shift-x)));pointer-events:none;flex:none;align-items:center;padding:0;position:absolute;top:0;bottom:0;left:50%}.header-rail--bottom .rail-center .view-toggle{pointer-events:auto}.title-arrangement-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem;min-width:0;display:flex}.song-title-group{flex:none;align-items:baseline;gap:.35rem;min-width:0;max-width:100%;display:flex;overflow:hidden}.song-editor-header .song-title-text{color:var(--text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.12rem;font-weight:750;line-height:1.2;overflow:hidden}.song-title-artist{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;line-height:1.2;overflow:hidden}.title-arrangement-separator{color:var(--text-secondary);opacity:.5;-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0;font-size:1.05rem}.title-arrangement-row.wrapped .song-title-group{flex:0 auto}.title-arrangement-row.wrapped .title-arrangement-separator{visibility:hidden}.meta-strip-inline{flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:inline-flex}.song-editor-header .header-rail--top .arrangement-selector{flex-shrink:0}.song-editor-header .header-rail--top .arrangement-selector .dropdown-toggle{outline-offset:2px;box-shadow:none;color:var(--text-secondary);width:fit-content;max-width:200px;min-width:unset;background:0 0;border:none;border-radius:6px;outline:2px solid #0000;gap:.25rem;height:auto;padding:.15rem 0;font-size:.92rem;font-weight:500}.song-editor-header .header-rail--top.arrangement-wrapped .arrangement-selector .dropdown-toggle{max-width:400px}.song-editor-header .header-rail--top .arrangement-selector .dropdown-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.song-editor-header .header-rail--top .arrangement-selector .dropdown-toggle:focus-visible{background:var(--surface-2);outline-color:var(--color-border);color:var(--text-primary)}.song-editor-header .header-rail--top .arrangement-selector .dropdown-arrow{opacity:.6;font-size:.7rem}.song-editor-header .header-rail--top .arrangement-count{display:none}@media (max-width:520px){.song-title-artist,.status-text{display:none}.song-editor-header .header-rail--top .arrangement-selector .dropdown-toggle{gap:.2rem;max-width:160px;padding:.12rem 0;font-size:.88rem}.title-arrangement-separator{margin:0}}@media (max-width:640px){.meta-strip-inline{flex-wrap:wrap;justify-content:center}.song-editor-header .header-rail--bottom{display:none}.song-editor-header{gap:.5rem}.header-rail--top{flex-wrap:wrap;gap:.25rem;min-height:48px;padding-bottom:.5rem}.header-rail--top.arrangement-wrapped .rail-left,.header-rail--top.arrangement-wrapped .rail-right{min-height:48px}.header-rail--top .rail-left{flex:1}.header-rail--top .rail-right{display:inline-flex}.header-rail--top .rail-center{flex:none;order:1;width:100%;padding:0}.header-rail--top .kebab-menu,.song-title-artist{display:none}.title-arrangement-separator{margin:0;font-size:.9rem}.header-rail--top .arrangement-selector .dropdown-toggle{max-width:140px;padding:.1rem 0;font-size:.85rem}.header-rail--top .arrangement-count{display:none}.song-editor-header .mobile-pill-container{flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%;display:inline-flex}.header-mobile-popover{position:relative}}@media (min-width:641px){.mobile-header-status,.header-mobile-popover,.header-mobile-backdrop{display:none}}.mobile-header-status{align-items:center;gap:.25rem;display:none}.mobile-header-status .status-dot{width:10px;height:10px}.header-mobile-backdrop{z-index:15;background:#00000073;position:fixed;inset:0}.header-kebab-backdrop{z-index:25;position:fixed;inset:0}.mobile-pill-container{display:none}.header-mobile-popover{flex-direction:column;align-items:center;display:inline-flex}.header-mobile-popover--actions{flex-flow:row;align-items:center;gap:.4rem;display:inline-flex}.header-mobile-popover .mobile-pill-btn{width:auto;min-width:fit-content}@media (max-width:640px){.header-mobile-popover{flex-shrink:0;position:relative}.header-mobile-popover .mobile-popover-panel{background:var(--surface-2);border:1px solid var(--color-border);z-index:20;border-radius:12px;flex-direction:column;gap:.5rem;min-width:220px;max-width:min(90vw,320px);padding:.75rem;display:flex;position:absolute;top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.header-mobile-popover .mobile-popover-panel--buttons{flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem;padding:.6rem .75rem}.mobile-key-transpose-list{flex-direction:column;gap:.25rem;max-height:min(320px,50vh);display:flex;overflow-y:auto}}@media (max-width:480px){.header-mobile-popover .mobile-popover-panel{width:min(320px,100vw - 24px);max-width:none;position:absolute;inset:calc(100% + 8px) auto auto 50%;transform:translate(-50%)}}