.WaveVisualizer-module__U4OJua__container{background:#05030166;border:1px solid #1e0d03;border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;padding:1.5rem;display:flex}.WaveVisualizer-module__U4OJua__visualizers{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:640px){.WaveVisualizer-module__U4OJua__visualizers{grid-template-columns:1fr}}.WaveVisualizer-module__U4OJua__pannel{background:#0003;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.WaveVisualizer-module__U4OJua__pannelTitle{text-transform:uppercase;letter-spacing:.05em;color:#fff6;font-size:.75rem;font-weight:600}.WaveVisualizer-module__U4OJua__waveContainer{background:#0003;border-radius:.5rem;width:100%;height:88px;position:relative;overflow:hidden}.WaveVisualizer-module__U4OJua__userCanvas{z-index:1;width:100%;height:88px;display:block;position:absolute;top:0;left:0}.WaveVisualizer-module__U4OJua__overlayCanvas{pointer-events:none;z-index:2;opacity:0;width:100%;height:88px;transition:opacity .3s;position:absolute;top:0;left:0}.WaveVisualizer-module__U4OJua__overlayVisible{opacity:1}.WaveVisualizer-module__U4OJua__controls{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.WaveVisualizer-module__U4OJua__button{cursor:pointer;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.WaveVisualizer-module__U4OJua__playButton{color:#fff;background:#f5a623}.WaveVisualizer-module__U4OJua__playButton:hover{background:#e09512}.WaveVisualizer-module__U4OJua__recordButton{color:#fff;background:#5b9bd5}.WaveVisualizer-module__U4OJua__recordButton:active{transform:scale(.95)}.WaveVisualizer-module__U4OJua__recording{background:#ef4444;animation:1.5s infinite WaveVisualizer-module__U4OJua__pulse}@keyframes WaveVisualizer-module__U4OJua__pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.WaveVisualizer-module__U4OJua__feedbackContainer{margin-top:1rem;animation:.3s ease-out WaveVisualizer-module__U4OJua__fadeIn}@keyframes WaveVisualizer-module__U4OJua__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.WaveVisualizer-module__U4OJua__feedbackText{color:#e5e7eb;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.WaveVisualizer-module__U4OJua__chips{flex-wrap:wrap;gap:.5rem;display:flex}.WaveVisualizer-module__U4OJua__chip{border:1px solid;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.WaveVisualizer-module__U4OJua__chip_good{color:#a7f3d0;background:#1a3a0a;border-color:#3d6a25}.WaveVisualizer-module__U4OJua__chip_warn{color:#fde68a;background:#221400;border-color:#7a5010}.WaveVisualizer-module__U4OJua__chip_bad{color:#fecaca;background:#1a0800;border-color:#6a2010}.WaveVisualizer-module__U4OJua__overlayToggle{color:#fff9;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.WaveVisualizer-module__U4OJua__switch{width:40px;height:20px;display:inline-block;position:relative}.WaveVisualizer-module__U4OJua__switch input{opacity:0;width:0;height:0}.WaveVisualizer-module__U4OJua__slider{cursor:pointer;background-color:#3a3a3a;border-radius:20px;transition:all .4s;position:absolute;inset:0}.WaveVisualizer-module__U4OJua__slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.WaveVisualizer-module__U4OJua__slider{background-color:#5b9bd5}input:checked+.WaveVisualizer-module__U4OJua__slider:before{transform:translate(20px)}
.ClickAnimator-module__gva3la__root{background:#0a060299;border:1px solid #f5a62326;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.ClickAnimator-module__gva3la__tabs{gap:6px;display:flex}.ClickAnimator-module__gva3la__tab{cursor:pointer;color:#6b6b6b;background:#ffffff08;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;transition:all .2s;display:flex}.ClickAnimator-module__gva3la__tab:hover{color:#a0a0a0;background:#f5a62314;border-color:#f5a62333}.ClickAnimator-module__gva3la__tabActive{color:#f5a623;background:#f5a6231f;border-color:#f5a62373}.ClickAnimator-module__gva3la__tabSymbol{font-family:JetBrains Mono,Courier New,monospace;font-size:18px;font-weight:700;line-height:1}.ClickAnimator-module__gva3la__tabName{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600;line-height:1}.ClickAnimator-module__gva3la__svgPlaceholder{background:#050301cc;border:1px dashed #f5a62333;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.ClickAnimator-module__gva3la__svgPlaceholderSymbol{color:#f5a623;filter:drop-shadow(0 0 8px #f5a62380);font-family:JetBrains Mono,Courier New,monospace;font-size:36px;font-weight:700;line-height:1}.ClickAnimator-module__gva3la__svgPlaceholderPhase{text-transform:uppercase;letter-spacing:.1em;color:#555;font-size:11px;font-weight:600}.ClickAnimator-module__gva3la__tip{color:#666;align-items:baseline;gap:6px;margin:0;padding:2px 4px;font-size:11px;line-height:1.5;display:flex}.ClickAnimator-module__gva3la__tipSymbol{color:#f5a623;flex-shrink:0;font-family:JetBrains Mono,Courier New,monospace;font-size:16px;font-weight:700}@media (max-width:430px){.ClickAnimator-module__gva3la__root{gap:10px;padding:12px}.ClickAnimator-module__gva3la__tabSymbol{font-size:16px}.ClickAnimator-module__gva3la__tabName{font-size:8px}.ClickAnimator-module__gva3la__tip{font-size:10px}}