/* Minimal VideoFX styles (match AudioFX widget look & feel) */
.vfx-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:10px;user-select:none;color:#eee;}
.vfx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.vfx-title{display:flex;align-items:center;gap:8px;font-weight:600;}
.vfx-dot{width:10px;height:10px;border-radius:50%;background:#444;display:inline-block;}
.vfx-dot.on{background:#2ecc71;}

.vfx-btn{background:#222;border:1px solid #444;color:#eee;border-radius:10px;padding:6px 10px;cursor:pointer;}
.vfx-btn:hover{border-color:#555;}
.vfx-btn-secondary{background:#1b1b1b;border:1px solid #444;color:#eee;border-radius:12px;padding:6px 10px;cursor:pointer;}

.vfx-body{padding:0;}
.vfx-section{background:#111;border:1px solid #333;border-radius:14px;padding:10px;}
.vfx-section-title{font-weight:600;font-size:13px;margin:0 0 8px;opacity:.95;}

.vfx-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}

/* Toggle (checkbox row) */
.vfx-check{display:flex;align-items:center;gap:8px;background:#1b1b1b;border:1px solid #444;color:#eee;border-radius:12px;padding:6px 10px;cursor:pointer;}
.vfx-check input{width:16px;height:16px;}

/* Sliders: visually similar to afx-field */
.vfx-slider{display:flex;flex-direction:column;gap:6px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;padding:8px;margin-top:10px;}
.vfx-label{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vfx-label span{font-size:12px;opacity:.9;color:#eee;}
.vfx-val{font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap;}

/* Make native controls readable on dark background */
.vfx-section input{color:#eee;}
.vfx-section input[type="range"]{accent-color:#3b82f6;width:100%;}

.vfx-hint{margin-top:10px;font-size:12px;opacity:.7;color:#ddd;}