/* Audio converter / video to MP3 / ringtone maker (loaded after hub.css and bpm.css) */
.cset{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 12px;margin:16px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.cset label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}
.cset select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:7px 8px;font:inherit;font-size:13.5px;width:100%}
.cset .wide{grid-column:span 2}
.wave.trim{height:104px;cursor:pointer;touch-action:none}
.actions .tt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}
.actions .tt input{width:72px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 7px;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}
.actions .len{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.actions .len.warn{color:#f2cf73}
.actions .est{color:var(--muted);font-size:12.5px;white-space:nowrap}
.actions .dl{text-decoration:none}
.cstatus{padding:10px 16px 14px}
.why3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.why3>div{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px 18px}
.why3 b{display:block;margin-bottom:4px}.why3 span{color:#aeb6c6;font-size:14.5px}
.fmtt{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 0}
.fmtt th,.fmtt td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.fmtt th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.tblwrap{overflow-x:auto}
@media (max-width:1000px){.cset{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.why3{grid-template-columns:1fr}}
@media (max-width:560px){.cset{grid-template-columns:1fr 1fr}.cset .wide{grid-column:1/-1}.actions .tt input{width:64px}}
