.lab-fourier{color:#f0e5c9;min-width:0}.lab-fourier *{box-sizing:border-box}.lab-fourier [hidden]{display:none!important}.lab-fourier h4{margin:0 0 8px;font:400 23px/1.3 Georgia,serif}.fourier-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.fourier-panel{background:#1c3332;border:1px solid #86948250;border-radius:12px;min-width:0;padding:14px}.lab-fourier canvas{border:1px solid #7695836b;border-radius:8px;width:100%;height:220px;display:block}.fourier-wave{touch-action:pan-y}.fourier-wave.is-drawing{touch-action:none;cursor:crosshair}.fourier-spectrum{cursor:crosshair}.fourier-legend{flex-wrap:wrap;gap:12px;margin:9px 0 12px;font-size:12px;display:flex}.fourier-original{color:#8bd4ba}.fourier-rebuilt{color:#e8c675}.fourier-original:before,.fourier-rebuilt:before{content:"";vertical-align:middle;border-top:2px solid;width:16px;margin-right:5px;display:inline-block}.fourier-rebuilt:before{border-top-style:dashed}.lab-fourier button,.lab-fourier input,.lab-fourier select{font:inherit;color:#f0e5c9;background:#142b2c;border:1px solid #9eac9670;border-radius:7px;min-width:0;max-width:100%;min-height:44px;padding:8px 10px}.lab-fourier button{cursor:pointer}.lab-fourier button:hover{background:#385348}.lab-fourier button:disabled{opacity:.45;cursor:default}.lab-fourier button[aria-pressed=true]{color:#26392f;background:#d9c28c;border-color:#efdaa9}.lab-fourier :focus-visible{outline-offset:3px;outline:3px solid #e9d59c}.lab-fourier input[type=range]{accent-color:#d9c28c;background:0 0;width:100%;padding:0}.fourier-presets,.fourier-input-tools,.fourier-harmonics{flex-wrap:wrap;gap:6px;display:flex}.fourier-presets button{flex:64px}.fourier-input-tools{align-items:center;margin:9px 0}.fourier-input-kind{color:#c5d2bc;margin-left:auto;font-size:12px}.fourier-harmonics{margin:8px 0}.fourier-harmonics button{flex:36px;min-width:44px}.fourier-field{gap:4px;min-width:0;margin:10px 0;font-size:13px;display:grid}.fourier-field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.fourier-field-head output{font-variant-numeric:tabular-nums;color:#ecd79d}.fourier-field select,.fourier-field input[type=number]{width:100%}.fourier-note{color:#c2ceb9;margin:10px 0;font-size:12px;line-height:1.55}.fourier-readout{white-space:pre-line;overflow-wrap:anywhere;background:#0b222755;border-radius:7px;min-height:62px;padding:10px 12px;font-size:13px;line-height:1.65;display:block}.lab-fourier details{border-top:1px solid #9ba48740;margin-top:12px}.lab-fourier summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px}.fourier-explanation{color:#d0d7c0;font-size:14px;line-height:1.65}.fourier-explanation a{color:#e6d394;text-underline-offset:4px;align-items:center;min-height:44px;margin-right:18px;display:inline-flex}@media (width<=760px){.fourier-panels{grid-template-columns:1fr;gap:12px}.fourier-panel{padding:10px}.fourier-presets button{flex-basis:70px}}@media (width<=360px){.fourier-panel{padding:7px}.fourier-input-tools{gap:5px}.fourier-input-kind{width:100%;margin-left:0}.fourier-field-head{font-size:12px}}.lab-fourier .fourier-field input[type=number]{color:#f0e5c9;background:#142b2c;border-color:#9eac9670}