.wcfdf-wrap{position:relative;display:inline-block}
.wcfdf-open{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer}
.wcfdf-badge{margin-left:.4rem;display:inline-block;min-width:1.2rem;padding:.1rem .3rem;border-radius:999px;background:#ff6a00;color:#fff;font-size:.75rem;text-align:center}
.wcfdf-drawer{position:fixed;top:0;right:-420px;width:380px;max-width:90vw;height:100vh;background:#fff;box-shadow:-12px 0 30px rgba(0,0,0,.15);transition:right .25s ease;z-index:999999;overflow:auto}
.wcfdf-drawer.open{right:0}
.wcfdf-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee;font-weight:600}
.wcfdf-clear{color:#ff6a00;text-decoration:underline}
.wcfdf-close{background:transparent;border:0;font-size:1.6rem;line-height:1;cursor:pointer}
.wcfdf-section{padding:1rem 1.25rem}
.wcfdf-section h3{margin:0 0 .75rem;font-size:1.1rem}
.wcfdf-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem}
.wcfdf-option{display:flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:.5rem}
.wcfdf-actions{padding:1rem 1.25rem;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff}
.wcfdf-apply{width:100%;padding:.7rem 1rem;border-radius:.6rem;border:0;background:#111;color:#fff;cursor:pointer;font-weight:600}