.mobile-pill-btn--icon{justify-content:center;width:36px;min-width:36px;height:36px;padding:0}.mobile-pill-btn--icon svg{flex-shrink:0}.mobile-pill-btn--icon[disabled],.mobile-pill-btn--icon[aria-disabled=true]{opacity:.4;color:var(--text-muted);cursor:default;pointer-events:none;border-color:#0000}.mobile-pill-display{height:32px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.82rem;display:inline-flex}.status-chip{border:1px solid var(--color-border);min-height:32px;color:var(--text-secondary);background:var(--surface-2);border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;display:inline-flex}.add-to-setlist-modal{flex-direction:column;gap:.75rem;display:flex}.add-to-setlist-selection{color:var(--text-secondary);margin:0}.add-to-setlist-hint{color:var(--color-text-muted);margin:0;font-size:.9rem}.view-toggle{--view-toggle-radius:8px;--view-toggle-padding:3px;height:var(--control-sm);min-width:120px;padding:var(--view-toggle-padding);border:1px solid var(--color-border);border-radius:var(--view-toggle-radius);background:var(--color-surface-alt);grid-template-columns:1fr 1fr;align-items:stretch;display:grid;position:relative;overflow:visible}.view-toggle:before{content:"";box-sizing:border-box;top:var(--view-toggle-padding);bottom:var(--view-toggle-padding);left:var(--view-toggle-padding);width:calc(50% - (var(--view-toggle-padding)*2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--view-toggle-radius) - var(--view-toggle-padding));z-index:1;pointer-events:none;transition:transform .18s;position:absolute}.view-toggle[data-active=edit]:before{transform:translateX(calc(100% + (var(--view-toggle-padding)*2)))}.view-toggle .btn{z-index:2;border-radius:calc(var(--view-toggle-radius) - var(--view-toggle-padding));min-height:0;color:var(--text-secondary);background:0 0;border:0;padding:0 .85rem;font-size:.85rem;font-weight:600;transition:color .18s;position:relative}.view-toggle .btn:hover,.view-toggle .btn.is-active{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.view-toggle:before,.view-toggle .btn{transition:none}}.save-btn{min-height:32px;margin-left:8px}:is(.kebab-dropdown,.status-popover,.meta-popover,.key-transpose-dropdown){border:1px solid var(--color-border);background:var(--surface-2);box-shadow:0 8px 24px #0003}.kebab-menu{align-items:center;display:inline-flex;position:relative}.kebab-toggle{border:1px solid var(--color-border);background:var(--color-surface);min-width:36px;min-height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:0 .5rem;display:inline-flex}.kebab-toggle svg{flex-shrink:0}.kebab-toggle:hover{background:var(--color-surface-hover);color:var(--text-primary)}.kebab-toggle[aria-expanded=true]{background:var(--color-surface-hover);border-color:var(--accent-primary);color:var(--text-primary)}.kebab-dropdown{z-index:40;border-radius:8px;min-width:160px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0}.kebab-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;display:block}.kebab-item:hover:not(:disabled){background:var(--surface-3)}.kebab-item:disabled{opacity:.5;cursor:not-allowed}.kebab-item--danger{color:var(--accent-warning)}.kebab-item--danger:hover{background:rgba(var(--accent-warning-rgb),.1)}.kebab-divider{background:var(--color-border);height:1px;margin:.25rem 0}.song-editor-status{align-items:center;display:inline-flex;position:relative}.status-dot-button{--ghost-icon-size:1.6rem;--ghost-icon-radius:999px;padding:4px;transition:background .15s}.status-dot-button:hover{background:rgba(var(--text-secondary-rgb,163 175 196),.1)}.status-dot-button[aria-expanded=true]{background:rgba(var(--accent-primary-rgb),.12)}.status-popover{z-index:40;border-radius:8px;flex-direction:column;gap:.25rem;min-width:200px;padding:.6rem .75rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.status-popover-title{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.status-popover-message{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.save-btn--saved{color:var(--text-secondary);border-color:var(--color-border)}.save-status-dot{background:var(--accent-success);border-radius:999px;width:6px;height:6px;margin-right:.35rem;display:inline-block}.back-btn svg{margin-right:6px}.save-btn:disabled{opacity:.6;cursor:default}.save-status{min-height:var(--control-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-2);color:var(--text-secondary);align-items:center;gap:.35rem;padding:0 .65rem;font-size:.85rem;display:inline-flex}.save-status svg{stroke:var(--accent-success)}.view-mode-toggle{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.view-mode-toggle button{background:var(--color-surface);color:var(--color-text);cursor:pointer;border:none;padding:.4rem .8rem;font-size:.9rem;transition:all .2s}.view-mode-toggle button:hover{background:var(--color-surface-hover)}.view-mode-toggle button.btn-primary{background:var(--color-primary);color:#fff}