:root{--color-real: #4fc3f7;--color-imaginary: #ef9a9a;--color-phasor: #fff176;--color-harmonic: #a5d6a7;--color-axis: #90a4ae;--color-grid: #37474f;--color-background: #1a1a2e;--color-text: #eceff1;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 1rem;--line-height-base: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-background);color:var(--color-text);min-height:100dvh;overflow-x:hidden}ul,ol{list-style:none}img,video{display:block;max-width:100%}canvas{display:block}button,input,optgroup,select,textarea{font:inherit;color:var(--color-text);background-color:var(--color-grid);border:1px solid var(--color-axis);border-radius:4px;padding:.25rem .5rem}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-real);outline-offset:2px}.waveform-selector{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.waveform-control{display:flex;align-items:center;gap:.5rem}.waveform-control__name{white-space:nowrap}.waveform-control__value{white-space:nowrap;font-size:.85rem;opacity:.8}.playback-controls{display:flex;gap:.5rem}.playback-controls button{padding:5px 14px;font-size:12px;font-weight:600;border-radius:4px;border:1px solid var(--color-axis);background:var(--color-grid);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s}.playback-controls button:hover{background:var(--color-axis);border-color:var(--color-real)}.playback-controls button[aria-pressed=true]{background:var(--color-real);color:var(--color-background);border-color:var(--color-real)}@media (max-width: 767px){:root{--font-size-base: .85rem}.waveform-selector{gap:.4rem;font-size:.75rem}.waveform-control{gap:.25rem}.waveform-control__name,.waveform-control__value{font-size:.7rem}button,input,select{min-height:36px;font-size:14px;padding:4px 8px}.playback-controls{gap:.3rem}.playback-controls button{padding:8px 16px;font-size:13px;min-height:38px}input[type=number]{width:55px;text-align:center}select{min-width:80px}}._visualizer_19be2_39{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-template-areas:"mobileHeader  mobileHeader" "topBar        topBar" "panel1        panel1" "panel2        panel3" "panel4        panel4" "panel5        panel6";gap:var(--spacing-sm, .5rem);overflow-x:hidden;padding:var(--spacing-sm, .5rem);background-color:var(--color-background);color:var(--color-text)}._topBar_19be2_13{grid-area:topBar;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm, .5rem);min-width:0}._mobileHeader_19be2_103{display:none;grid-area:mobileHeader;align-items:center;justify-content:space-between;gap:.5rem}._settingsToggle_19be2_119{padding:6px 12px;font-size:13px;border-radius:4px;border:1px solid var(--color-axis);background:var(--color-grid);color:var(--color-text);cursor:pointer}._desktopPlayback_19be2_141{display:block}@media (max-width: 767px){._mobileHeader_19be2_103{display:flex}._topBar_19be2_13{display:none;flex-direction:column}._topBar_19be2_13._topBarOpen_19be2_169{display:flex}._desktopPlayback_19be2_141{display:none}}._annotationBar_19be2_17{grid-area:annotationBar;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}._panel_19be2_21{min-height:100px;height:160px;min-width:0;background-color:var(--color-background);border:1px solid var(--color-grid);border-radius:4px;overflow:hidden;position:relative}._panel1_19be2_21{grid-area:panel1;height:300px}._panel2_19be2_25{grid-area:panel2}._panel3_19be2_25{grid-area:panel3}._panel4_19be2_267{grid-area:panel4;height:140px}._panel5_19be2_277{grid-area:panel5;height:150px}._panel6_19be2_287{grid-area:panel6;height:150px}@media (max-width: 767px){._visualizer_19be2_39{grid-template-columns:1fr;grid-template-areas:"mobileHeader" "topBar" "panel1" "panel2" "panel3" "panel4" "panel5" "panel6"}._panel_19be2_21{height:150px}._panel1_19be2_21{height:200px}}._panelTitle_19be2_355{position:absolute;top:6px;left:10px;z-index:2;font-size:11px;font-weight:600;color:var(--color-text);opacity:.8;pointer-events:none}._srOnly_19be2_385{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}