:root{--b-color-background-primary: #deefe5;--b-color-section-background: #ffffff;--b-color-overlay-background: #f7f7f7;--b-color-primary: #272727;--b-color-secondary: #5a5a5a;--b-color-tertiary: #c3c3c3;--b-color-accent-1: #d40000;--b-color-accent-1-contrast: #f6f6f6;--b-color-accent-2: #ffab2e;--b-color-accent-2-contrast: #1c1c1c;--b-border-sectional: dashed 1pt var(--b-color-primary);--b-border-secondary: solid 1pt var(--b-color-tertiary);--b-border-highlight: dashed 1pt var(--b-color-tertiary);--b-radius-large: 3pt;--b-radius-small: 3pt;--b-font-primary: Inter}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body,html{scrollbar-gutter:stable both-edges}body{color:var(--b-color-primary);background-color:var(--b-color-background-primary);font-family:var(--b-font-primary);line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}input:focus,button:focus,textarea:focus,select:focus,details:focus,summary:focus{outline:var(--b-border-highlight);outline-offset:3pt;transition:all .2s}details,summary,h1,h2,h3,h4,h5,h6{-webkit-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}fieldset,input{border:var(--b-border-secondary);border-radius:var(--b-radius-small)}input{background-color:var(--b-color-overlay-background);padding:.6ch;text-box-edge:text alphabetic}fieldset.svelte-1hhquv0{display:flex;flex-direction:column;gap:.3rem}details.svelte-7cymyq{border:var(--b-border-secondary);border-radius:4px;padding:.5em .5em 0;transition:all .1s}summary.svelte-7cymyq{margin:-.5em -.5em 0;padding:.5em;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all 50ms}summary.svelte-7cymyq:hover{font-weight:600}details.svelte-7cymyq:not([open]){height:auto;transition:all .1s}details[open].svelte-7cymyq{padding:.5em}details[open].svelte-7cymyq summary:where(.svelte-7cymyq){border-bottom:var(--b-border-secondary);margin-bottom:.5em;font-weight:600}.text-visualizer.svelte-ugtxc9{overflow-x:scroll;display:flex;align-items:center;justify-content:center;border-radius:var(--b-radius-small);padding:.2rem;background-color:var(--b-color-overlay-background)}.text-visualizer.svelte-ugtxc9 p:where(.svelte-ugtxc9){text-align:center;white-space:nowrap}.text-visualizer.svelte-ugtxc9::-webkit-scrollbar{width:.6rem}.text-visualizer.svelte-ugtxc9::-webkit-scrollbar-track{background:#e3e3e3;border-radius:10pt}.text-visualizer.svelte-ugtxc9::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:10pt}#stringInput.svelte-yi1sx3{width:100%}.input-preview.svelte-yi1sx3{display:flex;flex-direction:column;gap:.5em}button.svelte-18sv61c{display:inline-flex;background-color:var(--b-color-overlay-background);border:var(--b-border-secondary);border-radius:var(--b-radius-small);padding:.6ch;transition:all;-webkit-user-select:none;user-select:none}button.primary.svelte-18sv61c{font-weight:600;background-color:var(--b-color-accent-1);color:var(--b-color-accent-1-contrast);border:none}button.svelte-18sv61c:hover{background-color:#e1e1e1;transition:all .1s}button.primary.svelte-18sv61c:hover{background-color:var(--b-color-accent-2)}button.svelte-18sv61c:active{transform:translateY(1pt)}.notation-visualizer.svelte-1mhfnqe{overflow-x:scroll;display:flex;align-items:center;border-radius:var(--b-radius-small);padding:.2rem;gap:1ch;background-color:var(--b-color-overlay-background)}.notation-visualizer.svelte-1mhfnqe .block:where(.svelte-1mhfnqe){border:solid .1ch #d3d3d3;background-color:#fff;border-radius:3pt;padding:.5ch;text-align:center;white-space:nowrap;transition:all .4s;-webkit-user-select:none;user-select:none}.notation-visualizer.svelte-1mhfnqe .block:where(.svelte-1mhfnqe):hover{transform:rotate(4deg)}.notation-visualizer.svelte-1mhfnqe .block:where(.svelte-1mhfnqe):active{transform:scale(1.06) rotate(0)}.notation-visualizer.svelte-1mhfnqe::-webkit-scrollbar{width:.6rem}.notation-visualizer.svelte-1mhfnqe::-webkit-scrollbar-track{background:#e3e3e3;border-radius:10pt}.notation-visualizer.svelte-1mhfnqe::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:10pt}.recorder-visualizer.svelte-lqxl6n{display:flex;flex-direction:column;gap:.5em}#app{display:flex;flex-direction:column;gap:2rem;width:80dvw;padding-top:10dvh;padding-bottom:10dvh;margin:auto}main.svelte-1n46o8q{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}section{background-color:var(--b-color-section-background);display:flex;flex-direction:column;border:var(--b-border-sectional);border-radius:var(--b-radius-large);padding:1rem;flex-grow:1;align-self:flex-start;max-width:100%;gap:1em;transition:all .4s}.player-area{flex-shrink:0}.encoding-area{flex-grow:1;flex-shrink:2}footer.svelte-1n46o8q{opacity:80%}