/* Студия музыки романа (BETA-D-207) — окно поверх стола: полка треков и
   заказ нового. Только токены @pf/ui-tokens; «выбрано» —
   surface-selected с чертой, золотая заливка — только под инверсным
   текстом (CLAUDE.md §«Золото»). */

.wb-music { max-width: 820px; }
.wb-music__panel { gap: var(--pf-space-md); }
.wb-music__lead { margin: 0; }
.wb-music__h { margin: var(--pf-space-sm) 0 0; }
.wb-music__field { display: flex; flex-direction: column; gap: var(--pf-space-xs); }
.wb-music__label { color: var(--pf-color-text-secondary); letter-spacing: 0.04em; text-transform: uppercase; font-weight: 600; }
.wb-music__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pf-space-sm); width: 100%; }
.wb-music__actions { padding-top: var(--pf-space-xs); }
.wb-music__hint { color: var(--pf-color-text-muted); }
.wb-music__nokey { display: inline-flex; align-items: center; gap: var(--pf-space-xs); }

.wb-music__shelf { display: flex; flex-direction: column; gap: 2px; width: 100%; }
.wb-music__track { display: flex; align-items: center; gap: var(--pf-space-sm); padding: 4px 6px; border-radius: 6px; }
.wb-music__track--on { background: var(--pf-color-surface-selected); box-shadow: inset 2px 0 0 var(--pf-color-border-focus); }
.wb-music__name { font-size: 12.5px; }
.wb-music__meta { color: var(--pf-color-text-muted); white-space: nowrap; }
.wb-music__btn { min-width: 34px; padding: 0 8px; }

.wb-music__styles { flex-wrap: wrap; row-gap: 2px; border-radius: 14px; max-width: 100%; }
.wb-music__words,
.wb-music__title { width: 100%; max-width: 640px; }
.wb-music__prompt {
  width: 100%;
  min-height: 160px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  resize: vertical;
}
.wb-music__foot { display: flex; align-items: center; gap: var(--pf-space-sm); padding: var(--pf-space-sm) var(--pf-space-md); border-top: 1px solid var(--pf-color-border-subtle); }