.sampled-slice-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:8px 12px; border-bottom:1px solid var(--line); background:var(--panel,#f7fbfd); color:var(--text,#243746); font-size:12px; }
.sampled-slice-controls[hidden] { display:none; }
.sampled-slice-controls label { display:flex; align-items:center; gap:7px; margin:0; }
.sampled-slice-controls select { padding:4px 6px; border:1px solid var(--line); border-radius:5px; background:var(--panel,#fff); color:inherit; font:inherit; }
.sampled-slice-controls input[type=range] { width:125px; }
.sampled-slice-controls input[type=checkbox] { margin:0; }
.sampled-slice-controls output { min-width:85px; font-variant-numeric:tabular-nums; }
.sampled-slice-note { flex-basis:100%; color:var(--muted,#61758a); font-size:11px; }
.sampled-slice-controls[aria-busy=true] { opacity:.65; }
.demo-viewer:has(.sampled-slice-controls:not([hidden])) { grid-template-rows:auto auto minmax(0,1fr); }