*{box-sizing:border-box}*::selection{color:var(--color-light-primary);background:var(--color-blue)}.carrois-gothic-regular{font-family:Carrois Gothic,sans-serif;font-weight:400;font-style:normal}@font-face{font-family:FantasqueSansMono;src:url(/assets/FantasqueSansMono-Regular-mDtN-AOf.ttf) format("truetype");font-display:swap}html{scroll-behavior:smooth}:root{font-family:Carrois Gothic,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;letter-spacing:.02rem;color-scheme:light dark;background-color:#141617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;min-width:320px;min-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;--color-darkest: #141617;--color-dark-primary: #1d2021;--color-dark-secondary: #343434;--color-dark-tertiary: #3c3836;--color-light-primary: #EBE1D3;--color-light-secondary:#BCB4A9;--color-light-tertiary: #64605A;--color-brown: #312616;--color-red: #BB4D3A;--color-red-dark: #743327;--color-blue: #689A9D;--color-blue-dark: #557C7E;color:var(--color-light-primary)}h1{font-size:4em;line-height:1.1;margin:0}h2{margin:0;text-decoration:underline}p{margin:0}a{color:var(--color-blue);transition:all .1s ease-in-out;text-decoration:underline dotted 0rem transparent}a:hover{color:var(--color-blue);text-decoration:underline dotted .15rem currentColor}#app{text-align:center}.prototypeContainer{position:relative;z-index:auto;background-color:transparent;display:grid;border-radius:1rem;box-shadow:0 0 #0000;transition:all .12s ease-in-out;padding:.5rem;min-height:1em;width:fit-content;text-align:left;margin:0;color:#282828;transform:scale(1);-webkit-backdrop-filter:0;backdrop-filter:0;overflow:clip}.prototypeContainer:hover{outline:0;box-shadow:0 0 5px #0006}.prototypeContainer:focus-within{outline:0;box-shadow:0 0 5px #0006}.prototypeContainer:is(.focus){outline:0;box-shadow:0 0 5px #0006}.prototypeContainer.dragged{z-index:50;background-color:rgba(var(--color-light-primary),.8);outline:0;box-shadow:0 0 10px #0009;-webkit-backdrop-filter:saturate(80%) brightness(93%) blur(4px);backdrop-filter:saturate(80%) brightness(93%) blur(4px);transition:all 0ms linear}.prototypeContainer.dragged:not(.dragHandle) div{pointer-events:none}.prototypeContainer.glowAbove{box-shadow:0 -4px 6px color-mix(in srgb,var(--color-light-secondary) 50%,transparent);margin-top:.5em}.prototypeContainer.glowBelow{box-shadow:0 4px 6px color-mix(in srgb,var(--color-light-secondary) 50%,transparent);margin-bottom:.5em}.prototypeContainer.stave,.prototypeContainer.text{grid-template-columns:2em auto}.prototypeContainer:hover .contextMenu,.prototypeContainer.dragged .contextMenu,.prototypeContainer:is(.focus) .contextMenu{opacity:100%}.contextMenu{min-height:1em;height:100%;width:2em;overflow:clip;border-radius:.5rem 0rem 0rem .5rem;opacity:0%;transition:all .12s ease-in-out;display:flex;justify-content:space-between;flex-direction:column;grid-row:1;grid-column:1;clip-path:fill-box}.dragHandle{color:var(--color-light-secondary);width:2em;min-height:1em;max-height:1.5em;height:min(100%,1.5em);text-align:center;align-content:center;background-color:transparent;-webkit-user-select:none;user-select:none;cursor:grab;border:0;transition:all .12s ease-in-out;display:flex;justify-content:center;align-items:center}.dragHandle:hover{color:var(--color-light-tertiary);background-color:var(--color-light-secondary);border:0}.dragHandle:active,.dragHandle.forceActive{color:var(--color-light-primary);background-color:var(--color-light-tertiary);border:0;cursor:grabbing}.dragHandle svg{width:100%;height:100%}.deleteButton{color:var(--color-light-secondary);width:2em;min-height:1em;max-height:1.5em;height:min(100%,1.5em);text-align:center;align-items:center;background-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;border:0;transition:all .12s ease-in-out;display:none;justify-content:center}.deleteButton.show{display:flex}.deleteButton:hover{color:var(--color-light-tertiary);background-color:var(--color-light-secondary)}.deleteButton:active{color:var(--color-light-primary);background-color:var(--color-light-tertiary)}.deleteButton svg{width:100%;height:60%}.staveBox{height:100%;background-color:transparent;display:grid;grid-template-columns:auto auto .8rem;grid-template-rows:100%;align-content:center;grid-row:1;grid-column:2}.staveGrid{position:relative;grid-column:2;grid-row:1;height:100%;padding:.1rem 0 .1rem .2rem;line-height:1em;white-space:pre;-webkit-user-select:none;user-select:none;font-size:1em;letter-spacing:.5em;overflow:clip;font-family:FantasqueSansMono,monospace}.cellHighlight{position:absolute;background-color:color-mix(in srgb,var(--color-light-tertiary) 30%,transparent);color:var(--color-light-primary);width:1em;height:1em;opacity:0%;top:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1em;letter-spacing:normal;pointer-events:none;z-index:1}.staveGrid:hover div.cellHighlight{opacity:100%}.cellDirection{position:absolute;background-color:color-mix(in srgb,var(--color-light-tertiary) 30%,transparent);color:var(--color-dark-primary);opacity:0%;pointer-events:none;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:normal;z-index:2;top:0;left:0}.staveGrid:is(.focus) div.cellDirection{opacity:100%}.cellActive{position:absolute;background-color:var(--color-blue);color:var(--color-light-primary);outline:3px solid var(--color-blue);outline-offset:-1px;width:1em;height:1em;opacity:0%;display:flex;align-items:center;justify-content:center;line-height:1em;letter-spacing:normal;pointer-events:none;z-index:3;top:0;left:0}.staveGrid:is(.focus) div.cellActive{opacity:100%}.staveTuningContainer{grid-column:1;grid-row:1;height:100%;width:fit-content;padding:.1rem;-webkit-user-select:none;user-select:none;background-color:transparent;align-content:center;font-family:FantasqueSansMono,monospace;line-height:1em;color:var(--color-dark-primary)}.staveEnd{grid-column:3;grid-row:1;height:100%;width:1em;-webkit-user-select:none;user-select:none;cursor:col-resize;transition:all 70ms ease-in-out;background-color:transparent;align-content:center;border-radius:0rem .5rem .5rem 0rem;font-family:FantasqueSansMono,monospace;line-height:1em;color:var(--color-dark-primary);white-space:wrap;padding-right:.2rem}.staveEnd.focus{background-color:var(--color-light-secondary)}.textBox{margin:0 .3rem;font-family:FantasqueSansMono,monospace;min-height:1em;min-width:8em;background-color:transparent;border:0px;cursor:text;height:fit-content;align-self:center;line-height:1.5em;white-space:pre-line;outline:none}.textBox:empty:before{content:"type here...";color:var(--color-light-tertiary)}.textBox:focus{outline:none}.demo-reset-button{position:absolute;top:1em;right:1rem;background-color:transparent;border:1px solid var(--color-light-secondary);color:var(--color-light-secondary);padding:.3rem .8rem;border-radius:1rem;cursor:pointer;font-family:Carrois Gothic,sans-serif;font-size:1rem;transition:all .1s ease-in-out;z-index:10;opacity:0}.demo-reset-button:hover{background-color:var(--color-light-secondary);color:var(--color-light-primary)}#workspace:hover .demo-reset-button{opacity:1}#perspective.svelte-11xgy9g{position:sticky;z-index:0;overflow:hidden;padding:2rem;padding-bottom:0}#workspace.svelte-11xgy9g{width:100%;height:100%;border-radius:2rem;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:1rem;background-color:var(--color-light-primary);border:1px solid #555;box-shadow:inset 0 0 20px #0006;transition:box-shadow .1s ease-in-out,filter .2s ease-out;font-size:1rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow-y:auto;overflow-x:hidden}#workspace.svelte-11xgy9g::-webkit-scrollbar{width:8px}#workspace.svelte-11xgy9g::-webkit-scrollbar-track{background:transparent}#workspace.svelte-11xgy9g::-webkit-scrollbar-thumb{background-color:var(--color-light-secondary);border-radius:4px}#container.svelte-xfkgrx{width:100vw;height:fit-content;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:100%;overflow:hidden;position:relative}#gradient-overlay.svelte-xfkgrx{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 80%,var(--color-darkest) 100%);pointer-events:none;z-index:5}#lander.svelte-xfkgrx{position:sticky;z-index:2;background-color:var(--color-dark-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-dark-tertiary);width:100%;height:100%;max-width:90vw;min-height:20rem;border-radius:1rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .1s ease-in-out}#content.svelte-xfkgrx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex:1 1 auto;width:100%}#title.svelte-xfkgrx{display:flex;flex-direction:column;align-items:center}#title.svelte-xfkgrx p:where(.svelte-xfkgrx){width:100%}#mobile-repo-link.svelte-xfkgrx{display:none}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx){font-family:Carrois Gothic;background-color:var(--color-dark-secondary);outline:1px solid var(--color-dark-tertiary);border:0;padding:.5rem 1.5rem;border-radius:.5rem;cursor:pointer;position:relative;transition:all .1s ease-in-out}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx):hover{background-color:var(--color-dark-tertiary)}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx) div:where(.svelte-xfkgrx):not(.icon){transition:all .1s ease-in-out;font-size:x-large;text-align:center;mask-image:linear-gradient(to right,black 60%,transparent 80%);-webkit-mask-image:linear-gradient(to right,black 60%,transparent 80%);-webkit-mask-size:200%;mask-size:200%;color:var(--color-light-primary)}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx):hover div:where(.svelte-xfkgrx):not(.icon){-webkit-mask-size:100%;mask-size:100%}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx):hover .icon:where(.svelte-xfkgrx){opacity:100%;clip-path:rect(0 100% 100% 0%)}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx) .icon:where(.svelte-xfkgrx){color:var(--color-light-primary);width:1.5rem;position:absolute;height:100%;top:calc(0% - .5rem);right:0%;margin:.5rem;transition:all .1s ease-in-out;clip-path:rect(0% 100% 100% 100%);opacity:0%}#download-section.svelte-xfkgrx{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--color-dark-primary);border:1px solid var(--color-dark-tertiary);border-radius:1rem;min-width:280px}.version-label.svelte-xfkgrx{font-size:.875rem;color:var(--color-light-tertiary);font-family:FantasqueSansMono,monospace}.platform-list.svelte-xfkgrx{display:flex;flex-direction:column;gap:1rem;width:100%;text-align:left}.platform-row.svelte-xfkgrx{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--color-dark-tertiary);padding:.75rem;border-radius:0}.platform-row.svelte-xfkgrx:first-of-type{border-radius:.75rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.platform-row.svelte-xfkgrx:last-of-type{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}.platform-name.svelte-xfkgrx{font-size:.875rem;font-weight:600;color:var(--color-light-secondary);letter-spacing:.05em;min-width:70px}.download-buttons.svelte-xfkgrx{display:flex;flex-direction:row;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.download-btn.svelte-xfkgrx{display:inline-block;padding:.5rem 1rem;background-color:var(--color-blue);color:var(--color-light-primary);text-decoration:none;border-radius:.5rem;font-size:1rem;transition:all .1s ease-in-out;text-align:center;text-decoration:underline dotted 0rem transparent}.download-btn.svelte-xfkgrx:is(:where(.svelte-xfkgrx):not(.disabled)):hover{text-decoration:underline dotted .15rem currentColor}.older-releases.svelte-xfkgrx{font-size:.75rem;color:var(--color-light-tertiary)}.older-releases.svelte-xfkgrx:hover{color:var(--color-light-secondary)}#arrow.svelte-xfkgrx{display:flex;flex-direction:column;align-items:center;width:100%;color:var(--color-light-tertiary);padding:4rem 0;flex-shrink:0}#arrow.svelte-xfkgrx:hover{color:var(--color-light-secondary)}#arrow.svelte-xfkgrx svg:where(.svelte-xfkgrx){transform:rotate(180deg)}#logo{width:8rem}p.svelte-xfkgrx{font-size:small}@media(max-width:768px){#container.svelte-xfkgrx{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}#lander.svelte-xfkgrx{position:relative;max-width:100%;height:auto;min-height:auto;border-radius:0;border:0;border-bottom:1px solid var(--color-dark-tertiary);padding:.5rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}#content.svelte-xfkgrx{display:contents}#title.svelte-xfkgrx{display:flex;flex-direction:row;align-items:center;gap:.75rem;order:1}#title.svelte-xfkgrx h1:where(.svelte-xfkgrx){font-size:1.5rem}#title.svelte-xfkgrx p:where(.svelte-xfkgrx){display:none}#download-section.svelte-xfkgrx{display:none}#mobile-repo-link.svelte-xfkgrx{display:block;order:2}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx){padding:.4rem 1rem}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx) div:where(.svelte-xfkgrx):not(.icon){font-size:1rem}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx) .icon:where(.svelte-xfkgrx){width:1rem;top:calc(0% - .25rem);margin:.25rem}#logo{width:2.5rem}#arrow.svelte-xfkgrx{display:none}}@media(min-width:520px)and (max-width:768px){#logo{width:3rem}#title.svelte-xfkgrx{gap:1rem}#title.svelte-xfkgrx h1:where(.svelte-xfkgrx){font-size:2rem}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx){padding:.5rem 1.25rem}#mobile-repo-link.svelte-xfkgrx button:where(.svelte-xfkgrx) div:where(.svelte-xfkgrx):not(.icon){font-size:1.2rem}}@media(min-width:769px){#logo{width:16rem}}#contents.svelte-18kdscu{margin:0 auto;width:90vw;height:fit-content;background-color:var(--color-darkest);padding:10vh 0;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.bento.svelte-18kdscu{padding:1rem;border-radius:.5rem;border:1px solid var(--color-dark-secondary);background-color:var(--color-dark-primary);width:fit-content;display:flex;flex-direction:column;gap:1rem;text-align:left}.item.svelte-18kdscu{width:100%;display:flex;flex-direction:row}.item.svelte-18kdscu:hover{background-color:var(--color-dark-secondary)}#heart.svelte-18kdscu{transform:scale(1);color:var(--color-red);-webkit-user-select:none;user-select:none;margin:0 .2rem;display:inline-block;transition:all .1s ease-in-out}#heart.svelte-18kdscu:hover{transform:scale(1.2);-webkit-user-select:none;user-select:none}#heart.svelte-18kdscu:active{transform:scale(1.1);color:var(--color-red-dark)}@media(min-width:1150px){#contents.svelte-18kdscu{width:60vw}}