/* Minimal AudioFX styles (keeps it compact like a widget) */
.afx-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:10px;user-select:none;color:#eee;}
.afx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.afx-title{display:flex;align-items:center;gap:8px;font-weight:600;}
.afx-dot{width:10px;height:10px;border-radius:50%;background:#444;display:inline-block;}
.afx-dot.on{background:#2ecc71;}
.afx-btn{background:#222;border:1px solid #444;color:#eee;border-radius:10px;padding:6px 10px;cursor:pointer;}

/* Tabs (for many effects) */
.afx-tabs{display:flex;gap:8px;margin:0 0 10px 0;overflow-x:auto;padding-bottom:2px;}
.afx-tabs::-webkit-scrollbar{height:6px;}
.afx-tabs::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px;}
.afx-tab{background:#141414;border:1px solid #333;color:#ddd;border-radius:12px;padding:6px 10px;cursor:pointer;white-space:nowrap;}
.afx-tab:hover{border-color:#555;}
.afx-tab.is-active{background:#1f1f1f;border-color:#666;color:#fff;}
.afx-card{background:#111;border:1px solid #333;border-radius:14px;padding:10px;}
.afx-panel.is-hidden{display:none;}
.afx-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.afx-card-title-text{color:#eee;}
.afx-meta-hint{font-size:12px;opacity:.7;color:#ddd;}
.afx-subcard{margin-top:10px;padding:10px;border:1px solid #2a2a2a;border-radius:14px;background:#0b0b0b;}
.afx-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.afx-toggle{display:flex;align-items:center;gap:8px;background:#1b1b1b;border:1px solid #444;color:#eee;border-radius:12px;padding:6px 10px;cursor:pointer;}
.afx-meta{display:flex;align-items:center;gap:8px;}
.afx-lbl{font-size:12px;opacity:.8;}
.afx-select{background:#1b1b1b;border:1px solid #444;color:#eee;border-radius:10px;padding:5px 8px;}
.afx-num{width:80px;background:#1b1b1b;border:1px solid #444;color:#eee;border-radius:10px;padding:5px 8px;}
.afx-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px;margin-top:10px;}
.afx-field{display:flex;flex-direction:column;gap:6px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;padding:8px;}
.afx-field span{font-size:12px;opacity:.9;color:#eee;}
.afx-read{font-variant-numeric:tabular-nums;opacity:.8;}
.afx-gr{font-size:12px;opacity:.85;display:flex;align-items:center;gap:6px;}
.afx-gr b{font-variant-numeric:tabular-nums;font-weight:600;}

/* Make native controls readable on dark background */
.afx-card input,.afx-card select{color:#eee;}
.afx-card input[type="range"]{accent-color:#3b82f6;}
.afx-card code{color:#ddd;}
.afx-foot{margin-top:10px;font-size:12px;opacity:.7;}