.container[data-v-1af0da71]{max-width:720px;margin:3rem auto;padding:0 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1[data-v-1af0da71]{margin:0 0 .5rem;font-size:2rem}.subtitle[data-v-1af0da71]{margin:0 0 1.25rem;color:#555}.device-selector[data-v-1af0da71]{margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.device-selector label[data-v-1af0da71]{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#333}.device-selector select[data-v-1af0da71]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:.875rem}.device-selector select[data-v-1af0da71]:disabled{opacity:.6;cursor:not-allowed}.channel-selector[data-v-1af0da71]{margin-bottom:1rem;padding:.75rem;background:#e8f4f8;border-radius:8px;border-left:3px solid #2d7ef7}.channel-selector label[data-v-1af0da71]{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#333}.channel-selector select[data-v-1af0da71]{width:100%;padding:.5rem;border:1px solid #2d7ef7;border-radius:4px;background:#fff;font-size:.875rem}.controls[data-v-1af0da71]{display:flex;gap:.75rem;margin-bottom:1rem}button[data-v-1af0da71]{padding:.6rem 1rem;border-radius:8px;border:1px solid #ccc;cursor:pointer}button[data-v-1af0da71]:disabled{opacity:.6;cursor:not-allowed}.primary[data-v-1af0da71]{background:#2d7ef7;color:#fff;border-color:#2d7ef7}.secondary[data-v-1af0da71]{background:#f3f5f7}.status[data-v-1af0da71]{margin:.5rem 0}.ok[data-v-1af0da71]{color:#127a33}.err[data-v-1af0da71]{color:#b00020}.level-meter[data-v-1af0da71]{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.level-label[data-v-1af0da71]{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#333}.db-value[data-v-1af0da71]{font-family:Consolas,Monaco,monospace;font-weight:600;color:#2d7ef7;margin-left:.5rem}.channel-info[data-v-1af0da71]{font-size:.75rem;color:#666;margin-left:.5rem;font-weight:400}.current-channel[data-v-1af0da71]{font-size:.8rem;color:#2d7ef7;font-weight:600;margin-left:.25rem}.level-bar[data-v-1af0da71]{height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;position:relative}.level-fill[data-v-1af0da71]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a 50%,#ffc107,#ff5722);transition:width .05s ease-out}.pitch-display[data-v-1af0da71]{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;box-shadow:0 4px 12px #667eea4d}.pitch-label[data-v-1af0da71]{font-size:.875rem;font-weight:500;color:#ffffffe6;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.pitch-value[data-v-1af0da71]{font-size:3rem;font-weight:700;color:#ffffff80;margin-bottom:.5rem;font-family:Segoe UI,system-ui,sans-serif;transition:all .2s ease}.pitch-value.pitch-detected[data-v-1af0da71]{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.pitch-value .note[data-v-1af0da71]{display:inline-block;animation:pulse-1af0da71 .5s ease-in-out}.pitch-value .no-pitch[data-v-1af0da71]{font-size:2rem}@keyframes pulse-1af0da71{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.frequency-value[data-v-1af0da71]{font-size:.875rem;font-family:Consolas,Monaco,monospace;color:#fffc}.video-container[data-v-1af0da71]{margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;background:#000}.camera-feed[data-v-1af0da71]{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}.debug[data-v-1af0da71]{margin-top:1rem}