:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-color-0:#eee;--surface-color-1:#fff;--surface-color-shadow:#ccc;--text-color:#222;--hairline-border:1px solid #555;--background-color:var(--surface-color-0);--canvas-background-color:var(--surface-color-1);--canvas-box-shadow:.05rem .1rem .3rem var(--surface-color-shadow);--chart-background-color:var(--canvas-background-color);--chart-line-color:var(--text-color);--chart-bar-color:var(--text-color);--waveform-clipped-background-color:#fdd;--waveform-clipped-stroke-color:#e00;--spectrogram-min-db-lightness:100;--spectrogram-max-db-lightness:0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-color-0:#181818;--surface-color-1:#282828;--surface-color-shadow:#000;--text-color:#ddd;--hairline-border:1px solid #aaa;--background-color:var(--surface-color-1);--canvas-background-color:var(--surface-color-0);--canvas-box-shadow:inset .05rem .1rem .4rem var(--surface-color-shadow);--waveform-clipped-background-color:#600;--waveform-clipped-stroke-color:#e00;--spectrogram-min-db-lightness:0;--spectrogram-max-db-lightness:100}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background-color:var(--background-color);color:var(--text-color);flex-direction:column;gap:.75rem;padding:.75rem;font-family:sans-serif;display:flex}.title-settings-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 2.25rem;display:flex}sg-waveform,sg-spectrum-plot,sg-spectrogram{justify-content:center;align-items:center;height:0;display:flex}sg-waveform{flex:0 0 4rem}sg-spectrum-plot{flex:1 0 12rem}sg-spectrogram{flex:2 0 24rem}sg-waveform,sg-spectrum-plot,sg-spectrogram{background-color:var(--canvas-background-color);box-shadow:var(--canvas-box-shadow);border-radius:.5rem;overflow:clip}@media (prefers-color-scheme:dark){sg-waveform,sg-spectrum-plot,sg-spectrogram{box-shadow:none;position:relative}:is(sg-waveform,sg-spectrum-plot,sg-spectrogram):after{box-shadow:var(--canvas-box-shadow);content:"";pointer-events:none;border-radius:.5rem;position:absolute;inset:-1px}}h1{text-align:center;margin:0;padding:0;font-size:1.75rem;font-weight:400}