article,aside,audio,command,datagrid,details,dialog,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,video,wbr{display:block}bdi,figcaption,keygen,mark,meter,progress,rp,rt,ruby,time{display:inline}acronym,applet,big,center,dir,font,frame,frameset,noframes,s,strike,tt,u,xmp{display:none}a,abbr,area,article,aside,audio,b,bdo,blockquote,body,button,canvas,caption,cite,code,col,colgroup,command,datalist,dd,del,details,dialog,dfn,div,dl,dt,em,embed,fieldset,figure,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,keygen,kbd,label,legend,li,map,mark,menu,meter,nav,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,samp,section,select,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;font:inherit;margin:0;outline:none;padding:0;text-align:left;text-decoration:none;vertical-align:baseline;z-index:1;box-sizing:border-box;color:inherit;line-height:1}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}:root{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d4d4d4;margin:0;padding:0;background:#161616}html,body,#app{width:100%;height:100%}#app{display:grid;grid-template:"menu        menu        menu" min-content "songs       arrangement instruments" 1fr "patterns    pattern     instruments" 1fr / auto 1fr auto;gap:2px}#app>*{overflow:hidden;display:flex}#menu{grid-area:menu}#arrangement{grid-area:arrangement}#pattern{grid-area:pattern}#patterns{grid-area:patterns}#songs{grid-area:songs}#instruments{grid-area:instruments;display:flex;flex-direction:column;gap:2px}#instruments>*{flex:1 0 0}#instruments #midi,#instruments #synth{display:flex;overflow:hidden}.scroll{overflow:auto}.fill{flex-grow:1}.pane{flex-grow:1;overflow:auto;display:grid;grid-template:"header header" auto "main   aside" 1fr / 1fr auto;flex-direction:column;gap:2px;background:#282828;border-radius:5px}.pane>header{grid-area:header;background:#303030;display:flex;justify-content:space-between}.pane>header>section{display:flex;gap:20px;align-items:center}.pane>header>section:nth-child(1){justify-content:left}.pane>header>section:nth-child(2){justify-content:right}.pane>main{grid-area:main}.pane>aside{background:#202020;grid-area:aside;display:flex;flex-direction:column;gap:5px;overflow:auto}.pane>*{padding:10px}.pane>*.compact{padding:0}.pane>main{overflow:auto}input{background:#1d1d1d;border:1px solid #3d3d3d;border-radius:4px;padding:4px 8px;box-shadow:#292929 0 1px}select:not([size]){background:#282828;border:1px solid #3d3d3d;border-radius:4px;padding:4px 8px;box-shadow:#292929 0 1px}select:not([size]):hover{background:#393939}select:not([size]):active{background:#171717}button{background:#545454;border:1px solid #3d3d3d;border-radius:4px;padding:7px 12px;box-shadow:#292929 0 1px}button:hover{background:#656565}button:active{background:#434343}fieldset{display:flex}fieldset>:not(:first-child){border-left:none;border-radius:0}fieldset>:first-child{border-radius:4px 0 0 4px}fieldset>:last-child{border-radius:0 4px 4px 0}.flex{display:flex;align-items:center}.gap{gap:10px}horizontal{display:flex}vertical{display:flex;flex-direction:column}.event-grid{display:grid;grid-template:"timeline timeline" auto "lanes events" 1fr / auto 1fr}.event-grid .cursor{background:#0af;position:absolute;top:0;bottom:0;width:1px;transition:left .1s}.event-grid>.timeline{grid-area:timeline;display:flex;overflow:hidden;margin-left:10em}.event-grid>.timeline>.tock{color:#999;flex-shrink:0;padding:4px 0}.event-grid>.lanes{background:#303030;grid-area:lanes;overflow:scroll hidden}.event-grid>.lanes .lane{width:10em;border-bottom:1px solid #4a4a4a;display:flex;align-items:center;justify-content:flex-end;padding:0 8px 0 16px}.event-grid>.lanes .lane:last-child{border-bottom:1px solid #6c6c6c}.event-grid .guides{display:grid;grid-template:"guide" 1fr / 1fr;height:100%}.event-grid .guides .guide{pointer-events:none;grid-area:guide}.event-grid>.events{grid-area:events;overflow:scroll}.event-grid>.events .pattern{position:relative;overflow:hidden}.event-grid>.events .event{box-sizing:border-box;background:#abdbb4;color:#000;position:absolute;opacity:.75;text-align:left;padding:2px;overflow:hidden;outline:1px solid #709475;border:1px #abdbb4;border-radius:3px}.event-grid>.events .event:hover{background:#bcecc5}.event-grid>.events .event.virtual{pointer-events:none;opacity:.25}.event-grid .snap{background:linear-gradient(to right,#303030 1px,transparent 1px)}.event-grid .beats{background:linear-gradient(to right,#414152 1px,transparent 1px)}.event-grid .bars{background:linear-gradient(to right,#996f1a 1px,transparent 1px)}.dialog-overlay{background:rgba(0,0,0,.75);position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:#333;border-radius:5px;width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100vh;min-height:50vh;max-width:50vw;min-width:50vw;overflow:hidden;display:flex;flex-direction:column}.dialog header{background:#555;border-radius:5px 5px 0 0;padding:10px;flex:0 0 auto}.dialog main{flex-grow:1;padding:5px;overflow:auto}.dialog footer{display:flex;background:#444;border-radius:5px 5px 0 0;padding:5px;flex:0 0 auto}span.svelte-vg06b8{display:inline-block;width:1.5em}.octaves.svelte-2n8mt3{background:linear-gradient(#303030 1px,transparent 1px)}.degrees.svelte-2n8mt3{background:linear-gradient(#181818 50%,#1d1d1d 50%)}