html,body{margin:0;overflow-x:hidden}main.svelte-1uha8ag{position:relative;overflow:hidden;overflow-x:clip;width:100%;max-width:100%;box-sizing:border-box;min-height:100vh;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#edf3f9,#d9e7f4 65%,#bed4ea);font-family:IBM Plex Sans,Segoe UI,sans-serif}.spectrogram-bg.svelte-1uha8ag{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.spectrogram-fallback.svelte-1uha8ag{position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,rgb(113 155 187 / 30%),transparent 62%),radial-gradient(90% 70% at 20% 100%,rgb(65 110 146 / 25%),transparent 70%),linear-gradient(160deg,#e8f1f8,#d4e4f2 45%,#c0d5e8)}.spectrogram-svg.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .42s ease;filter:saturate(.88) contrast(1.05)}.spectrogram-svg.active-layer.svelte-1uha8ag{opacity:.78}.spectrogram-tint.svelte-1uha8ag{position:absolute;inset:0;background:linear-gradient(180deg,#e7f2fb8f,#cddfee94),radial-gradient(100% 120% at 50% 10%,rgb(255 255 255 / 28%),transparent 65%)}.panel.svelte-1uha8ag{position:relative;z-index:1;width:min(32rem,calc(100% - 2.5rem));margin:1.25rem;padding:1.2rem;border-radius:.9rem;background:#ffffffbf;border:1px solid rgb(41 85 125 / 22%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}h1.svelte-1uha8ag{margin:0 0 1rem;font-size:1.4rem}.controls.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem}button.svelte-1uha8ag{padding:.8rem 1rem;border-radius:.7rem;border:1px solid #29557d;background:#2c6ea3;color:#fff;font-size:.98rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 6px 16px #183d5f40}button.active.svelte-1uha8ag{background:#184e7d}.noise-button.svelte-1uha8ag{--btn-bg: #2c6ea3;--btn-active: #184e7d;--btn-border: #29557d;--btn-text: #fff;--btn-shadow: 0 6px 16px rgb(24 61 95 / 25%);background:var(--btn-bg);border-color:var(--btn-border);color:var(--btn-text);box-shadow:var(--btn-shadow)}.noise-button.svelte-1uha8ag:hover{filter:brightness(1.06) saturate(1.03)}.noise-button.active.svelte-1uha8ag{background:var(--btn-active);box-shadow:0 8px 18px #183d5f42;filter:none}.noise-button.white.svelte-1uha8ag{--btn-bg: #f2f6fc;--btn-active: #deebf7;--btn-border: #8fa6be;--btn-text: #1f3950;--btn-shadow: 0 6px 16px rgb(94 117 142 / 32%)}.noise-button.pink.svelte-1uha8ag{--btn-bg: #c3518a;--btn-active: #9c3f6f;--btn-border: #8c315d}.noise-button.brown.svelte-1uha8ag{--btn-bg: #7b4e31;--btn-active: #613c25;--btn-border: #56331f}.noise-button.blue.svelte-1uha8ag{--btn-bg: #2a75b7;--btn-active: #1f5b8d;--btn-border: #1b4f7b}.noise-button.violet.svelte-1uha8ag{--btn-bg: #6955b5;--btn-active: #524090;--btn-border: #433476}.noise-button.gray.svelte-1uha8ag{--btn-bg: #65707f;--btn-active: #4e5762;--btn-border: #3f4750}button.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.stop.svelte-1uha8ag{width:100%;background:#355b74}button.svelte-1uha8ag:hover{transform:translateY(-1px);box-shadow:0 10px 20px #183d5f47}button.svelte-1uha8ag:active{transform:translateY(0)}@media(max-width:420px){.controls.svelte-1uha8ag{grid-template-columns:1fr}}