.macaron-section.svelte-zm87xd{display:grid;grid-template-columns:minmax(280px,.8fr) 1.4fr;gap:clamp(28px,4vw,64px);align-items:center;max-width:1240px;margin:0 auto;padding:var(--section-gap) 32px 0;color:var(--nav-text, #1a1a2e)}h2.svelte-zm87xd{margin:0 0 14px;font-family:var(--font-display, "BN Rumble");font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:.95;text-transform:uppercase}.sub.svelte-zm87xd{margin:0 0 26px;font-size:1.12rem;font-weight:600;line-height:1.55;opacity:.78}.controls.svelte-zm87xd{display:flex;flex-direction:column;gap:18px}.label.svelte-zm87xd{display:block;margin-bottom:8px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.label.svelte-zm87xd b:where(.svelte-zm87xd){margin-left:6px;color:var(--nav-text, #1a1a2e);opacity:1}.easings.svelte-zm87xd{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.easing.svelte-zm87xd{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;border:1.5px solid var(--nav-border, #1a1a2e);border-radius:12px;background:#fff;font:inherit;font-size:.72rem;font-weight:700;color:inherit;cursor:pointer;box-shadow:2px 2px 0 var(--nav-border, #1a1a2e)}.easing.svelte-zm87xd path:where(.svelte-zm87xd){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.easing.active.svelte-zm87xd{background:var(--accent);color:#fff}.stagger.svelte-zm87xd input:where(.svelte-zm87xd){width:100%;accent-color:var(--accent)}.row.svelte-zm87xd{display:flex;flex-wrap:wrap;gap:10px}.pill.svelte-zm87xd{padding:9px 16px;border:1.5px solid var(--nav-border, #1a1a2e);border-radius:999px;background:#fff;font:inherit;font-size:.85rem;font-weight:800;color:inherit;cursor:pointer;box-shadow:2px 2px 0 var(--nav-border, #1a1a2e)}.pill.on.svelte-zm87xd{background:#fde68a}.pill.play.svelte-zm87xd{background:var(--nav-text, #1a1a2e);color:#fff}.note.svelte-zm87xd{margin:22px 0 0;font-size:.95rem;font-weight:600;line-height:1.55;opacity:.65}.stage.svelte-zm87xd{position:relative;border-radius:20px;overflow:hidden;border:1.5px solid var(--nav-border, #1a1a2e)}.stage.svelte-zm87xd svg:where(.svelte-zm87xd){display:block;width:100%;height:auto}.grid.svelte-zm87xd{fill:none;stroke:color-mix(in srgb,var(--accent) 70%,#000);stroke-width:1.5;opacity:0;transition:opacity .2s ease}.grid.on.svelte-zm87xd{opacity:.35}.dot.svelte-zm87xd{fill:var(--accent);stroke:#fff;stroke-width:3}.ghost.svelte-zm87xd{transition:opacity .2s ease}.keys.svelte-zm87xd{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem}.key.svelte-zm87xd{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--nav-border, #1a1a2e);border-radius:9px;background:#fff;font-size:1.05rem;transition:background .15s ease,transform .15s ease}.key.lit.svelte-zm87xd{background:var(--accent);color:#fff;transform:translateY(2px)}.key-label.svelte-zm87xd{opacity:.45;transition:opacity .15s ease}.key-label.lit.svelte-zm87xd{opacity:1}@media(max-width:900px){.macaron-section.svelte-zm87xd{grid-template-columns:1fr;padding-inline:20px}.stage.svelte-zm87xd{order:-1}}@media(prefers-reduced-motion:reduce){.grid.svelte-zm87xd,.ghost.svelte-zm87xd,.key.svelte-zm87xd,.key-label.svelte-zm87xd{transition:none}}