.conv{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
  padding:22px;margin:0 0 18px;box-shadow:var(--shadow-sm)}
.conv h3{margin:0 0 16px;font-size:16px;display:flex;align-items:center;gap:9px}
.conv h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--accent)}
.conv .out{margin-top:4px}

.vib-status{display:flex;align-items:center;gap:12px;margin:0 0 24px;flex-wrap:wrap}
.vib-status .tag{font-size:13px}

.preset-group{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 4px}

.custom-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.custom-row .field{flex:1;min-width:220px;margin:0}
.custom-row .btn-group{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:0}

#durationOut{font-size:13px;color:var(--text-3);margin-top:8px;min-height:1.4em}

.stop-row{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}

.unsupported-msg{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--danger-soft-2);
  background:var(--danger-soft);border-radius:var(--r-input);padding:13px 16px;font-size:14px;
  line-height:1.55;color:var(--danger);margin:12px 0 0}

@media(max-width:560px){
  .custom-row{flex-direction:column}
  .custom-row .btn-group{width:100%}
  .custom-row .btn-group .btn{flex:1}
}