.fd{background:#fbf3f4;border:1px solid rgba(0,0,0,.08);border-radius:16px;margin:1.75rem 0;overflow:hidden}.fd__canvas{display:block;height:240px;touch-action:manipulation;width:100%}.fd__canvas--tall{height:300px}.fd__controls{align-items:center;background:#fff9;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;font-size:13px;gap:14px;padding:10px 14px}.fd__btn{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;color:#294653;cursor:pointer;font-size:13px;height:30px;min-width:34px;padding:0 10px}.fd__btn--on{background:#d24d7a;border-color:#d24d7a;color:#fff}.fd__label{align-items:center;color:#294653;display:inline-flex;gap:8px}.fd__label input[type=range]{accent-color:#d24d7a;width:120px}.fd__val{color:#6b7280;font-variant-numeric:tabular-nums;min-width:2.5em}.fd__hint{background:#fff9;color:#6b7280;font-size:12px;margin:0;padding:8px 14px 12px}.dark .fd{background:#14181c;border-color:#ffffff1a}.dark .fd__controls,.dark .fd__hint{background:#ffffff0a;border-color:#ffffff14}.dark .fd__btn{background:#1f262c;border-color:#ffffff24;color:#e5e7eb}.dark .fd__label{color:#cbd5e1}