@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
*,:before,:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,p{text-decoration:none}
:root{--color_primary:#ff8709;--color_secondary:#cb3535;--color_tertiary:#fec5fb;--color_accent:#0ae448;--color_dark:#0e100f;--color_light:#fffce1;--color_dark_rgb:14,16,15;--color_light_rgb:255,252,225;--color_light-opacity:rgba(var(--color_light_rgb),.35);--color_text:var(--color_light);--color_gradient-pink-green:linear-gradient(308.3deg,var(--color_accent)0%,var(--color_tertiary)100%);--gradient_1:linear-gradient(324.7deg,var(--color_tertiary)0%,var(--color_primary)100%);--gradient_2:linear-gradient(235.5deg,var(--color_tertiary)0%,var(--color_accent)100%);--gradient_3:linear-gradient(308.3deg,var(--color_tertiary)0%,var(--color_dark)100%);--gradient_4:linear-gradient(275.3deg,var(--color_tertiary)0%,var(--color_light)100%);--gradient_5:linear-gradient(0deg,var(--color_primary)0%,var(--color_light)100%);--gradient_6:linear-gradient(180deg,var(--color_light)0%,var(--color_primary)100%);--gradient_dark:linear-gradient(180deg,rgba(var(--color_dark_rgb),.92)0%,rgba(var(--color_dark_rgb),.6)33%,rgba(var(--color_dark_rgb),0)100%);--gradient_light:linear-gradient(180deg,rgba(var(--color-light-rgb-base),.92)0%,rgba(var(--color_light_rgb),.6)33%,rgba(var(--color_light_rgb),0)100%);--header-gradient:var(--gradient_dark);--surface-gradient:var(--gradient_dark);--gap_sm:1rem;--gap_md:2rem;--gap_lg:4rem;--gap_xl:6rem;--gap_xxl:8rem;--spacing_8:.5rem;--spacing_16:1rem;--spacing_32:2rem;--spacing_64:4rem;--menu_bar_height:88px;--font:"Inter",sans-serif;--font_alt:"PP Neue Montreal",sans-serif;--font_grotesk:"Neue Haas Grotesk Display Pro",sans-serif;--p_sm_size:clamp(.93rem,calc(.94rem + -.04vw),.91rem);--p_sm_letter:.03em;--p_sm_line:1.6;--p_sm_weight:300;--p_body_size:clamp(1rem,calc(1rem + 0vw),1rem);--p_body_letter:.06em;--p_body_line:1.5;--p_body_weight:100;--h6_size:clamp(1.16rem,calc(1.14rem + .1vw),1.22rem);--h6_letter:.03em;--h6_line:1.5;--h6_weight:500;--h5_size:clamp(1.25rem,calc(1.22rem + .17vw),1.34rem);--h5_letter:.025em;--h5_line:1.5;--h5_weight:500;--h4_size:clamp(1.35rem,calc(1.3rem + .24vw),1.48rem);--h4_letter:.025em;--h4_line:1.5;--h4_weight:600;--h3_size:clamp(1.56rem,calc(1.48rem + .43vw),1.8rem);--h3_letter:.02em;--h3_line:1.5;--h3_weight:600;--h2_size:clamp(1.81rem,calc(1.68rem + .69vw),2.19rem);--h2_letter:.02em;--h2_line:1.5;--h2_weight:600;--h1_size:clamp(2.44rem,calc(2.15rem + 1.46vw),3.25rem);--h1_letter:.015em;--h1_line:1.5;--h1_weight:700;--display_sm_size:clamp(2.4rem,calc(2.1rem + 1.6vw),3.45rem);--display_sm_letter:0em;--display_sm_line:1.2;--display_sm_weight:500;--display_md_size:clamp(2.84rem,calc(2.43rem + 2.03vw),3.95rem);--display_md_letter:.01em;--display_md_line:1.4;--display_md_weight:500;--display_lg_size:clamp(3.29rem,calc(2.74rem + 2.76vw),4.81rem);--display_lg_letter:.008em;--display_lg_line:1.2;--display_lg_weight:500;--display_xl_size:clamp(5rem,calc(5rem + 8vw),100rem);--display_xl_letter:.005em;--display_xl_line:1;--display_xl_weight:900}
h1,h2,h3,h4,h5,h6,p,.display_sm,.display_lg,.display_md,.display_xl{box-sizing:border-box;font-family:var(--font_alt);font-family:var(--font_grotesk);margin:0;padding:0}.display_xl{font-size:var(--display_xl_size);font-weight:var(--display_xl_weight);letter-spacing:var(--display_xl_letter);line-height:var(--display_xl_line)}.display_lg{font-size:var(--display_lg_size);font-weight:var(--display_lg_weight);letter-spacing:var(--display_lg_letter);line-height:var(--display_lg_line)}.display_md{font-size:var(--display_md_size);font-weight:var(--display_md_weight);letter-spacing:var(--display_md_letter);line-height:var(--display_md_line)}.display_sm{font-size:var(--display_sm_size);letter-spacing:var(--display_sm_letter);line-height:var(--display_sm_line);font-weight:var(--display_sm_weight)}h1{font-size:var(--h1_size);font-weight:var(--h1_weight);letter-spacing:var(--h1_letter);line-height:var(--h1_line)}h2{font-size:var(--h2_size);font-weight:var(--h2_weight);letter-spacing:var(--h2_letter);line-height:var(--h2_line)}h3{font-size:var(--h3_size);font-weight:var(--h3_weight);letter-spacing:var(--h3_letter);line-height:var(--h3_line)}h4{font-size:var(--h4_size);font-weight:var(--h4_weight);letter-spacing:var(--h4_letter);line-height:var(--h4_line)}h5{font-size:var(--h5_size);font-weight:var(--h5_weight);letter-spacing:var(--h5_letter);line-height:var(--h5_line)}h6{font-size:var(--h6_size);font-weight:var(--h6_weight);letter-spacing:var(--h6_letter);line-height:var(--h6_line)}p{font-size:var(--p_body_size);font-weight:var(--p_body_weight);letter-spacing:var(--p_body_letter);line-height:var(--p_body_line)}
@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Black.53e9e8e0.woff2)format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-BlackItalic.c1268e8c.woff2)format("woff2");font-weight:900;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Bold.18fcfc4b.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-BoldItalic.9949e36f.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Mediu.3ed007cc.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-MediumItalic.4987ee18.woff2)format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Roman.84fd3be9.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-RomanItalic.900dbe31.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Light.56583117.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-LightItalic.07c82afa.woff2)format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-Thin.ef43105d.woff2)format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-ThinItalic.0ecab368.woff2)format("woff2");font-weight:200;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-XThin.1f4289a8.woff2)format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-XThinItalic.d971c3ac.woff2)format("woff2");font-weight:100;font-style:italic}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-XXThin.8303597b.woff2)format("woff2");font-weight:50;font-style:normal}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../media/NeueHaasDisplay-XXThinItalic.5a857c77.woff2)format("woff2");font-weight:50;font-style:italic}html{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{width:100%;min-height:100%;font-family:var(--font);background:var(--color_dark);color:var(--color_light);z-index:-100;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;margin:0;padding:0;overflow-x:hidden}#__next{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}main{width:auto;margin:0 calc(var(--spacing_64)*2);margin-top:var(--menu_bar_height);color:var(--color_light);padding:0;position:relative}@media (max-width:1200px){main{margin:0 var(--spacing_16);margin-top:var(--menu_bar_height)}}section{width:100%;min-height:calc(100vh - var(--menu_bar_height));padding:0 var(--spacing_32)2rem;padding-top:calc(var(--spacing_32) + 4.5rem);height:auto;font-family:var(--font_grotesk);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;display:flex}.app_header,.app_header_blur{width:min(calc(100% - var(--spacing_32)*2),1000px);box-sizing:border-box;border-radius:0 0 .5rem .5rem;margin-inline:auto;position:fixed;top:0;left:0;right:0}.app_header_blur{z-index:11;background:rgba(var(--color_dark_rgb),.01);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;height:4.75rem;transition:transform .18s}.app_header{z-index:12;min-height:4.75rem;padding:.55rem var(--spacing_16).65rem;justify-content:space-between;align-items:center;gap:var(--spacing_16);pointer-events:none;background:0 0;transition:transform .18s;display:flex}.header_identity{z-index:1;isolation:isolate;flex-direction:row;justify-content:center;align-items:flex-start;gap:0;min-width:0;display:flex;position:relative}.header_waveform_slot{z-index:3;pointer-events:none;width:17rem;height:2.5rem;position:absolute;top:50%;left:calc(4px - .2rem);overflow:hidden;transform:translateY(-50%)}.header_waveform_slot .header_waveform{z-index:3;width:100%;height:100%;display:block;position:relative}.header_identity h1{z-index:1}.app_header--hidden,.app_header_blur--hidden{transform:translateY(-110%)}.app_header h1{z-index:2;color:var(--color_light);opacity:1;visibility:visible;margin:0;transition:color .18s,opacity .18s,transform .18s,visibility .18s;position:relative;transform:translateY(0)}.app_header--compact h1{color:var(--color_accent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.4rem)}.app_header--has-status h1{color:var(--color_accent)}.header_status{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.header_status_text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header_status_text:empty{display:none}.header_waveform{flex:none;width:5.75rem;height:1.65rem;display:none}.responsive_header_toggle{display:none}.project_controls{z-index:1;align-items:center;gap:var(--spacing_8);pointer-events:auto;display:flex;position:relative}.project_button{border:1px solid var(--color_primary);background:rgba(var(--color_dark_rgb),.01);width:2.5rem;height:2.5rem;color:var(--color_primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.project_button:hover,.project_button:focus-visible{background:var(--color_primary);color:var(--color_dark)}.project_button svg{fill:currentColor;width:1.1rem;height:1.1rem}.midi_sync_button--enabled{border-color:var(--color_accent);color:var(--color_accent)}.midi_sync_button--clock{border-color:var(--color_primary)}.midi_sync_button--pulse{background:var(--color_accent);border-color:var(--color_accent);color:var(--color_dark);box-shadow:0 0 0 .2rem rgba(var(--color_light_rgb),.12)}.midi_sync_button--pulse svg{transform:scale(1.08)}.project_file_input,.mobile_orientation_notice{display:none}.project_dialog_overlay{z-index:20;padding:var(--spacing_32);background:rgba(var(--color_dark_rgb),.78);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project_dialog{border:1px solid var(--color_light);background:var(--color_dark);width:min(520px,100%);color:var(--color_light);border-radius:.5rem;overflow:hidden;box-shadow:0 24px 80px #00000073}.project_dialog--wide{width:min(720px,100%)}.project_dialog_header{justify-content:space-between;align-items:flex-start;gap:var(--spacing_16);padding:var(--spacing_32);border-bottom:1px solid rgba(var(--color_light_rgb),.18);display:flex}.project_dialog_header h2{color:var(--color_light);font-family:var(--font_grotesk);margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.1}.project_dialog_body{padding:var(--spacing_32)}.project_dialog_format{gap:var(--spacing_8);margin-bottom:var(--spacing_16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project_dialog_format_button{border:1px solid rgba(var(--color_light_rgb),.35);background:rgba(var(--color_light_rgb),.06);min-height:2.5rem;color:var(--color_light);font-family:var(--font_grotesk);cursor:pointer;border-radius:.5rem;font-weight:700}.project_dialog_format_button--active{border-color:var(--color_primary);background:var(--color_primary);color:var(--color_dark)}.project_dialog_format_button:hover,.project_dialog_format_button:focus-visible{border-color:var(--color_light)}.project_dialog_label{color:var(--color_primary);font-family:var(--font_grotesk);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.project_dialog_input{border:1px solid rgba(var(--color_light_rgb),.38);background:rgba(var(--color_light_rgb),.06);width:100%;min-height:2.75rem;color:var(--color_light);font-family:var(--font);border-radius:.5rem;padding:.75rem .85rem;font-size:.95rem;line-height:1.3}.project_dialog_input:focus{outline:2px solid var(--color_primary);outline-offset:2px}.project_dialog_hint,.project_dialog_status{color:rgba(var(--color_light_rgb),.78);font-family:var(--font);margin:.85rem 0 0;font-size:.88rem;line-height:1.45}.project_dialog_status{color:var(--color_accent)}.project_dialog_actions{justify-content:flex-end;gap:var(--spacing_8);margin-top:var(--spacing_16);flex-wrap:wrap;display:flex}.project_dialog_primary,.project_dialog_secondary{min-height:2.5rem;font-family:var(--font_grotesk);cursor:pointer;border-radius:.5rem;padding:0 1rem;font-weight:700}.project_dialog_primary{border:1px solid var(--color_primary);background:var(--color_primary);color:var(--color_dark)}.project_dialog_secondary{border:1px solid rgba(var(--color_light_rgb),.5);color:var(--color_light);background:0 0}.project_dialog_primary:hover,.project_dialog_primary:focus-visible{background:var(--color_light);border-color:var(--color_light)}.project_dialog_secondary:hover,.project_dialog_secondary:focus-visible{background:var(--color_light);color:var(--color_dark)}.manual_overlay{z-index:20;padding:var(--spacing_32);background:rgba(var(--color_dark_rgb),.78);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.manual_dialog{width:min(920px,100%);max-height:min(820px,calc(100vh - var(--spacing_64)));border:1px solid var(--color_light);background:var(--color_dark);color:var(--color_light);border-radius:.5rem;overflow:hidden;box-shadow:0 24px 80px #00000073}.manual_header{justify-content:space-between;align-items:flex-start;gap:var(--spacing_16);padding:var(--spacing_32);border-bottom:1px solid rgba(var(--color_light_rgb),.18);display:flex}.manual_eyebrow{color:var(--color_primary);font-family:var(--font_grotesk);text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:700}.manual_header h2{color:var(--color_light);font-family:var(--font_grotesk);margin:0;font-size:clamp(1.5rem,2vw,2.25rem);line-height:1.1}.manual_close{border:1px solid var(--color_light);width:2.5rem;height:2.5rem;color:var(--color_light);cursor:pointer;background:0 0;border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.manual_close:hover,.manual_close:focus-visible{background:var(--color_light);color:var(--color_dark)}.manual_close svg{fill:currentColor;width:1rem;height:1rem}.manual_content{max-height:calc(min(820px,100vh - var(--spacing_64)) - 7.5rem);gap:var(--spacing_16);padding:var(--spacing_32);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-y:auto}.manual_section{border:1px solid rgba(var(--color_light_rgb),.18);padding:var(--spacing_16);background:rgba(var(--color_light_rgb),.04);border-radius:.5rem}.manual_section h3{color:var(--color_primary);font-family:var(--font_grotesk);margin:0 0 .75rem;font-size:1rem;line-height:1.2}.manual_section ul{margin:0;padding-left:1rem}.manual_section li{color:var(--color_light);font-family:var(--font);font-size:.92rem;line-height:1.45}.manual_section li+li{margin-top:.45rem}@media (max-width:720px){.project_dialog_overlay,.project_dialog_header,.project_dialog_body{padding:var(--spacing_16)}.project_dialog_actions{justify-content:stretch}.project_dialog_primary,.project_dialog_secondary{flex:100%}.manual_overlay{padding:var(--spacing_16)}.manual_dialog{max-height:calc(100vh - var(--spacing_32))}.manual_header,.manual_content{padding:var(--spacing_16)}.manual_content{grid-template-columns:1fr;max-height:calc(100vh - 9rem)}}.keyboard_container{width:100%;margin-inline:auto;margin-bottom:var(--spacing_32);margin-top:var(--spacing_32);flex-direction:column;justify-content:center;align-items:center;display:flex}#keyboard,#note_seq,#drum_seq,#mixer,#reverb,#delay{width:100%;max-width:1000px;margin-inline:auto;margin-top:var(--spacing_16)}.waveform_overlay_container{pointer-events:none;z-index:2;position:absolute}.waveform_overlay__bubble{z-index:0;filter:drop-shadow(0 10px 15px #0e100f6b);width:100%;height:100%;display:block;position:absolute;inset:0}.waveform_overlay__bubble path{fill:var(--color_light)}.waveform_overlay__canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.waveform_overlay__tooltip{pointer-events:none;color:var(--color_primary);letter-spacing:.02em;text-align:center;z-index:2;white-space:pre-line;border-radius:999px;justify-content:center;align-items:center;padding:18% 14% 26% 10%;font-size:1rem;line-height:1.2;display:flex;position:absolute;inset:0}.waveform_overlay__tooltip--intro{letter-spacing:.04em;color:var(--color_accent);font-size:1.5rem;font-weight:700;animation:1.2s ease-in-out infinite playme-shake}.loop_controls{letter-spacing:.06em;align-items:center;gap:.75rem;font-size:.85rem;display:flex;position:absolute;bottom:-48px;right:12%}.loop_button{background:var(--color_primary);color:#fff;cursor:pointer;font-family:var(--font_grotesk);text-transform:uppercase;border:none;border-radius:999px;padding:.35rem .9rem;font-size:.75rem}.loop_button.secondary{color:var(--color_primary);background:0 0;border:1px solid}.loop_notes{font-family:var(--font_grotesk);letter-spacing:.08em;color:var(--color_secondary);font-size:.7rem}@media (orientation:landscape) and (max-width:940px){:root{--menu_bar_height:48px}main{width:100%;margin:0;margin-top:var(--menu_bar_height)}section{min-height:calc(100svh - var(--menu_bar_height));gap:.75rem;padding:3.25rem .5rem 1rem}.app_header,.app_header_blur{width:100%}.app_header_blur{background:linear-gradient(180deg,rgba(var(--color_dark_rgb),.78)0%,rgba(var(--color_dark_rgb),.42)50%,rgba(var(--color_dark_rgb),.12)100%);height:3.25rem}.app_header{min-height:3.25rem;padding:0 3rem}.header_identity{gap:0}.header_waveform_slot{display:none}.app_header--compact .header_identity{flex-direction:row;align-items:center;gap:.5rem;max-width:min(50vw,21rem)}.app_header--compact .header_waveform_slot{flex:none;width:5.75rem;height:1.65rem;display:block;position:static;transform:none}.app_header h1{font-size:1.15rem;line-height:1}.app_header--compact.app_header--has-status h1{opacity:1;visibility:visible;max-width:100%;color:var(--color_accent);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:400;line-height:1.05;overflow:hidden;transform:translateY(0)}.app_header--compact.app_header--has-status .header_status{max-width:100%}.waveform_overlay_container{display:none}.responsive_header_toggle{z-index:13;border:1px solid var(--color_light);width:2rem;height:2rem;color:var(--color_light);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;top:.7rem;right:.65rem;transform:none}.responsive_header_toggle svg{fill:currentColor;width:1.25rem;height:1.25rem}.responsive_header_toggle_icon{transform-box:fill-box;transform-origin:50%;transition:opacity .18s,transform .18s;position:absolute;inset:50% auto auto 50%}.responsive_header_toggle_icon--chevron{opacity:0;transform:translate(-50%,-50%)rotate(-90deg)scale(.65)}.responsive_header_toggle_icon--close{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.responsive_header_toggle--hidden{border-radius:50%;top:.7rem;right:.65rem;transform:none}.responsive_header_toggle--hidden .responsive_header_toggle_icon--chevron{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.responsive_header_toggle--hidden .responsive_header_toggle_icon--close{opacity:0;transform:translate(-50%,-50%)rotate(90deg)scale(.65)}.project_controls{gap:.35rem}.project_button{border-radius:.4rem;width:2.125rem;height:2.125rem}.project_button svg{width:1rem;height:1rem}.keyboard_container{margin-top:0;margin-bottom:.75rem}#keyboard,#note_seq,#drum_seq,#mixer,#reverb,#delay{max-width:none;margin-top:.5rem;display:block}.waveform_overlay__tooltip{padding:18% 14% 26% 10%;font-size:.82rem}.waveform_overlay__tooltip--intro{font-size:1.1rem}.project_dialog_overlay,.manual_overlay{align-items:flex-start;padding:.5rem;overflow-y:auto}.project_dialog,.manual_dialog{width:min(100%,760px);max-height:calc(100svh - 1rem)}.project_dialog_header,.project_dialog_body,.manual_header,.manual_content{padding:.75rem}.manual_content{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:calc(100svh - 5.5rem)}.manual_section{padding:.75rem}.manual_section li{font-size:.82rem;line-height:1.32}}@media (orientation:landscape) and (max-height:430px){section{gap:.5rem;padding-left:.375rem;padding-right:.375rem}#keyboard,#note_seq,#drum_seq,#mixer,#reverb,#delay{margin-top:.35rem}}@media (orientation:portrait) and (max-width:940px){body{overflow:hidden}.app_header,.app_header_blur,main{visibility:hidden;pointer-events:none}.mobile_orientation_notice{z-index:100;background:var(--color_dark);color:var(--color_light);text-align:center;font-family:var(--font_grotesk);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:fixed;inset:0}.mobile_orientation_notice p{color:var(--color_primary);margin:0;font-size:2rem;font-weight:700;line-height:1}.mobile_orientation_notice span{max-width:18rem;font-family:var(--font);font-size:1rem;line-height:1.45}}