.WaveGenerator_container__RmqNI{display:flex;min-height:100vh;background-color:#0f0f0f;color:#fff;font-family:system-ui,-apple-system,sans-serif}.WaveGenerator_sidebar__3mgvn{width:300px;background-color:#1a1a1a;border-right:1px solid #2a2a2a;padding:2rem}.WaveGenerator_controls__O930J{display:flex;flex-direction:column;gap:1.5rem}.WaveGenerator_controls__O930J h2{color:#ffcf98;font-size:1.5rem;margin-bottom:1rem}.WaveGenerator_controlGroup__agj_y{display:flex;flex-direction:column;gap:.5rem}.WaveGenerator_controlGroup__agj_y label{font-size:.875rem;color:#a0a0a0;display:flex;align-items:center;gap:.5rem}.WaveGenerator_controlGroup__agj_y input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#2a2a2a;border-radius:2px;outline:none}.WaveGenerator_controlGroup__agj_y input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#ffcf98;border-radius:50%;cursor:pointer;transition:transform .1s}.WaveGenerator_controlGroup__agj_y input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.WaveGenerator_controlGroup__agj_y input[type=color]{width:100%;height:40px;border:none;border-radius:6px;background:#2a2a2a;cursor:pointer}.WaveGenerator_controlGroup__agj_y select{padding:.5rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer}.WaveGenerator_mainContent__MA51R{flex:1;padding:2rem;display:flex;flex-direction:column;gap:2rem}.WaveGenerator_preview__9mx8Y{background:#1a1a1a;border-radius:12px;height:300px;overflow:hidden}.WaveGenerator_preview__9mx8Y svg{width:calc(100% + 40px);height:100%;margin-left:-20px;margin-right:-20px}.WaveGenerator_animatedWave___jHin{animation:WaveGenerator_previewWaveMotion__7xXkY 2s ease-in-out infinite;animation-play-state:paused}.WaveGenerator_animatedWave___jHin.WaveGenerator_playing__xVSm4{animation-play-state:running}@keyframes WaveGenerator_previewWaveMotion__7xXkY{0%,to{d:path("M-10,210 C0,210 0,200 0,200...")}50%{d:path("M-10,210 C0,210 0,200 0,200...")}}.WaveGenerator_tabs__NzvQG{display:flex;gap:1rem;border-bottom:1px solid #2a2a2a;position:relative}.WaveGenerator_tab__3jrfe{padding:.75rem 1.5rem;background:transparent;border:none;color:#a0a0a0;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .2s;position:relative;z-index:1}.WaveGenerator_tab__3jrfe:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ffcf98;transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.WaveGenerator_tab__3jrfe.WaveGenerator_active__zli54:after{transform:scaleX(1)}.WaveGenerator_tab__3jrfe.WaveGenerator_active__zli54,.WaveGenerator_tab__3jrfe:hover{color:#ffcf98}.WaveGenerator_codeOutput__uu1Uc{background:#1a1a1a;border-radius:12px;overflow:hidden;position:relative}.WaveGenerator_codeOutput__uu1Uc pre{margin:0;padding:1rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;scroll-behavior:smooth}.WaveGenerator_codeHeader__vZVKP{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#2a2a2a}.WaveGenerator_copyButton__ZZDFY{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3a3a3a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.WaveGenerator_copyButton__ZZDFY:hover{background:#4a4a4a}.WaveGenerator_codeOutput__uu1Uc code{font-family:Fira Code,monospace;color:#e0e0e0}.WaveGenerator_toggleButton__9xlEo{padding:.5rem;background:#2a2a2a;border:none;border-radius:6px;color:#ffcf98;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;position:relative}.WaveGenerator_toggleButton__9xlEo:hover{background:#3a3a3a}.WaveGenerator_presetContainer__kfNNd{padding:1rem;display:flex;flex-direction:column;gap:2rem}.WaveGenerator_presetCategory__pWI6H{display:flex;flex-direction:column;gap:1rem}.WaveGenerator_presetCategory__pWI6H h3{color:#ffcf98;font-size:1.2rem;margin-bottom:.5rem}.WaveGenerator_presetGrid__MxRGq{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.WaveGenerator_presetButton__xmHry{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem;position:relative}.WaveGenerator_presetButton__xmHry:hover{background:#3a3a3a;border-color:#ffcf98}.WaveGenerator_presetPreview__wfClo{background:#1a1a1a;border-radius:4px;height:60px;padding:1rem;display:flex;align-items:center;position:relative}.WaveGenerator_presetPreview__wfClo svg{width:100%;height:100%}.WaveGenerator_presetButton__xmHry span{color:#fff;font-size:.9rem;display:flex;align-items:center;gap:.5rem}@media (max-width:768px){.WaveGenerator_container__RmqNI{flex-direction:column}.WaveGenerator_sidebar__3mgvn{width:100%;border-right:none;border-bottom:1px solid #2a2a2a}.WaveGenerator_preview__9mx8Y{height:200px}}.WaveGenerator_preview__9mx8Y path{transition:d .3s ease}