/* Silence Remover — studio layout, waveform bands, cut list.
   Shared rules live in style.css (timeline + action-panel kit included);
   only this tool's own pieces live here. */

main[data-stage="empty"] .sr-studio{display:none}
main[data-stage="ready"] .sr-hero{display:none}

.studio.sr-studio{grid-template-columns:300px minmax(0,1fr) 320px;grid-template-areas:"side stage ext" "side cuts ext"}
.studio .sr-side{grid-area:side}
.studio .sr-stage{grid-area:stage}
.studio .sr-ext{grid-area:ext}
.studio .sr-cuts{grid-area:cuts}
@media (max-width:1100px){
  .studio.sr-studio{grid-template-columns:1fr 1fr;grid-template-areas:"stage stage" "side ext" "cuts cuts"}
}
@media (max-width:680px){
  .studio.sr-studio{grid-template-columns:1fr;grid-template-areas:"stage" "side" "ext" "cuts"}
}

.note.warn{border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn);border-radius:9px;padding:9px 12px}
.sb-label{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}
.sr-side .sb-label:first-child,.sr-ext .sb-label:first-child,.sr-cuts .sb-label:first-child{margin-top:0}
.addrow{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
label.fld{display:block;font-size:.88rem;color:var(--muted);margin:10px 0}
label.fld input[type="range"]{width:100%}
label.fld select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;width:100%;margin-top:4px}
.fval{float:right;font-weight:700;color:var(--ink)}
.at-modes{display:flex;gap:8px;margin-bottom:10px}
.chip-btn{flex:1;font:inherit;font-size:.88rem;font-weight:700;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.chip-btn.on{border-color:var(--brand);background:var(--accent);color:var(--brand)}
.save-btn{width:100%;margin:6px 0}

.wave-wrap{position:relative;width:100%}
#waveCv{display:block;width:100%;height:150px;cursor:pointer}
.sr-score{font-size:1.06rem;font-weight:700;margin:12px 0 4px}
.transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-top:8px}
.legend .sw{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:6px;vertical-align:baseline}
.legend .sw.keep{background:#7c8aa5}
.legend .sw.cut{background:#e06c00}
.legend .sw.back{background:#1f9d66}

#cutList{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.cutrow{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.9rem;background:var(--surface)}
.cutrow .cm{color:var(--muted)}
.cutrow .mini-btn{margin-left:auto}
.cutrow.back{border-color:#1f9d66;background:var(--accent)}
.cutrow.more{justify-content:center;color:var(--muted)}