.fft-visualizer[data-v-5d74fe74]{border-radius:8px;width:100%;height:100%;min-height:100px;position:relative;overflow:hidden}.fft-canvas[data-v-5d74fe74]{width:100%;height:100%}.fft-stats[data-v-5d74fe74]{background:#0009;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;position:absolute;top:8px;right:8px}.connected[data-v-5d74fe74]{color:#0f8}.disconnected[data-v-5d74fe74]{color:#f44}.playground[data-v-3bcf409c]{max-width:1200px;margin:0 auto;padding:2rem}header[data-v-3bcf409c]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}h1[data-v-3bcf409c]{font-size:1.5rem;font-weight:600}.source-selector[data-v-3bcf409c]{align-items:center;gap:.5rem;display:flex}.visualizer-container[data-v-3bcf409c]{border-radius:8px;height:300px;margin-bottom:.5rem;overflow:hidden}.visualizer-container[data-v-3bcf409c]:fullscreen{border-radius:0;height:100%}.controls[data-v-3bcf409c]{flex-wrap:wrap;gap:2rem;display:flex}.presets-row[data-v-3bcf409c]{border-bottom:1px solid #333;margin-bottom:1rem;padding-bottom:1rem}.preset-btn[data-v-3bcf409c]{color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:.5rem}.preset-btn[data-v-3bcf409c]:hover{border-color:#666}.control-group[data-v-3bcf409c]{align-items:center;gap:.5rem;display:flex}.control-group label[data-v-3bcf409c]{cursor:pointer;align-items:center;gap:.5rem;display:flex}select[data-v-3bcf409c],.ws-input[data-v-3bcf409c],.connect-btn[data-v-3bcf409c]{color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:.5rem}.ws-input[data-v-3bcf409c]{cursor:text;min-width:16rem}select[data-v-3bcf409c]:hover,.ws-input[data-v-3bcf409c]:hover,.connect-btn[data-v-3bcf409c]:hover{border-color:#666}.connect-btn[data-v-3bcf409c]{background:#1a5c2a;border-color:#2a8c3a;padding:.5rem 1rem;font-weight:600}.connect-btn[data-v-3bcf409c]:hover{background:#238636}.disconnect-btn[data-v-3bcf409c]{background:#6b2020;border-color:#a03030}.disconnect-btn[data-v-3bcf409c]:hover{background:#8b3030}.fullscreen-btn[data-v-3bcf409c]{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem 0;font-family:monospace;font-size:.75rem;display:inline-flex}.fullscreen-btn[data-v-3bcf409c]:hover{color:#eee}input[type=checkbox][data-v-3bcf409c]{cursor:pointer;width:1rem;height:1rem}input[type=range][data-v-3bcf409c]{cursor:pointer;width:120px}