/* ToolPetal Discord video compressor (builds on discord-gif.css) */
.dv-segwrap { margin: 0 0 var(--sp-4); }
.dv-seg5 { flex-wrap: wrap; }
.dv-seg5 button { flex: 1 1 calc(33% - 3px); min-width: 0; }
@media (min-width: 720px) { .dv-seg5 button { flex: 1 1 0; } }
.dv-res button { min-width: 0; }
.dv-customrow { display: flex; align-items: center; gap: var(--sp-2); margin: var(--sp-3) 0 0; flex-wrap: wrap; }
.dv-customrow label { font-weight: 600; font-size: var(--fs-sm); }
.dv-customrow input { width: 7rem; min-height: 44px; font-size: var(--fs-base); }
.dv-customrow span { color: var(--muted); font-size: var(--fs-sm); }
.dv-thumb { width: 88px; height: 88px; flex-shrink: 0; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); display: grid; place-items: center; overflow: hidden; color: var(--muted); }
.dv-thumb svg { width: 34px; height: 34px; }
.dv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dv-opts { display: grid; gap: var(--sp-3); margin: var(--sp-4) 0 0; }
.dv-trim { border: 1.5px solid var(--line-strong); border-radius: 14px; padding: var(--sp-3) var(--sp-4); background: var(--surface); }
.dv-trim p { margin: 0 0 var(--sp-2); font-weight: 600; font-size: var(--fs-sm); }
.dv-trim .dv-trimsub { font-weight: 400; color: var(--muted); font-size: var(--fs-xs); margin: var(--sp-2) 0 0; }
.dv-trimrow { display: flex; align-items: flex-end; gap: var(--sp-3); flex-wrap: wrap; }
.dv-trimrow label { display: grid; gap: 0.25rem; font-size: var(--fs-xs); color: var(--muted); font-weight: 600; }
.dv-trimrow input { width: 6.5rem; min-height: 44px; font-size: var(--fs-base); font-variant-numeric: tabular-nums; }
.dv-plan { margin: var(--sp-4) 0 0; padding: var(--sp-3) var(--sp-4); border-radius: 12px; background: var(--surface-2); font-size: var(--fs-sm); line-height: 1.5; }
.dv-plan.bad { background: var(--warn-50); color: var(--warn); font-weight: 500; }
.dv-cancel { margin-top: var(--sp-3); min-height: 48px; }
.dv-player { display: block; width: 100%; max-height: 420px; margin: var(--sp-4) 0; border-radius: 12px; background: #111; }
.dv-stale { margin: var(--sp-3) 0 0; padding: var(--sp-3) var(--sp-4); border-radius: 12px; background: var(--warn-50); color: var(--warn); font-size: var(--fs-sm); font-weight: 500; }
.dv-drop.drag { outline: 2px dashed var(--ink); outline-offset: 3px; }