:root{color-scheme:light;--surface-color-0: #eee;--surface-color-1: #fff;--surface-color-shadow: #ccc;--text-color: #222;--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{color-scheme:dark;--surface-color-0: #181818;--surface-color-1: #282828;--surface-color-shadow: #000;--text-color: #ddd;--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{font-family:sans-serif;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.title-settings-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem 2.25rem;align-items:center;margin:auto}h1{flex:1}sg-waveform,sg-spectrum-plot,sg-spectrogram{display:flex;align-items:center;justify-content:center;height:0}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{border-radius:.5rem;overflow:clip;background-color:var(--canvas-background-color);box-shadow:var(--canvas-box-shadow)}@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{border-radius:.5rem;box-shadow:var(--canvas-box-shadow);content:"";position:absolute;inset:-1px;pointer-events:none}}h1{margin:0;padding:0;text-align:center;font-size:1.75rem;font-weight:400}