@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.0vig85~_2mxl3.woff2?dpl=dpl_G2hFgU9epzTpqHQwgqH1DsdmGCS4)format("woff2")}:root{--bg:#f3f5fa;--instrument-surface:#e4e3e7;--control-surface:linear-gradient(180deg, #fbfbfc 0%, #f7f7f9 7%, #f3f3f5 28%, #efeff1 100%);--text:#16161a;--text-muted:#9e9da5;--header-control-height:34px;--title-modal-width:110px;--title-modal-font-size:10px;--control-depth-shadow:inset 1px 0 2px #ffffff57, inset -1px 0 2px #ffffff38, inset 0 -2px 3px #46465a0e, 0 1px 2px #46465a47, 0 5px 12px #46465a24, 0 11px 22px #46465a0d;--key-depth-shadow:inset 1px 0 2px #ffffff57, inset -1px 0 2px #ffffff38, inset 0 -2px 3px #46465a0e, 0 5px 12px #46465a24, 0 11px 22px #46465a0d}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:0;color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.aura-page{--instrument-scale:min(1, calc((100vw - 32px) / 1286px), calc((100dvh - 32px) / 258px));--circular-control-size:calc(34px * var(--instrument-scale));--header-control-height:var(--circular-control-size);--title-modal-font-size:calc(10px * var(--instrument-scale));--instrument-rendered-width:calc(1286px * var(--instrument-scale));--instrument-rendered-height:calc(258px * var(--instrument-scale));--instrument-edge-gap:clamp(16px, 3vw, 32px);--outer-dock-alignment-offset:max(0px, calc(34px * var(--instrument-scale) - var(--header-control-height) / 2));--outer-dock-inset:max(16px, calc(50% - (var(--instrument-rendered-width) / 2) + var(--outer-dock-alignment-offset)));--outer-dock-control-gap:calc(8px * var(--instrument-scale));--microphone-title-width:calc(136px * var(--instrument-scale));--mode-title-alignment-gap:max(0px, calc(30.9006px * var(--instrument-scale) - var(--header-control-height) / 2));background:var(--bg);isolation:isolate;width:100%;height:100vh;min-height:0;position:relative;overflow:hidden}@supports (height:100dvh){.aura-page{height:100dvh}}.aura-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.instrument-zone{top:auto;bottom:var(--instrument-edge-gap);z-index:2;opacity:1;pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:center;width:1286px;height:258px;padding:0;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.instrument-cluster{--header-control-height:42.433px;--title-modal-width:137.287px;--title-modal-font-size:12.481px;background:var(--instrument-surface);contain:layout paint style;width:1286px;height:258px;transform:scale(var(--instrument-scale));transform-origin:bottom;border-radius:34px;justify-content:center;align-items:center;gap:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #89889212}.art-style-bank-frame{flex:none;width:211px;height:258px;margin-left:-8px;overflow:visible}.art-style-bank{width:263px;height:322px;box-shadow:none;transform-origin:0 0;background:0 0;border:0;border-radius:42px 46px 40px 39px/42px 47px 41px 40px;padding:16px;display:block;position:relative;overflow:hidden;transform:scale(.801242)}.art-style-header{align-items:center;height:44px;display:flex;position:relative;transform:translateY(2px)}.mode-screen.art-style-screen{width:var(--title-modal-width);flex:none;grid-template-columns:minmax(0,1fr);gap:0}.power-led.art-style-telemetry{z-index:1;width:72px;height:var(--header-control-height);background:#c1c1c87a;border:1px solid #74737d1f;border-radius:999px;flex:0 0 72px;margin-left:17px;margin-right:5px;position:relative;box-shadow:inset 0 2px 5px #5a596324,0 1px 1px #ffffffc7}.power-led.art-style-telemetry:before{transition:left .28s cubic-bezier(.34,1.3,.64,1);left:21.215px}.power-led.art-style-telemetry:after{width:13px;height:13px;transition:left .28s cubic-bezier(.34,1.3,.64,1),background .22s,box-shadow .22s;inset:50% auto auto 21.215px;transform:translate(-50%,-50%)}.power-led.art-style-telemetry.is-active:before,.power-led.art-style-telemetry.is-active:after{left:50.785px}.power-led.art-style-telemetry.is-active:after{background:radial-gradient(circle at 52% 48%,#fffde3 0 28%,#fff6df 47%,#f9dedb 74%,#eadbdf 100%);box-shadow:0 0 8px 1px #ffd0a266}.power-led.art-style-telemetry:focus-visible{outline:none}.art-style-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:231px;height:calc(100% - 59px);margin:15px auto 0;display:grid}.art-style-pad{z-index:1;background:var(--control-surface);min-width:0;min-height:0;box-shadow:var(--key-depth-shadow);cursor:pointer;opacity:1;touch-action:manipulation;border:0;padding:0;transition:none;position:relative;overflow:hidden}.art-style-pad:first-child,.art-style-pad:nth-child(2){border-radius:4px}.art-style-pad:nth-child(3){border-radius:4px 4px 14px 14px}.art-style-pad:nth-child(4){border-radius:4px 4px 30px 14px}.art-style-pad:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,#fff3,#0000 52%);position:absolute;inset:0}.art-style-pad.is-active{background:radial-gradient(circle at 49% 51%, #fffee2f5 0 38%, #fff8ddeb 57%, #ffe8d8d1 78%, #f9d3d9b8 100%), var(--control-surface);transform:translateY(2px);box-shadow:inset 1px 2px 5px #46465a14,0 1px 2px #46465a1a,inset 1px 1px 3px #ffffff94,inset -2px -2px 6px #eaa5b524,inset 0 0 18px #ffdca633}.art-style-pad.is-active:hover,.art-style-pad.is-active:focus-visible{filter:saturate(1.04)brightness(1.012)}.art-style-pad:active{transform:translateY(2px);box-shadow:inset 1px 2px 5px #46465a14,0 1px 2px #46465a1a}.art-style-pad:focus-visible{outline-offset:-4px;outline:1px solid #7e7d8666}.instrument-body-frame{flex:none;width:1083px;height:258px;overflow:visible}.instrument-body{width:1352px;height:322px;box-shadow:none;transform-origin:0 0;background:0 0;border:0;border-radius:0;padding:16px;position:relative;transform:scale(.801242)}.instrument-header{--header-rule-gap:13px;z-index:4;grid-template-columns:13px auto minmax(40px,1fr) auto;align-items:center;gap:0;height:44px;margin-left:20px;margin-right:0;display:grid;position:relative;transform:translateY(2px)}.power-led{z-index:0;cursor:pointer;isolation:isolate;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:13px;height:13px;padding:0;animation:none;position:relative}.power-led:focus-visible{outline:none}.power-led:before{z-index:0;width:var(--header-control-height);height:var(--header-control-height);content:"";background:var(--control-surface);box-shadow:var(--control-depth-shadow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.power-led:after{z-index:1;content:"";background:radial-gradient(circle at 52% 48%,#f3f3f5 0 30%,#e4e4e8 62%,#d3d3d9 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #65646e12}.power-led.reset-led:after{background:radial-gradient(circle at 52% 48%,#fffde3 0 28%,#fff6df 47%,#f9dedb 74%,#eadbdf 100%);box-shadow:0 0 8px 1px #ffd0a266}.power-led.reset-led:active:after,.aura-page.is-resetting .power-led.reset-led:after{background:radial-gradient(circle at 52% 48%,#f3f3f5 0 30%,#e4e4e8 62%,#d3d3d9 100%);box-shadow:inset 0 0 0 1px #65646e12}.mode-dial{z-index:5;width:var(--title-modal-width);margin-right:var(--header-rule-gap);margin-left:32px;position:relative}.mode-screen{width:100%;height:var(--header-control-height);font-size:var(--title-modal-font-size);background:#d9d8dc;border:.1em solid #76757e1c;border-radius:.7em;grid-template-columns:minmax(0,1fr) 1em;align-items:center;gap:.3em;padding:.3em;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #46465a1c,inset 0 -1px 1px #ffffff85,0 1px #ffffff47}.mode-screen:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000 48%,#5c5b6509);border-radius:.4em;position:absolute;inset:.3em}.mode-screen-glass{perspective:80px;background:#e7e6e98a;border-radius:.4em;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #46465a0f,inset 0 -1px #ffffff52}.mode-readout{color:#78777f;letter-spacing:0;text-transform:uppercase;transform-origin:50%;white-space:nowrap;place-items:center;height:100%;font-family:inherit;font-size:1em;font-weight:400;line-height:1;display:grid}.mode-readout.is-forward{animation:.36s cubic-bezier(.22,1,.36,1) dialRollForward}.mode-readout.is-backward{animation:.36s cubic-bezier(.22,1,.36,1) dialRollBackward}.art-style-screen .mode-readout{animation:none}.mode-stepper{z-index:2;align-content:space-between;width:1em;height:1.85em;display:grid;position:relative}.mode-step-button{appearance:none;width:1em;height:.82em;box-shadow:none;color:#8d8c94;cursor:pointer;opacity:.5;border:0;border-radius:0;place-items:center;padding:0;transition:opacity .16s,transform .12s cubic-bezier(.4,0,.2,1);display:grid;background:0 0!important}.mode-step-button:hover,.mode-step-button:focus-visible{opacity:.92;background:0 0!important}.mode-step-button:focus-visible{outline-offset:1px;outline:1px solid #7e7d8657}.mode-step-button:active{opacity:1;transform:scale(.84)}.mode-step-button .filled-triangle{opacity:1}.header-rule{background:#7e7d862e;height:1px;margin:0}.transport{margin-left:var(--header-rule-gap);align-items:center;gap:13px;display:flex}.octave-indicator{align-items:center;gap:4px;display:inline-flex}.octave-indicator-dot{background:#7e7d8638;border-radius:50%;flex:0 0 4px;width:4px;height:4px;transition:background .18s,box-shadow .18s,transform .22s cubic-bezier(.34,1.3,.64,1);box-shadow:inset 0 0 0 .5px #53525b14}.octave-indicator-dot.is-active{background:#fff2cf;transform:scale(1.2);box-shadow:inset 0 0 0 .5px #e4bc7b2e,0 0 5px #ffd79ab8}.transport-button{width:var(--header-control-height);height:var(--header-control-height);background:var(--control-surface);box-shadow:var(--control-depth-shadow);color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform 90ms cubic-bezier(.4,0,.2,1);display:grid;position:relative}.transport-button:active{transform:translateY(1px);box-shadow:0 1px 1px #46465a09,0 2px 6px #46465a0b}.transport-button:disabled,.piano-key:disabled{cursor:default}.filled-triangle{opacity:.82;width:0;height:0;display:block}.filled-triangle.is-up{border-bottom:.34em solid;border-left:.25em solid #0000;border-right:.25em solid #0000}.filled-triangle.is-down{border-top:.34em solid;border-left:.25em solid #0000;border-right:.25em solid #0000}.filled-triangle.is-left{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid;transform:translate(-1px)}.filled-triangle.is-right{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid;transform:translate(1px)}.control-icon{fill:currentColor;stroke:none;flex:none;display:block}.solid-control-icon.is-linear{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.8px}.solid-control-icon[data-solid-icon=download]{stroke-width:2.4px}.keybed{z-index:1;height:calc(100% - 59px);margin-top:15px;position:relative}.white-keys{z-index:1;grid-template-columns:repeat(14,1fr);gap:10px;height:100%;display:grid;position:relative}.piano-key{cursor:pointer;touch-action:none;border:0;transition:transform 90ms cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.piano-key:after{z-index:0;border-radius:inherit;pointer-events:none;content:"";filter:blur(9px);opacity:0;background:radial-gradient(at 50% 44%,#fff6deb8 0 18%,#ffd9a061 48%,#f3b27c00 76%);transition:opacity .1s;position:absolute;inset:-10px -8px -12px}.white-key{background:var(--control-surface);height:100%;box-shadow:var(--key-depth-shadow);border-radius:4px 4px 14px 14px}.white-key:first-child{border-bottom-left-radius:30px}.white-key:last-child{border-bottom-right-radius:14px}.upper-key-slot{--white-key-width:calc((100% - 130px) / 14);--upper-slot-width:calc(var(--white-key-width) * .84);--upper-slot-depth:14px;top:0;left:calc(var(--upper-left) - (var(--upper-slot-width) / 2));z-index:2;width:var(--upper-slot-width);background:var(--instrument-surface);pointer-events:none;border-radius:0 0 15px 15px;justify-content:center;height:69%;display:flex;position:absolute;box-shadow:inset 1px 0 2px #46465a0e,inset -1px 0 2px #46465a0e,inset 0 -3px 6px #46465a14}.upper-key{z-index:3;width:69.05%;height:calc(100% - var(--upper-slot-depth));background:var(--control-surface);box-shadow:var(--key-depth-shadow);pointer-events:auto;border-radius:3px 3px 12px 12px;flex:none;position:relative}.piano-key.is-active,.piano-key.is-detected{box-shadow:var(--key-depth-shadow), inset 0 0 14px 4px #ffdebf57, inset 0 0 32px 11px #ffcdbb26;filter:none;background:radial-gradient(at 50% 44%,#fffde7 0 24%,#fff9e5 48%,#fff0e5 78%,#ffeae7 100%);transition-duration:60ms}.piano-key.is-active{transform:translateY(2px)}.piano-key.is-active:after,.piano-key.is-detected:after{opacity:1;transition-duration:80ms}.piano-key.is-melody:after{animation:.82s ease-in-out infinite alternate microphoneMelodyBreath}.piano-key.is-microphone-beat{animation:.105s cubic-bezier(.22,.8,.36,1) both microphoneKeyBeat}.is-resetting .piano-key,.is-resetting .piano-key:after{transition:none}.export-dock{right:var(--outer-dock-inset);bottom:calc(var(--instrument-rendered-height) + var(--instrument-edge-gap) * 2);z-index:4;gap:var(--outer-dock-control-gap);opacity:0;pointer-events:none;transition:opacity .28s,transform .28s;display:flex;position:absolute;transform:translateY(5px)}.export-dock.is-ready{opacity:1;pointer-events:auto;transform:translateY(0)}.microphone-dock{bottom:calc(var(--instrument-rendered-height) + var(--instrument-edge-gap) * 2);left:var(--outer-dock-inset);z-index:4;align-items:center;gap:var(--mode-title-alignment-gap);opacity:1;transition:opacity .34s;display:flex;position:absolute}.audio-input-buttons{align-items:center;gap:var(--outer-dock-control-gap);flex:none;display:flex}.aura-page.is-interface-hidden .instrument-zone,.aura-page.is-interface-hidden .microphone-dock,.aura-page.is-interface-hidden .export-dock{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .42s,visibility 0s linear .42s}.interface-hidden-hint{right:0;bottom:max(24px, env(safe-area-inset-bottom));z-index:5;color:#403f46ad;letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 40px);margin:0 auto;font-size:10px;font-weight:500;line-height:1.4;animation:5.8s cubic-bezier(.22,1,.36,1) forwards interfaceHintDismiss;display:flex;position:absolute;left:0}.interface-hidden-hint-divider{color:#403f4652}.interface-hidden-mobile-actions{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:7;align-items:center;gap:clamp(6px, var(--outer-dock-control-gap), 8px);display:none;position:absolute}.interface-hidden-mobile-action{width:clamp(24px, var(--header-control-height), 34px);height:clamp(24px, var(--header-control-height), 34px);background:var(--control-surface);box-shadow:var(--control-depth-shadow);color:#4e4d55cc;touch-action:manipulation;border:1px solid #7e7d8614;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.interface-hidden-mobile-action .control-icon{width:clamp(11px, calc(16px * var(--compact-instrument-scale,1)), 15px);height:clamp(11px, calc(16px * var(--compact-instrument-scale,1)), 15px)}.interface-hidden-mobile-action:active{transform:translateY(1px);box-shadow:inset 0 1px 4px #46465a11,0 1px 3px #46465a0e}.interface-hidden-mobile-action:focus-visible{outline-offset:3px;outline:1px solid #7e7d865c}.presentation-shortcut-guide{right:0;bottom:max(24px, env(safe-area-inset-bottom));z-index:5;width:fit-content;height:var(--header-control-height);scrollbar-width:none;color:#78777f;letter-spacing:0;text-transform:uppercase;pointer-events:auto;background:#d9d8dc;border:1px solid #76757e1c;border-radius:7px;max-width:calc(100vw - 40px);margin:0 auto;padding:3px;font-size:9px;font-weight:400;line-height:1;animation:8s cubic-bezier(.22,1,.36,1) forwards shortcutGuideDismiss;display:grid;position:absolute;left:0;overflow:auto hidden;box-shadow:inset 0 2px 5px #46465a1c,inset 0 -1px 1px #ffffff85,0 1px #ffffff47}.presentation-shortcut-guide::-webkit-scrollbar{display:none}.presentation-shortcut-guide:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000 48%,#5c5b6509);border-radius:4px;position:absolute;inset:3px}.presentation-shortcut-guide-glass{z-index:1;background:#e7e6e98a;border-radius:4px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:7px 12px;width:max-content;min-width:100%;height:100%;min-height:0;padding:2px 8px;display:flex;position:relative;box-shadow:inset 0 1px 2px #46465a0f,inset 0 -1px #ffffff52}.aura-page:not(.is-interface-hidden) .presentation-shortcut-guide{right:calc(var(--outer-dock-inset) + var(--header-control-height) * 3 + var(--outer-dock-control-gap) * 2 + 12px);bottom:calc(var(--instrument-rendered-height) + var(--instrument-edge-gap) * 2);left:calc(var(--outer-dock-inset) + var(--header-control-height) * 3 + var(--outer-dock-control-gap) * 2 + var(--mode-title-alignment-gap) + var(--microphone-title-width) + 12px);height:var(--header-control-height);max-width:none;min-height:0}.presentation-shortcut-guide-glass>span{white-space:nowrap;flex:none;align-items:center;gap:5px;display:inline-flex}.presentation-shortcut-guide kbd{color:#4a4952;letter-spacing:0;text-align:center;text-transform:none;background:linear-gradient(#fff 0%,#f4f4f7 100%);border:1px solid #5b5a643d;border-radius:4px;min-width:18px;padding:2px 5px;font:700 9px/1.25 Inter,sans-serif;box-shadow:inset 0 1px #fffffff2,inset 0 -1px 1px #46465a1a,0 1px 2px #46465a47}.microphone-mode-dial{width:var(--microphone-title-width);margin:0}.microphone-dock .control-icon,.export-dock .control-icon{width:calc(15px * var(--instrument-scale));height:calc(15px * var(--instrument-scale))}.export-button,.preview-control{width:var(--header-control-height);height:var(--header-control-height);background:var(--control-surface);box-shadow:var(--control-depth-shadow);color:#62616ab8;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s,opacity .16s,transform 90ms cubic-bezier(.4,0,.2,1);display:grid;position:relative}.export-button:hover,.export-button:focus-visible,.preview-control:hover,.preview-control:focus-visible{color:#403f46e0;transform:translateY(-1px)}.export-button:active,.preview-control:active{transform:translateY(1px);box-shadow:0 1px 1px #46465a09,0 2px 6px #46465a0b}.export-button:focus-visible,.preview-control:focus-visible{outline-offset:3px;outline:1px solid #7e7d865c}.export-button:disabled,.preview-control:disabled{cursor:default;opacity:.46;transform:none}.export-button.is-exporting .control-icon{animation:.76s ease-in-out infinite alternate exportPulse}.microphone-button{--mic-level:0;isolation:isolate}.microphone-button:after{z-index:0;content:"";opacity:calc(.08 + var(--mic-level) * .72);pointer-events:none;transform:scale(calc(.76 + var(--mic-level) * .24));background:#ffd4e62e;border:1px solid #ef74aa6b;border-radius:50%;transition:opacity 90ms linear,transform 90ms linear;position:absolute;inset:4px}.microphone-button .control-icon{z-index:1;position:relative}.microphone-button.is-listening{color:#b13a7ad1}.microphone-button.is-requesting .control-icon{animation:.76s ease-in-out infinite alternate exportPulse}.microphone-button.is-requesting:after{animation:.9s cubic-bezier(.4,0,.2,1) infinite microphoneRequest}.microphone-button.is-listening .control-icon{animation:.48s cubic-bezier(.22,1,.36,1) both microphoneConnected}.microphone-button.is-error{color:#9c5467c2}.microphone-button.is-error .control-icon{animation:.36s cubic-bezier(.4,0,.2,1) both controlNudge}.system-audio-button:after{background:#d7d3ff2e;border-color:#7e70de5c}.system-audio-button.is-listening{color:#5e4eb8d1}.external-input-button.is-listening{color:#308980d6}.microphone-permission-backdrop{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);will-change:opacity;background:#f5f5f78f;place-items:center;padding:24px;animation:.28s ease-out both overlayReveal;display:grid;position:absolute;inset:0}.microphone-permission-backdrop.is-closing{pointer-events:none;animation:.24s ease-in both overlayDismiss}.microphone-permission{background:var(--instrument-surface);transform-origin:18% 100%;will-change:opacity, transform;border:1px solid #7e7d8613;border-radius:30px;width:min(380px,100vw - 48px);padding:14px;animation:.42s cubic-bezier(.16,1,.3,1) both permissionReveal;overflow:hidden;box-shadow:0 18px 48px #46465a1a,inset 0 1px #fff6,inset 0 -1px #46465a06}.microphone-permission-backdrop.is-closing .microphone-permission{animation:.24s cubic-bezier(.4,0,1,1) both panelDismiss}.microphone-permission-header{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:14px;height:50px;margin-bottom:14px;padding:0 2px 0 12px;display:grid}.microphone-permission-header h2{color:#85848c;letter-spacing:0;text-transform:uppercase;margin:0;font-family:inherit;font-size:10px;font-weight:400;animation:.36s cubic-bezier(.22,1,.36,1) 70ms both overlayDetailReveal}.microphone-permission-screen{text-align:center;background:#f7f7f9f0;border:1px solid #7e7d8611;border-radius:20px;place-items:center;min-height:152px;padding:26px 28px;display:grid;overflow:hidden;box-shadow:inset 0 2px 7px #46465a13,inset 0 -1px #ffffff94,0 1px #fff3}.microphone-permission-content{justify-items:center;gap:16px;animation:.44s cubic-bezier(.22,1,.36,1) 90ms both overlayContentReveal;display:grid}.microphone-permission-icon{background:var(--control-surface);width:42px;height:42px;box-shadow:var(--control-depth-shadow);color:#b13a7ab8;border-radius:50%;place-items:center;display:grid}.microphone-permission-icon.is-system-audio{color:#5e4eb8d1}.microphone-permission-icon.is-external-input{color:#308980d6}.microphone-permission.is-granting .microphone-permission-icon{animation:.42s cubic-bezier(.22,1,.36,1) both permissionConfirmed}.microphone-permission-copy{text-align:center;gap:9px;width:min(100%,310px);display:grid}.microphone-permission-copy section{margin:0}.microphone-permission-copy p{color:#62616ac7;text-wrap:balance;margin:0;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5}.microphone-permission-action{background:var(--control-surface);width:100%;height:44px;box-shadow:var(--control-depth-shadow);color:#4e4d55d1;cursor:pointer;border:0;border-radius:14px;margin-top:12px;font-family:inherit;font-size:12px;font-weight:400;transition:color .16s,transform 90ms cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) .14s both overlayContentReveal}.microphone-permission-action:hover,.microphone-permission-action:focus-visible{color:#302f36eb}.microphone-permission-action:active{transform:translateY(1px);box-shadow:0 1px 1px #46465a09,0 2px 6px #46465a0b}.microphone-permission-action.is-confirming{color:#b13a7ad1;transform:translateY(1px)scale(.985);box-shadow:inset 0 1px 4px #46465a11,0 1px 3px #46465a0e}.microphone-permission.is-system-audio .microphone-permission-action.is-confirming{color:#5e4eb8db}.microphone-permission.is-external-input .microphone-permission-action.is-confirming{color:#308980e0}.microphone-permission-action:focus-visible{outline-offset:3px;outline:1px solid #7e7d865c}.export-preview-backdrop{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);will-change:opacity;background:#f5f5f794;place-items:center;padding:24px;animation:.3s ease-out both overlayReveal;display:grid;position:absolute;inset:0}.export-preview-backdrop.is-closing{pointer-events:none;animation:.24s ease-in both overlayDismiss}.export-preview{background:var(--instrument-surface);transform-origin:92% 100%;will-change:opacity, transform;border:1px solid #7e7d8613;border-radius:32px;width:min(900px,100vw - 48px);max-height:calc(100dvh - 48px);padding:14px;animation:.46s cubic-bezier(.16,1,.3,1) both previewReveal;overflow:hidden;box-shadow:0 20px 54px #46465a1b,inset 0 1px #fff6,inset 0 -1px #46465a06}.export-preview-backdrop.is-closing .export-preview{animation:.24s cubic-bezier(.4,0,1,1) both panelDismiss}.export-preview-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;height:52px;margin-bottom:14px;padding:0 2px 0 12px;display:grid}.export-preview-label{color:#85848c;letter-spacing:0;text-transform:uppercase;font-family:inherit;font-size:10px;font-weight:400;animation:.38s cubic-bezier(.22,1,.36,1) 80ms both overlayDetailReveal}.export-preview-actions{align-items:center;gap:12px;display:flex}.export-preview-actions .preview-control{animation:.4s cubic-bezier(.16,1,.3,1) .1s both overlayControlReveal}.export-preview-actions .preview-control+.preview-control{animation-delay:.145s}.dialog-close{flex:none;margin:0;padding:0}.dialog-close .control-icon{width:15px;height:15px;margin:0;transition:transform .18s cubic-bezier(.22,1,.36,1)}.dialog-close:hover .control-icon,.dialog-close:focus-visible .control-icon{transform:rotate(5deg)scale(1.06)}.export-preview-screen{background:#f7f7f9f0;border:1px solid #7e7d8611;border-radius:22px;place-items:center;min-height:180px;max-height:calc(100dvh - 142px);margin:0;animation:.48s cubic-bezier(.16,1,.3,1) 85ms both previewScreenReveal;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 7px #46465a13,inset 0 -1px #ffffff94,0 1px #fff3}.export-preview-screen canvas{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 144px);transition:opacity .22s,transform .36s cubic-bezier(.22,1,.36,1);display:block}.export-preview.is-processing .export-preview-screen canvas{opacity:.58;transform:scale(.992)}.export-feedback{z-index:2;color:#52515ac7;background:#f7f7f980;align-content:center;justify-items:center;gap:12px;animation:.26s ease-out both exportFeedbackReveal;display:grid;position:absolute;inset:0}.export-feedback-icon{background:var(--control-surface);width:42px;height:42px;box-shadow:var(--control-depth-shadow);color:#62616ac7;border-radius:50%;place-items:center;display:grid}.export-feedback.is-preparing .export-feedback-icon{animation:.76s ease-in-out infinite alternate exportPreparing}.export-feedback.is-complete .export-feedback-icon{color:#b13a7ac2;animation:.46s cubic-bezier(.16,1,.3,1) both exportComplete}.export-feedback.is-error .export-feedback-icon{color:#9c5467c2;animation:.36s cubic-bezier(.4,0,.2,1) both controlNudge}.export-feedback-label{letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:400}.preview-control.is-exporting .control-icon{animation:.76s ease-in-out infinite alternate exportPulse}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes ledPulse{0%{opacity:.85}to{opacity:1}}@keyframes dialRollForward{0%{opacity:0}to{opacity:1}}@keyframes dialRollBackward{0%{opacity:0}to{opacity:1}}@keyframes overlayReveal{0%{opacity:0}}@keyframes overlayDismiss{to{opacity:0}}@keyframes interfaceHintDismiss{0%{opacity:0;transform:translateY(5px)}10%,34%{opacity:.72;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes shortcutGuideDismiss{0%{opacity:0;transform:translateY(8px)}8%,56%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes permissionReveal{0%{opacity:0;transform:translateY(18px)scale(.955)}}@keyframes previewReveal{0%{opacity:0;transform:translateY(22px)scale(.965)}}@keyframes panelDismiss{to{opacity:0;transform:translateY(8px)scale(.982)}}@keyframes overlayDetailReveal{0%{opacity:0;transform:translateY(4px)}}@keyframes overlayContentReveal{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes overlayControlReveal{0%{opacity:0;transform:translateY(8px)scale(.82)}}@keyframes previewScreenReveal{0%{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes exportFeedbackReveal{0%{opacity:0}}@keyframes exportPreparing{0%{opacity:.72;transform:translateY(1px)scale(.96)}to{opacity:1;transform:translateY(-1px)scale(1.02)}}@keyframes exportComplete{0%{opacity:0;transform:scale(.7)}58%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes microphoneRequest{0%,to{opacity:.16;transform:scale(.76)}50%{opacity:.66;transform:scale(1)}}@keyframes microphoneConnected{0%{opacity:.45;transform:scale(.72)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes permissionConfirmed{0%{transform:scale(1)}48%{color:#b13a7ae6;transform:scale(.9)}to{transform:scale(1.04)}}@keyframes controlNudge{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes exportPulse{0%{opacity:.34}to{opacity:1}}@keyframes microphoneKeyBeat{0%,to{filter:brightness();transform:translateY(0)}48%{filter:brightness(1.025);transform:translateY(3px)}}@keyframes microphoneMelodyBreath{0%{opacity:.7}to{opacity:1}}@media (max-width:620px){.export-button,.preview-control{width:32px;height:32px}}@media (max-width:420px){.microphone-permission-backdrop,.export-preview-backdrop{padding:12px}.microphone-permission,.export-preview{border-radius:26px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.microphone-permission-header,.export-preview-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-left:10px}.microphone-permission-screen{border-radius:18px;padding:24px 20px}.export-preview-screen{border-radius:18px}}@media (max-width:1100px){.aura-page{--compact-instrument-scale:min(1, calc((100vw - 12px) / 754px), calc((100dvh - 16px) / 326px));--instrument-scale:var(--compact-instrument-scale);--instrument-rendered-width:calc(754px * var(--compact-instrument-scale));--instrument-rendered-height:calc(258px * var(--compact-instrument-scale));--instrument-edge-gap:max(8px, env(safe-area-inset-bottom));--header-control-height:calc(34px * var(--compact-instrument-scale));--title-modal-font-size:calc(10px * var(--compact-instrument-scale));--outer-dock-alignment-offset:0px;--outer-dock-inset:max(8px, env(safe-area-inset-left), calc(50% - var(--instrument-rendered-width) / 2));--outer-dock-control-gap:calc(8px * var(--compact-instrument-scale));--microphone-title-width:calc(136px * var(--compact-instrument-scale));--mode-title-alignment-gap:calc(13.9px * var(--compact-instrument-scale))}.instrument-zone{bottom:var(--instrument-edge-gap);width:var(--instrument-rendered-width);height:var(--instrument-rendered-height);display:block}.instrument-cluster{--header-control-height:42.433px;--title-modal-width:137.287px;--title-modal-font-size:12.481px;width:754px;height:258px;transform:scale(var(--compact-instrument-scale));transform-origin:0 100%;border-radius:34px;position:absolute;bottom:0;left:0}.instrument-body-frame{flex:0 0 550px;width:550px;min-width:550px;height:258px}.instrument-body{transform-origin:0 0;width:687px;height:322px;padding:16px;transform:scale(.801242)}.instrument-header{--header-rule-gap:13px;grid-template-columns:13px auto minmax(40px,1fr) auto;height:44px;margin-left:20px;transform:translateY(2px)}.mode-dial{width:var(--title-modal-width);margin-right:var(--header-rule-gap);margin-left:32px}.microphone-mode-dial{width:var(--microphone-title-width);margin:0}.mode-readout{font-size:var(--title-modal-font-size)}.transport{gap:13px}.octave-indicator{display:none}.filled-triangle.is-left{border-top-width:5px;border-bottom-width:5px;border-right-width:7px}.filled-triangle.is-right{border-top-width:5px;border-bottom-width:5px;border-left-width:7px}.keybed{--mobile-key-gap:10px;height:calc(100% - 59px);margin-top:15px}.white-keys{gap:var(--mobile-key-gap);grid-template-columns:repeat(7,minmax(0,1fr))}.white-keys>.piano-key[data-hand=right],.upper-key-slot[data-hand=right]{display:none}.white-key[data-hand=left]:nth-child(7){border-bottom-right-radius:14px}.upper-key-slot{--white-key-width:calc((100% - var(--mobile-key-gap,4px) * 6) / 7);--upper-slot-width:calc(var(--white-key-width) * .84);--upper-slot-depth:14px;left:calc(var(--mobile-upper-left) - (var(--upper-slot-width) / 2));border-radius:0 0 15px 15px}.upper-key{border-radius:3px 3px 12px 12px}.art-style-bank-frame{width:211px;height:258px;margin-left:-8px}.art-style-bank{transform-origin:0 0;width:263px;height:322px;padding:16px;transform:scale(.801242)}.art-style-header{gap:0;height:44px;display:flex;transform:translateY(2px)}.mode-screen.art-style-screen{width:var(--title-modal-width);min-width:var(--title-modal-width)}.art-style-screen .mode-readout{font-size:var(--title-modal-font-size)}.power-led.art-style-telemetry{width:72px;height:var(--header-control-height);background:#c1c1c87a;border-radius:999px;flex:0 0 72px;margin-left:17px;margin-right:5px;box-shadow:inset 0 2px 5px #5a596324,0 1px 1px #ffffffc7}.power-led.art-style-telemetry:after{width:13px;height:13px}.art-style-grid{gap:12px;width:231px;height:calc(100% - 59px);margin-top:15px}.microphone-dock,.export-dock{bottom:calc(var(--instrument-rendered-height) + var(--instrument-edge-gap) * 2)}.export-button,.preview-control{width:var(--header-control-height);height:var(--header-control-height)}.microphone-dock .control-icon,.export-dock .control-icon{width:calc(16px * var(--compact-instrument-scale));height:calc(16px * var(--compact-instrument-scale))}.microphone-mode-dial .mode-screen{height:var(--header-control-height)}.interface-hidden-hint{display:none}.interface-hidden-mobile-actions{display:flex}.presentation-shortcut-guide{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.power-led,.presentation-shortcut-guide{animation:none}}