.vsz{font-size:12px;line-height:1.3;color:var(--ink)}
.vsz-head{display:flex;align-items:baseline;gap:6px;padding:2px 4px 3px;font-size:11px;color:var(--muted)}
.vsz-list{list-style:none;margin:0;padding:0}
.vsz-row{display:flex;flex-wrap:wrap;align-items:center;gap:1px 4px;min-height:24px;padding:1px 4px;border-bottom:1px solid #efefe8;background:var(--surface)}
.vsz-row:last-child{border-bottom:0}
.vsz-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px;background:var(--green-soft)}
.vsz-row.vsz-dragover{box-shadow:inset 0 2px 0 var(--copper)}
.vsz-row.vsz-dragging{opacity:.5}
.vsz-handle{flex:none;width:14px;text-align:center;color:var(--muted);cursor:grab;user-select:none;letter-spacing:-2px}
.vsz-order{flex:none;min-width:16px;text-align:right;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.vsz-icon{flex:none;width:14px;text-align:center;color:var(--copper)}
/* Le nom garde au moins 80 px : quand la zone est étroite, volume, Répéter et boutons passent à la ligne au lieu d'écraser le nom (constaté le 01/10 sur « Sons du lieu »). */
.vsz-name-wrap{flex:1 1 80px;min-width:80px;display:flex;flex-flow:row wrap;align-items:baseline;gap:0 6px;overflow-wrap:anywhere}
.vsz-row .vsz-repeat{margin-left:auto}
.vsz-meta{font-size:11px;color:var(--muted)}
.vsz-btn{flex:none;border:1px solid var(--line);border-radius:4px;background:var(--paper);}
.vsz-btn:hover{background:var(--green-soft);border-color:#cad8c7}
.vsz-btn:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.vsz-btn-repeat{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
.vsz-btn-remove{color:var(--muted)}
.vsz-btn-remove:hover{color:var(--copper);background:var(--copper-soft);border-color:#e4ccba}
.vsz-empty{padding:6px 4px;font-style:italic;font-size:11px;color:var(--muted)}
.vsz-volume{flex:none;display:inline-flex;align-items:center;gap:3px}
.vsz-volume input{width:44px;accent-color:var(--green)}
.vsz-volume output{min-width:30px;font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.vsz-play{min-width:26px}
.vsz-play.is-playing{background:var(--copper);border-color:var(--copper);color:#fff}
.vsz-btn-repeat{font-weight:650;color:var(--green);border-color:#cad8c7;background:var(--green-soft)}
.vsz-fold{flex:none;width:14px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px}
.vsz-badge{align-self:flex-start;margin-top:1px;padding:0 6px;border-radius:999px;background:var(--copper-soft);color:var(--copper);font-size:10px;font-weight:650}
.vsz-report,.vsz-revert{flex:none;padding:1px 6px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:11px}
.vsz-report{border-color:#cad8c7;color:var(--green)}
.vsz-children{list-style:none;padding:0 0 4px 34px;background:var(--surface);border-bottom:1px solid #efefe8}
.vsz-sublist{list-style:none;margin:0;padding:0 0 0 6px;box-shadow:inset 1px 0 0 var(--line)}
.vsz-subrow{display:flex;align-items:center;gap:4px;min-height:24px;padding:1px 4px;font-size:12px}
.vsz-btn-mini{flex:none;padding:0 5px;border:1px solid var(--line);border-radius:3px;background:var(--paper);font-size:11px}
.vsz-subdrop{margin:2px 4px;padding:4px;border:1px dashed var(--line);border-radius:4px;color:var(--muted);font-size:11px;text-align:center}
.vsz-subdrop.is-over{border-color:var(--green);background:var(--green-soft);color:var(--ink)}
.vsz-repeat{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--green);font-weight:650}
.vsz-repeat select{border:1px solid #cad8c7;border-radius:var(--vs-radius);background-color:var(--green-soft);color:var(--ink)}

.vsz-repeat-chip{flex:none}

.vsz-open-playlist{flex:1 1 auto;min-width:0;text-align:left;font:inherit;color:inherit;border:0;background:transparent;padding:3px 0;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.vsz-fold{width:26px;min-height:26px;cursor:pointer}
