.basicWaves-synth{display:grid;border:2px solid black;place-content:center;text-align:center;margin:4px;padding:4px}.basic-waves input,.basic-waves select,.basic-waves button{border:3px solid rgb(235,209,192);margin:2px}.name-container{grid-column:1/3;grid-row:1/2;font-size:xx-large}.control-container-wrapper{display:grid}.scope-control-container{display:flex;flex-wrap:wrap;border:2px solid black}.control-wrapper{display:flex;flex-wrap:wrap}@media only screen and (max-width: 500px){.control-wrapper{display:grid;flex-direction:column;width:100%}}.scope-control-container input,.scope-control-container select,.scope-control-container button{border:3px solid rgb(235,209,192);margin:2px}.thresh-control,.global-control-container{margin:2px;border:1px solid black}.oscilloscope-wrapper.svelte-r5w0ri{width:100%;min-height:100vh;overflow-x:hidden;background:#fef3e2}.dark .oscilloscope-wrapper.svelte-r5w0ri{background:#1a1a1a}.hero-section.svelte-r5w0ri{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem 2rem 2rem;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dark .hero-section.svelte-r5w0ri{background:linear-gradient(135deg,#5b21b6,#4c1d95)}.hero-content.svelte-r5w0ri{text-align:center;z-index:1}.hero-title.svelte-r5w0ri{font-size:clamp(1.5rem,4vw,2rem);font-weight:300;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:.125rem;line-height:1.1}.subtitle.svelte-r5w0ri{font-size:clamp(.8rem,1.5vw,.95rem);color:#ffffffd9}.hero-divider.svelte-r5w0ri{position:absolute;bottom:0;left:0;width:100%;height:30px;z-index:0}.hero-divider.svelte-r5w0ri svg:where(.svelte-r5w0ri){width:100%;height:100%}.divider-fill.svelte-r5w0ri{fill:#fef3e2}.dark .divider-fill.svelte-r5w0ri{fill:#1a1a1a}.oscilloscope-page.svelte-r5w0ri{max-width:1800px;margin:0 auto;padding:.25rem .75rem 1.5rem}.oscillators-section.svelte-r5w0ri{margin-bottom:.75rem}.oscillator-grid.svelte-r5w0ri{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 1000px){.oscillator-grid.svelte-r5w0ri{grid-template-columns:1fr}}.oscillator-card.svelte-r5w0ri{background:#1a1a1a;border-radius:.5rem;overflow:hidden;border:1px solid rgba(139,92,246,.3)}.dark .oscillator-card.svelte-r5w0ri{background:#0a0a0a}.card-header.svelte-r5w0ri{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dark .card-header.svelte-r5w0ri{background:linear-gradient(135deg,#5b21b6,#4c1d95)}.header-left.svelte-r5w0ri{display:flex;align-items:center;gap:.4rem}.oscillator-badge.svelte-r5w0ri{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff3;border-radius:50%;color:#fff;font-weight:700;font-size:.7rem;line-height:1}.header-icon.svelte-r5w0ri{width:18px;height:18px;color:#fff}.oscillator-title.svelte-r5w0ri{color:#fff;font-size:.85rem;font-weight:600;line-height:20px}.header-subtitle.svelte-r5w0ri{color:#ffffffa6;font-size:.7rem;margin-left:.5rem}.expand-btn.svelte-r5w0ri{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.expand-btn.svelte-r5w0ri:hover{background:#ffffff40}.expand-btn.svelte-r5w0ri svg:where(.svelte-r5w0ri){width:16px;height:16px;color:#fff}.scope-display.svelte-r5w0ri{padding:.375rem;background:#0a0a0a;min-height:280px}.scope-display.svelte-r5w0ri canvas{width:100%!important;height:100%!important;min-height:260px;display:block;border-radius:.25rem}.combined-section.svelte-r5w0ri{background:#1a1a1a;border-radius:.5rem;overflow:hidden;border:1px solid rgba(139,92,246,.3);transition:all .3s ease}.dark .combined-section.svelte-r5w0ri{background:#0a0a0a}.combined-section.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri){min-height:200px}.combined-section.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri) canvas{min-height:180px}.combined-section.expanded.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri){min-height:400px}.combined-section.expanded.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri) canvas{min-height:380px}.controls-row.svelte-r5w0ri{padding:.4rem .5rem;background:#252525;border-top:1px solid rgba(139,92,246,.2)}.dark .controls-row.svelte-r5w0ri{background:#151515}.controls-row.svelte-r5w0ri .basicWaves-synth{border:none;margin:0;padding:0;background:transparent;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;align-items:center}.controls-row.svelte-r5w0ri .name-container{display:none}.controls-row.svelte-r5w0ri label{color:#e5e5e5!important;font-size:.75rem;font-weight:500}.controls-row.svelte-r5w0ri input,.controls-row.svelte-r5w0ri select,.controls-row.svelte-r5w0ri button{border:1px solid rgba(139,92,246,.4)!important;border-radius:.25rem;padding:.25rem .4rem;background:#1a1a1a!important;color:#e5e5e5!important;font-size:.8rem;transition:all .2s ease}.controls-row.svelte-r5w0ri input:focus,.controls-row.svelte-r5w0ri select:focus{outline:none;border-color:#8b5cf6!important;box-shadow:0 0 0 2px #8b5cf633}.controls-row.svelte-r5w0ri button:hover{background:#2a2a2a!important;border-color:#8b5cf6!important}.scope-control-container{border:none!important;background:transparent!important;gap:.3rem;padding:.2rem 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.scope-control-container label{color:#e5e5e5!important;font-size:.75rem;font-weight:500}.scope-control-container input,.scope-control-container select,.scope-control-container button{border:1px solid rgba(139,92,246,.4)!important;border-radius:.25rem;padding:.25rem .4rem;background:#1a1a1a!important;color:#e5e5e5!important;font-size:.8rem}.thresh-control,.global-control-container{border:none!important;background:transparent!important}.control-wrapper{gap:.3rem;display:flex;flex-wrap:wrap;align-items:center}.controls-row.svelte-r5w0ri *,.scope-control-container *,.control-wrapper *,.thresh-control *,.global-control-container *,.basicWaves-synth *,.controls-row.svelte-r5w0ri input,.controls-row.svelte-r5w0ri select,.controls-row.svelte-r5w0ri option,.scope-control-container input,.scope-control-container select,.scope-control-container option{color:#e5e5e5!important}@media (max-width: 768px){.hero-section.svelte-r5w0ri{padding:.75rem 1rem 1.5rem}.oscilloscope-page.svelte-r5w0ri{padding:.25rem .4rem 1rem}.oscillator-grid.svelte-r5w0ri{gap:.5rem}.card-header.svelte-r5w0ri{padding:.35rem .5rem}.oscillator-badge.svelte-r5w0ri{width:18px;height:18px;font-size:.65rem}.oscillator-title.svelte-r5w0ri{font-size:.8rem;line-height:18px}.scope-display.svelte-r5w0ri{min-height:220px}.scope-display.svelte-r5w0ri canvas{min-height:200px}.combined-section.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri){min-height:180px}.combined-section.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri) canvas{min-height:160px}.combined-section.expanded.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri){min-height:300px}.combined-section.expanded.svelte-r5w0ri .combined-display:where(.svelte-r5w0ri) canvas{min-height:280px}}