.ua-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.ua-item{display: grid;grid-template-columns: auto auto minmax(0,1fr) auto auto;gap: 10px;align-items: center;padding: 8px 10px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);transition: border-color 0.15s,opacity 0.15s}.ua-item.is-over{border-color: var(--brand);box-shadow: 0 0 0 2px var(--brand-soft)}.ua-item.is-dragging{opacity: 0.5}.ua-grip{cursor: grab;color: var(--text-3);display: inline-flex;padding: 4px 0;touch-action: none}.ua-grip:active{cursor: grabbing}.ua-num{width: 1.6rem;height: 1.6rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--surface-2);font-size: 0.8rem;font-weight: 600;color: var(--text-2)}.ua-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.92rem;min-width: 0}.ua-name small{display: block;color: var(--text-3);font-size: 0.8rem}.ua-vol{display: inline-flex;align-items: center;gap: 6px}.ua-vol input{width: 110px}.ua-vol output{min-width: 3.4em;font-size: 0.8rem;color: var(--text-3);font-variant-numeric: tabular-nums}.ua-btns{display: inline-flex;gap: 4px}.ua-player{width: 100%}@media (max-width: 640px){.ua-item{grid-template-columns: auto auto minmax(0,1fr)}.ua-vol,.ua-btns{grid-column: 1 / -1}.ua-vol input{flex: 1;width: auto}.ua-btns{justify-content: flex-end}}