.unified-selector{background:0 0;border:0;width:100%;max-width:none;margin:0;padding:0;position:relative}.unified-selector-content{width:100%;max-width:none;margin:0}.mode-selector{margin-bottom:.8rem}.selector-title{color:var(--text-muted);text-align:left;letter-spacing:.02em;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.mode-buttons{justify-content:flex-start;gap:.5rem;display:flex}.selection-controls{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.selector-row{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;display:flex}.selector-row-primary{--selector-display-size:clamp(1.75rem, 1.2rem + 1.6vw, 2.4rem);align-items:baseline;column-gap:var(--spacing-md);row-gap:var(--spacing-xs);min-height:var(--control-lg);font-size:var(--selector-display-size);line-height:var(--line-height-tight)}.selector-row-secondary{align-items:center;min-height:48px}.mode-selector-inline{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;margin:0;padding:0;display:flex}.mode-selector-inline label{color:var(--text-primary);white-space:nowrap;letter-spacing:.02em;margin-bottom:0;font-size:.9rem;font-weight:500}.mode-selector-inline .mode-buttons{gap:.35rem}.mode-selector-inline.mode-selector-static .mode-buttons{gap:0}.mode-selector-inline .mode-pill{height:var(--dropdown-height);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-2);color:var(--text-secondary);justify-content:center;align-items:center;padding:0 .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.view-switch{align-items:baseline;gap:var(--spacing-lg);height:auto;font-size:var(--font-size-md);align-self:baseline;margin:0 0 0 auto;padding:0;display:flex}.view-tab{min-height:var(--control-md);color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap;transition:var(--transition-fast);border-bottom:2px solid transparent;align-items:center;padding:0 .1em;text-decoration:none;display:inline-flex}.view-tab:hover{color:var(--text-primary);text-decoration:none}.view-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.view-switch label{color:var(--text-primary);white-space:nowrap;letter-spacing:.02em;margin-bottom:0;font-size:.9rem;font-weight:500}.notation-selection{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;margin:0;padding:0;display:flex}.notation-selection label{font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;font-size:var(--font-size-sm);letter-spacing:.02em;margin-bottom:0}.root-selection{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;margin:0;padding:0;display:flex}.root-selection label{color:var(--text-primary);white-space:nowrap;letter-spacing:.02em;margin-bottom:0;font-size:.9rem;font-weight:500}.unified-selector .type-selection-inline{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;margin:0;padding:0;display:flex}.type-selection-inline label{color:var(--text-primary);white-space:nowrap;letter-spacing:.02em;margin-bottom:0;font-size:.9rem;font-weight:500}:root{--dropdown-height:var(--control-md);--dropdown-root-width:84px;--dropdown-type-width:140px;--dropdown-border:1px solid rgba(255,255,255,.12);--dropdown-background:rgba(255,255,255,.03);--dropdown-background-hover:rgba(255,255,255,.06);--dropdown-border-hover:rgba(255,255,255,.18)}.unified-selector .root-selection .root-note-dropdown,.unified-selector .type-selection-inline .chord-type-dropdown{width:auto;margin:0;padding:0}.unified-selector .selector-row .notation-toggle{height:var(--dropdown-height);box-sizing:border-box;margin:0;padding:0}.unified-selector .selector-row .notation-toggle .notation-toggle-button{padding:var(--input-padding)}.unified-selector .root-selection .root-note-trigger{width:auto;min-width:0;height:auto;color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.unified-selector .type-selection-inline .chord-type-trigger{width:auto;min-width:0;height:auto;color:var(--text-secondary);font-weight:var(--font-weight-medium);justify-content:flex-start}.unified-selector .type-selection-inline .chord-type-trigger:hover,.unified-selector .type-selection-inline .chord-type-trigger[aria-expanded=true]{color:var(--text-primary)}.unified-selector .root-selection .root-note-trigger[aria-expanded=true],.unified-selector .type-selection-inline .chord-type-trigger[aria-expanded=true]{color:var(--accent-primary)}.unified-selector .type-selection-inline .chord-type-trigger .selected-chord-type{white-space:nowrap;min-width:0;display:block}.unified-selector .type-selection-inline .chord-type-trigger .dropdown-arrow{flex-shrink:0}.chord-type-selection,.scale-type-selection{z-index:var(--z-sidebar);flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:relative}.unified-selector .chord-type-grid,.unified-selector .scale-type-grid{max-height:calc(100vh - 120px)}.unified-selector .dropdown-menu.chord-type-grid.compact,.unified-selector .dropdown-menu.scale-type-grid{box-sizing:border-box;gap:10px;width:clamp(300px,85vw,640px);max-width:92vw;padding:12px}.unified-selector .dropdown-menu.scale-type-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.unified-selector .type-dropdown-header{margin-bottom:10px;padding-bottom:8px}.unified-selector .chord-name-hover-display{margin-bottom:10px;padding:8px 10px}.unified-selector .scale-category{padding:0}.unified-selector .category-title{margin-bottom:8px;padding-bottom:6px;font-size:.8rem}.unified-selector .scale-button{min-height:var(--control-sm);border-radius:16px;max-width:none;padding:8px 14px;font-size:.8rem}.unified-selector .scale-buttons{gap:6px}@media (width<=768px){.unified-selector .chord-type-grid,.unified-selector .scale-type-grid{max-height:calc(100vh - var(--control-xl))}.unified-selector .dropdown-menu.chord-type-grid.compact,.unified-selector .dropdown-menu.scale-type-grid{gap:8px;width:min(85vw,300px);padding:12px}.unified-selector .dropdown-menu.scale-type-grid{grid-template-columns:1fr}}.chord-type-selection label,.scale-type-selection label{color:var(--text-primary);font-weight:500}.chord-notes-display{justify-content:flex-start;align-items:baseline;gap:var(--spacing-md);width:100%;margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.notes-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.notes-container{gap:var(--spacing-md);flex-wrap:wrap;align-items:baseline;display:flex}.note-item{align-items:baseline;gap:var(--spacing-xs);display:flex}.note-badge{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.note-roman{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}@media (width<=768px){.selection-controls{gap:.5rem}.selector-row{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.375rem;min-height:48px}.notation-selection,.root-selection,.type-selection-inline,.mode-selector-inline,.view-switch{flex:none;justify-content:flex-start;width:auto;max-width:none;margin-top:0;overflow:visible}.notation-selection .notation-toggle{width:auto;min-width:70px}.unified-selector .type-selection-inline .chord-type-dropdown{max-width:none;overflow:visible}.view-switch{gap:var(--spacing-lg);flex:0 0 100%;margin-left:0}.mode-selector{margin-bottom:.5rem}.mode-buttons{flex-direction:column;align-items:flex-start;gap:.375rem}.chord-type-selection,.scale-type-selection{width:100%;max-width:400px}}@media (width<=480px){.unified-selector{--dropdown-root-width:80px}.selector-row{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start}.type-selection-inline{flex:0 auto;width:auto;margin-top:0}.mode-selector-inline{flex:100%;width:100%;margin-top:.375rem}.selector-row-primary{--selector-display-size:1.75rem}.chord-type-grid.compact{width:min(95vw,260px)}.notation-selection .notation-toggle{min-width:60px}}