.device.svelte-nq9j4q{--pad: clamp(12px, 2vw, 22px);position:relative;display:grid;gap:14px;padding:var(--pad);border-radius:clamp(26px,4vw,44px);background:linear-gradient(180deg,var(--graphite-2),var(--graphite) 60%);box-shadow:inset 0 1px #ffffff17,inset 0 -2px #0006,0 40px 80px -30px #2322238c,0 0 0 1px #00000080;color:var(--ivory);user-select:none;-webkit-user-select:none}.panel.svelte-nq9j4q{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:stretch}.knob.svelte-nq9j4q{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;cursor:grab}.knob.svelte-nq9j4q:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgb(249 245 239 / .08);border-top-color:transparent}.knob.svelte-nq9j4q input:where(.svelte-nq9j4q){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:grab}.knob.svelte-nq9j4q .cap:where(.svelte-nq9j4q){width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a5d6c0,var(--seafoam) 55%,#4f8a74);box-shadow:inset 0 -4px 8px #00000040,0 6px 14px #00000073;transform:rotate(var(--turn));display:grid;justify-items:center;pointer-events:none}.knob.svelte-nq9j4q .cap:where(.svelte-nq9j4q) i:where(.svelte-nq9j4q){width:4px;height:20px;margin-top:8px;border-radius:2px;background:var(--speaker)}.knob.svelte-nq9j4q:focus-within .cap:where(.svelte-nq9j4q){outline:3px solid var(--coral);outline-offset:4px}.lcd.svelte-nq9j4q{min-width:0;border-radius:14px;padding:10px 14px;background:linear-gradient(180deg,#0f1612,#121b16);box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffffff0d;font-family:var(--mono);color:var(--mint-glow);display:grid;gap:4px;align-content:center}.lcd-main.svelte-nq9j4q{font-size:clamp(16px,2.6vw,26px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 12px rgb(159 245 198 / .55);transition:opacity .12s}.lcd-main.flash.svelte-nq9j4q{animation:svelte-nq9j4q-lcdflash .52s steps(4)}@keyframes svelte-nq9j4q-lcdflash{0%,50%{opacity:.2}25%,75%,to{opacity:1}}.leds.svelte-nq9j4q{display:flex;gap:4px}.leds.svelte-nq9j4q i:where(.svelte-nq9j4q){width:7px;height:7px;border-radius:50%;background:#9ff5c61f}.leds.svelte-nq9j4q i.on:where(.svelte-nq9j4q){background:var(--mint-glow);box-shadow:0 0 8px var(--mint-glow)}.grille.svelte-nq9j4q{width:88px;border-radius:14px;padding:10px 12px;display:grid;gap:5px;align-content:center;background:#00000040;box-shadow:inset 0 1px 4px #00000080}.grille.svelte-nq9j4q i:where(.svelte-nq9j4q){height:3px;border-radius:2px;background:linear-gradient(90deg,#b9e4cb40,#b9e4cb99,#b9e4cb40)}.controls.svelte-nq9j4q{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.group.svelte-nq9j4q{display:inline-flex;gap:6px}.cap-btn.svelte-nq9j4q{font:700 13px/1 var(--display);color:var(--speaker);background:linear-gradient(180deg,#f5eee1,var(--keycap));border:0;border-radius:10px;padding:9px 12px;cursor:pointer;box-shadow:0 3px 0 var(--keycap-shadow),0 5px 10px #00000059;display:inline-flex;align-items:center;gap:6px;transition:transform 60ms,box-shadow 60ms}.cap-btn.sm.svelte-nq9j4q{padding:9px 10px;min-width:38px;justify-content:center}.cap-btn.icon.svelte-nq9j4q{padding:8px 10px;min-width:40px;justify-content:center}.cap-btn.icon.svelte-nq9j4q svg:where(.svelte-nq9j4q){width:18px;height:18px;fill:currentColor}.cap-btn.dice.svelte-nq9j4q svg:where(.svelte-nq9j4q){width:18px;height:18px}.dot.svelte-nq9j4q{width:8px;height:8px;border-radius:50%;background:#f9f5ef40;align-self:center}.dot.on.svelte-nq9j4q{background:var(--mint-glow);box-shadow:0 0 8px var(--mint-glow)}.cap-btn.svelte-nq9j4q:active,.cap-btn[aria-pressed=true].svelte-nq9j4q{transform:translateY(2px);box-shadow:0 1px 0 var(--keycap-shadow),0 2px 6px #0000004d}.cap-btn[aria-pressed=true].svelte-nq9j4q{background:linear-gradient(180deg,#ff8a6f,var(--coral));color:#fff;box-shadow:0 1px #b44a35,0 0 16px #f1694f8c}.cap-btn.svelte-nq9j4q:disabled{opacity:.45;cursor:default}.cap-btn.dice.svelte-nq9j4q svg:where(.svelte-nq9j4q){width:16px;height:16px;fill:currentColor}.cap-btn.dice.rolling.svelte-nq9j4q svg:where(.svelte-nq9j4q){animation:svelte-nq9j4q-spin .52s cubic-bezier(.3,1.5,.5,1)}@keyframes svelte-nq9j4q-spin{0%{transform:rotate(-200deg) scale(.7)}to{transform:none}}.select.svelte-nq9j4q{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f9f5ef99}.select.svelte-nq9j4q select:where(.svelte-nq9j4q){font:700 14px var(--display);color:var(--speaker);background:var(--keycap);border:0;border-radius:10px;padding:8px 10px}.surface.svelte-nq9j4q{position:relative;height:clamp(380px,58vh,560px);border-radius:22px;padding:10px;background:linear-gradient(180deg,#1b1a1b,#151415);box-shadow:inset 0 2px 14px #000000a6;touch-action:none}.strips.svelte-nq9j4q{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;gap:8px}.strips.horizontal.svelte-nq9j4q{flex-direction:column}.strips.rolling.svelte-nq9j4q .strip:where(.svelte-nq9j4q){animation:svelte-nq9j4q-deal .42s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * 35ms)}@keyframes svelte-nq9j4q-deal{0%{opacity:0;transform:translateY(14px) scale(.96)}}.strip.svelte-nq9j4q{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0f;touch-action:none;cursor:pointer}.horizontal.svelte-nq9j4q .strip:where(.svelte-nq9j4q){flex-direction:row}.head.svelte-nq9j4q{flex:0 0 15%;display:grid;place-content:center;text-align:center;gap:2px;background:linear-gradient(180deg,#f5eee1,var(--keycap));color:var(--speaker);box-shadow:inset 0 -3px 0 var(--keycap-shadow);transition:background 80ms;padding:4px}.horizontal.svelte-nq9j4q .head:where(.svelte-nq9j4q){flex-basis:16%;box-shadow:inset -3px 0 0 var(--keycap-shadow)}.head.svelte-nq9j4q .name:where(.svelte-nq9j4q){font-weight:850;font-size:clamp(12px,1.6vw,20px);letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere}.head.svelte-nq9j4q .roman:where(.svelte-nq9j4q){font:700 clamp(9px,1vw,11px)/1 var(--mono);color:var(--coral-ink)}.head.hit.svelte-nq9j4q{background:linear-gradient(180deg,#ff8a6f,var(--coral));color:#fff;box-shadow:0 0 24px #f1694fb3}.head.hit.svelte-nq9j4q .roman:where(.svelte-nq9j4q){color:#fff}.strings.svelte-nq9j4q{flex:1;display:flex;flex-direction:column}.horizontal.svelte-nq9j4q .strings:where(.svelte-nq9j4q){flex-direction:row}.string.svelte-nq9j4q{flex:1;position:relative}.string.svelte-nq9j4q:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:calc(3px - var(--z) * .3px);transform:translateY(-50%);border-radius:2px;background:linear-gradient(90deg,transparent,rgb(185 228 203 / .55),transparent)}.horizontal.svelte-nq9j4q .string:where(.svelte-nq9j4q):before{left:50%;right:auto;top:10%;bottom:10%;height:auto;width:calc(3px - var(--z) * .3px);transform:translate(-50%);background:linear-gradient(180deg,transparent,rgb(185 228 203 / .55),transparent)}.string.hit.svelte-nq9j4q:before{background:linear-gradient(90deg,transparent,var(--coral),transparent);box-shadow:0 0 14px var(--coral);animation:svelte-nq9j4q-wob .38s ease-out}.horizontal.svelte-nq9j4q .string.hit:where(.svelte-nq9j4q):before{background:linear-gradient(180deg,transparent,var(--coral),transparent)}@keyframes svelte-nq9j4q-wob{0%{filter:brightness(2)}to{filter:none}}.string.svelte-nq9j4q span:where(.svelte-nq9j4q){position:absolute;right:6px;bottom:2px;font:500 9px/1 var(--mono);color:#f9f5ef47}.horizontal.svelte-nq9j4q .string:where(.svelte-nq9j4q) span:where(.svelte-nq9j4q){right:auto;left:4px;bottom:4px}.ks.svelte-nq9j4q{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;gap:10px}.chords.svelte-nq9j4q{flex:0 0 46%;display:grid;grid-template-columns:auto repeat(var(--cols),1fr);grid-auto-rows:1fr;gap:6px}.row-label.svelte-nq9j4q{font:700 10px/1 var(--mono);color:#f9f5ef73;align-self:center;text-transform:uppercase}.chord-key.svelte-nq9j4q{border:0;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#f5eee1,var(--keycap));color:var(--speaker);box-shadow:0 3px 0 var(--keycap-shadow),0 5px 10px #00000059;display:grid;place-content:center;gap:2px;min-width:0;touch-action:none}.chord-key.svelte-nq9j4q b:where(.svelte-nq9j4q){font-weight:850;font-size:clamp(11px,1.5vw,17px)}.chord-key.svelte-nq9j4q kbd:where(.svelte-nq9j4q){font:600 9px/1 var(--mono);color:#8a8072}.chord-key.on.svelte-nq9j4q{background:linear-gradient(180deg,#ff8a6f,var(--coral));color:#fff;transform:translateY(2px);box-shadow:0 1px #b44a35,0 0 18px #f1694f99}.chord-key.on.svelte-nq9j4q kbd:where(.svelte-nq9j4q){color:#fffc}.plate.svelte-nq9j4q{flex:1;position:relative;display:flex;border-radius:16px;background:#00000038;box-shadow:inset 0 0 0 1px #ffffff0f;touch-action:none;cursor:ew-resize}.plate-label.svelte-nq9j4q{position:absolute;top:10px;left:14px;font-weight:850;font-size:clamp(22px,4vw,44px);line-height:1;pointer-events:none}.plate-label.svelte-nq9j4q span:where(.svelte-nq9j4q){opacity:.5;font-size:.6em}.pstring.svelte-nq9j4q{flex:1;position:relative}.pstring.svelte-nq9j4q:before{content:"";position:absolute;top:18%;bottom:6%;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgb(185 228 203 / .5),transparent)}.plate.muted.svelte-nq9j4q .pstring:where(.svelte-nq9j4q):before{opacity:.25}.pstring.hit.svelte-nq9j4q:before{background:linear-gradient(180deg,transparent,var(--coral),transparent);box-shadow:0 0 14px var(--coral)}.pstring.svelte-nq9j4q span:where(.svelte-nq9j4q){position:absolute;bottom:4px;left:0;right:0;text-align:center;font:500 8px/1 var(--mono);color:#f9f5ef4d}.midi.svelte-nq9j4q{border-radius:14px;background:#00000038}.midi.svelte-nq9j4q summary:where(.svelte-nq9j4q){cursor:pointer;padding:10px 14px;font-weight:750;font-size:14px;display:flex;justify-content:space-between;gap:12px;list-style:none}.midi.svelte-nq9j4q summary:where(.svelte-nq9j4q)::-webkit-details-marker{display:none}.midi-body.svelte-nq9j4q{padding:0 14px 14px;display:grid;gap:12px}.midi-row.svelte-nq9j4q{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;font-size:14px}.midi-row.svelte-nq9j4q p:where(.svelte-nq9j4q){color:#f9f5efb3;font-size:13px;max-width:52ch}.toggle.svelte-nq9j4q{display:inline-flex;gap:8px;align-items:center}.toggle.svelte-nq9j4q input:where(.svelte-nq9j4q){accent-color:var(--coral);width:18px;height:18px}.log.svelte-nq9j4q{margin:0;padding:8px 10px;list-style:none;height:130px;overflow:auto;border-radius:10px;background:#0f1612;font:500 11px/1.6 var(--mono);color:var(--mint-glow)}@media(max-width:700px){.panel.svelte-nq9j4q{grid-template-columns:auto minmax(0,1fr)}.grille.svelte-nq9j4q{display:none}.knob.svelte-nq9j4q,.knob.svelte-nq9j4q .cap:where(.svelte-nq9j4q){width:60px;height:60px}.surface.svelte-nq9j4q{height:520px}.ks.svelte-nq9j4q{flex-direction:column-reverse}.chords.svelte-nq9j4q{flex-basis:44%}}.band.svelte-1uha8ag{background:linear-gradient(100deg,#c9553c,var(--coral) 45%,#e8805f);box-shadow:inset 0 -1px #00000014}.nav.svelte-1uha8ag{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:18px max(16px,env(safe-area-inset-left,0px)) 18px max(16px,env(safe-area-inset-right,0px))}.brand.svelte-1uha8ag{width:clamp(150px,22vw,260px);flex:none;line-height:0}.brand.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:auto}.links.svelte-1uha8ag{display:flex;gap:4px;margin-left:auto}.links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#f9f5efd9;text-decoration:none;font-weight:700;font-size:15px;padding:8px 12px;border-radius:999px}.links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{background:#ffffff24;color:#fff}.cta.svelte-1uha8ag{display:inline-flex;align-items:center;gap:8px;background:var(--speaker);color:var(--ivory);text-decoration:none;font-weight:750;font-size:15px;padding:11px 16px;border-radius:12px;box-shadow:0 8px 20px #3c3a3b59;white-space:nowrap}.cta.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:18px;height:18px}main.svelte-1uha8ag{overflow-x:clip}section.svelte-1uha8ag{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.eyebrow.svelte-1uha8ag{font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-ink)}.hero.svelte-1uha8ag{display:grid;justify-items:center;text-align:center;gap:16px;padding-block:clamp(48px,8vw,88px) 36px;background:linear-gradient(180deg,var(--ivory),var(--oat))}.app-icon.svelte-1uha8ag{width:120px;height:120px;border-radius:28px;box-shadow:0 18px 36px -10px #c94a338c,inset 0 0 0 1px #fff3}h1.svelte-1uha8ag{font-size:clamp(36px,6vw,68px);font-weight:850;line-height:1.02;max-width:15ch;color:var(--speaker)}.lede.svelte-1uha8ag{max-width:58ch;color:var(--muted);font-size:18px}.demo-btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:10px;background:var(--speaker);color:var(--ivory);text-decoration:none;font-weight:800;padding:12px 18px;border-radius:12px}.demo-btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:22px;height:22px;color:var(--mint)}.play.svelte-1uha8ag{background:linear-gradient(180deg,var(--oat),#dcebdc 65%,#cfe6d6);padding-block:12px clamp(48px,8vw,96px)}.play-inner.svelte-1uha8ag{max-width:1180px;margin:0 auto;display:grid;gap:22px}.howto.svelte-1uha8ag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 24px;color:#3b4a42;font-size:15px}.howto.svelte-1uha8ag b:where(.svelte-1uha8ag){color:var(--speaker)}.features.svelte-1uha8ag{max-width:1180px;margin:0 auto;padding-block:clamp(56px,9vw,110px);display:grid;gap:18px}.features.svelte-1uha8ag h2:where(.svelte-1uha8ag),.platforms.svelte-1uha8ag h2:where(.svelte-1uha8ag),.faq.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:clamp(28px,4vw,44px);font-weight:850;color:var(--speaker);max-width:22ch}.grid.svelte-1uha8ag{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid.svelte-1uha8ag article:where(.svelte-1uha8ag){background:#fff;border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start;box-shadow:0 1px 0 var(--line),0 12px 30px -20px #3c3a3b59}.tag.svelte-1uha8ag{justify-self:start;font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--coral);padding:6px 8px;border-radius:6px}.grid.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:21px;font-weight:800;color:var(--speaker)}.grid.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);font-size:16px}.platforms.svelte-1uha8ag{max-width:1180px;margin:0 auto;padding-block:clamp(56px,9vw,110px) 24px;display:grid;gap:22px}.faq.svelte-1uha8ag{max-width:860px;margin:0 auto;padding-block:56px;display:grid;gap:10px}.faq.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:8px}.faq.svelte-1uha8ag details:where(.svelte-1uha8ag){background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 1px 0 var(--line)}.faq.svelte-1uha8ag summary:where(.svelte-1uha8ag){cursor:pointer;font-weight:750;color:var(--speaker)}.faq.svelte-1uha8ag details:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){margin-top:8px;color:var(--muted)}.foot.svelte-1uha8ag{background:var(--oat);padding:40px max(16px,env(safe-area-inset-left,0px)) calc(40px + env(safe-area-inset-bottom,0px));display:grid;justify-items:center;gap:12px;text-align:center;color:var(--muted);font-size:14px}.foot.svelte-1uha8ag img:where(.svelte-1uha8ag){width:160px;height:auto}@media(max-width:720px){.links.svelte-1uha8ag{display:none}.cta.svelte-1uha8ag{margin-left:auto;padding:9px 12px;font-size:14px}}