/* Live sound and mixing page: figure text and shapes, the three tools, and tables */

/* ---------- figure text and shapes ---------- */
.motion-svg .ls-tl{font-size:14px;font-weight:600;fill:var(--ink);text-anchor:middle}
.motion-svg .ls-tls{font-family:var(--font-mono);font-size:12px;fill:var(--muted);text-anchor:middle}
.motion-svg .ls-mono{font-family:var(--font-mono);font-size:13px;fill:var(--ink);text-anchor:start}
.motion-svg .ls-mono.o{fill:var(--orange-strong)}
.motion-svg .ls-mono.start{text-anchor:start}
.motion-svg .ls-meterbg{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1}
.motion-svg .ls-redzone{fill:rgba(239,68,68,.16)}
.motion-svg .ls-meter{fill:var(--teal)}
.motion-svg .ls-meter.slate{fill:#94A3B8}
.motion-svg .ls-meter.teal{fill:var(--teal)}
.motion-svg .ls-meter.orange{fill:var(--orange)}
.motion-svg .ls-meter.red{fill:#EF4444}
.motion-svg .ls-spike{fill:#EF4444}
.motion-svg .ls-dot{fill:var(--purple);stroke:#fff;stroke-width:2}

/* ---------- tools ---------- */
.ls-tool{margin-top:26px}
.ls-tool h3{font-size:var(--fs-h4);margin:0 0 8px}
.ls-small{font-size:.9rem;color:var(--muted);margin:10px 0 0;max-width:80ch}
.ls-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;margin-top:14px;align-items:start}
.ls-tool-grid > *{min-width:0}
.ls-in{display:grid;gap:12px;align-content:start}
.ls-field{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:.88rem;font-weight:600;color:var(--ink);min-width:0}
.ls-in > *{min-width:0}
.ls-field select{width:100%;min-width:0;text-overflow:ellipsis}
.ls-field select,.ls-field input{font:inherit;font-weight:500;font-size:.92rem;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);max-width:100%}
.ls-field input[type=number]{font-family:var(--font-mono);font-size:.9rem;width:100%}
.ls-presets{display:flex;flex-wrap:wrap;gap:8px}
.ls-dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:.92rem}
.ls-dl dt{color:var(--muted)}
.ls-dl dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ls-tool .ls-dl dd span{font-family:var(--font-mono);font-size:.9rem}
.ls-verdict{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:.92rem;border:1px solid var(--line)}
.ls-verdict.ok{background:#F0FDFA;border-color:#99F6E4}
.ls-verdict.warn{background:#FFFBEB;border-color:#FDE68A}
.ls-verdict.bad{background:#FFF1F2;border-color:#FECDD3}
.no-js .ls-js{display:none}
.no-js .ls-tool-grid{grid-template-columns:minmax(0,1fr)}

/* ---------- tables ---------- */
.table-wrap .ls-narrow{min-width:0}
.table-wrap .ls-il-t{min-width:0;font-size:.86rem}
.ls-il-t td:first-child{font-family:var(--font-mono);color:var(--orange-strong);font-weight:600;width:2.6em}
.ls-il-t td:nth-child(4){white-space:nowrap}
#ls-il .table-wrap{margin-top:12px;max-height:520px;overflow:auto}

@media (max-width:860px){
  .ls-tool-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .ls-dl{grid-template-columns:1fr;gap:2px}
  .ls-dl dd{margin-bottom:8px}
  .ls-il-t th:nth-child(5),.ls-il-t td:nth-child(5){display:none}
}