/*! Audio File Pitch Detector 1.0.0 | pitchdetector.com */
.pfa{--pfa-blue:#2563eb;--pfa-blue2:#1d4ed8;--pfa-violet:#7c3aed;--pfa-ink:#0f172a;--pfa-muted:#475569;--pfa-line:#e2e8f0;--pfa-tint:#eff6ff;--pfa-bad:#b91c1c;box-sizing:border-box;max-width:1100px;margin:0 auto 1.75em;color:var(--pfa-ink);font-family:inherit;line-height:1.5}
.pfa *,.pfa *::before,.pfa *::after{box-sizing:border-box}.pfa [hidden]{display:none!important}
.pfa .pfa-title{margin:0 0 8px;padding:0;font-size:1.25rem;line-height:1.25;font-weight:700;color:var(--pfa-ink);letter-spacing:normal;text-transform:none}
.pfa-stage{background:linear-gradient(135deg,var(--pfa-blue),var(--pfa-violet));color:#fff;border-radius:18px;padding:14px;display:grid;gap:12px}
.pfa .pfa-drop,.pfa .pfa-drop span{color:#fff}
.pfa-drop{display:grid;gap:4px;place-items:center;text-align:center;border:2px dashed rgba(255,255,255,.85);border-radius:14px;padding:22px 12px;cursor:pointer;min-height:120px;transition:background .15s}
.pfa-drop.is-over,.pfa-drop:hover{background:rgba(255,255,255,.14)}.pfa-drop input{position:absolute;width:1px;height:1px;opacity:0}
.pfa-drop:focus-within{outline:3px solid #fff;outline-offset:2px}.pfa-drop-main{font-weight:800;font-size:1.15rem}.pfa-drop-sub{font-size:.85rem;opacity:.92}
.pfa-stagerow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.pfa-inline{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}
.pfa select,.pfa .pfa-field input{min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font:inherit;background:#fff;color:var(--pfa-ink);max-width:100%}
.pfa .pfa-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;border:2px solid var(--pfa-blue);background:#fff;color:var(--pfa-blue2);font:700 1rem/1.1 inherit;font-family:inherit;min-height:44px;padding:0 16px;border-radius:12px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.pfa .pfa-btn:hover:not(:disabled){background:var(--pfa-tint)}.pfa .pfa-btn:disabled{opacity:.5;cursor:not-allowed}
.pfa .pfa-stage .pfa-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}.pfa .pfa-stage .pfa-ghost:hover{background:rgba(255,255,255,.15)}
.pfa .pfa-sm{min-height:44px;font-size:.88rem;padding:0 12px;border-width:1.5px}
.pfa-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem}.pfa-progress progress{flex:1 1 160px;height:10px}
.pfa .pfa-status{margin:10px 2px;font-size:.9rem;color:var(--pfa-muted)}.pfa .pfa-status[data-kind="error"]{color:var(--pfa-bad);font-weight:600}
.pfa-now{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;background:#fff;border:1px solid var(--pfa-line);border-radius:14px;padding:10px 14px;margin:0 0 12px}
.pfa .pfa-note{margin:0;font-weight:800;font-size:3rem;line-height:1;color:var(--pfa-violet);display:flex;align-items:flex-start}
.pfa-oct{font-size:.45em;margin:.12em 0 0 .06em}.pfa .pfa-hz{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.pfa-player{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfa-player audio{flex:1 1 240px;min-width:0}
.pfa .pfa-graph{margin:0 0 12px;background:#fff;border:1px solid var(--pfa-line);border-radius:14px;padding:8px}
.pfa-graph canvas{display:block;width:100%;height:240px;cursor:pointer}.pfa .pfa-graph figcaption{font-size:.8rem;color:var(--pfa-muted);padding:4px 2px 0}
.pfa .pfa-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.pfa .pfa-stats div{background:#fff;border:1px solid var(--pfa-line);border-radius:12px;padding:8px 12px;min-width:0}
.pfa .pfa-stats dt{font-size:.78rem;color:var(--pfa-muted);margin:0}.pfa .pfa-stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pfa .pfa-card{background:#fff;border:1px solid var(--pfa-line);border-radius:14px;padding:12px 14px;margin:0 0 12px}
.pfa .pfa-card h3{margin:0 0 6px;padding:0;font-size:1rem;font-weight:700;color:var(--pfa-ink);letter-spacing:normal;text-transform:none}
.pfa-card canvas{display:block;width:100%;height:120px}
.pfa-tablewrap{max-height:360px;overflow:auto;border:1px solid var(--pfa-line);border-radius:10px}
.pfa .pfa-tablewrap table{width:100%;border-collapse:collapse;margin:0;font-size:.9rem;font-variant-numeric:tabular-nums}
.pfa .pfa-tablewrap th,.pfa .pfa-tablewrap td{padding:6px 10px;border:0;border-bottom:1px solid var(--pfa-line);text-align:left}
.pfa .pfa-tablewrap th{position:sticky;top:0;background:#f8fafc;font-size:.8rem;color:var(--pfa-muted)}
.pfa .pfa-tablewrap tbody tr{cursor:pointer}.pfa .pfa-tablewrap tbody tr:hover,.pfa .pfa-tablewrap tbody tr:focus{background:var(--pfa-tint)}
.pfa-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.pfa-small{font-size:.8rem;color:var(--pfa-muted)}
.pfa .pfa-settings summary{cursor:pointer;font-weight:700}
.pfa-fields{display:grid;gap:12px;margin-top:10px}.pfa-field{display:grid;gap:4px}.pfa-field label{font-weight:600;font-size:.9rem}.pfa .pfa-field select,.pfa .pfa-field input{width:100%}
.pfa :focus-visible{outline:3px solid var(--pfa-violet);outline-offset:2px}.pfa .pfa-stage :focus-visible{outline-color:#fff}
@media (min-width:700px){.pfa .pfa-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pfa-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.pfa .pfa-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.pfa-graph canvas{height:300px}.pfa-now{grid-template-columns:auto 200px 1fr}.pfa-player{grid-column:auto}}