*{box-sizing:border-box}html{margin:0;padding:0}:root{font-family:Syne Mono,monospace;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0!important;padding:0!important;min-width:320px;min-height:100vh;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{width:100%;height:100vh;height:100dvh;margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#333;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.note-text.svelte-w4czei{position:relative;display:block}.oct-dot.svelte-w4czei{position:absolute;font-size:1.3em;line-height:1;color:#333;left:50%;transform:translate(-50%)}.oct-dot-above.svelte-w4czei{top:-.4em}.oct-dot-below.svelte-w4czei{bottom:-.25em}.rest.svelte-eyk8e4{display:inline-block;padding:0 2px;color:#000}.rest.u8.svelte-eyk8e4,.rest.u16.svelte-eyk8e4{padding:0}.rest.u8.svelte-eyk8e4{border-bottom:1px solid #000}.rest.u16.svelte-eyk8e4{border-bottom:3px double #000}.cont.svelte-1duxwvn{color:#000;display:inline-block;padding:0 2px}.cont.u8.svelte-1duxwvn,.cont.u16.svelte-1duxwvn{padding:0}.cont.u8.svelte-1duxwvn{border-bottom:1px solid #000}.cont.u16.svelte-1duxwvn{border-bottom:3px double #000}.tuplet.svelte-gkmok{position:relative;display:inline-flex;gap:0;align-items:flex-end;padding:0 2px}.tuplet.u8.svelte-gkmok{border-bottom:1px solid #000}.tuplet.u16.svelte-gkmok{border-bottom:3px double #000}.tuplet-label.svelte-gkmok{position:absolute;left:50%;transform:translate(-50%);font-size:10px;line-height:1;color:#000;padding:0 2px}.tuplet.u8.svelte-gkmok .tuplet-label:where(.svelte-gkmok){bottom:-8px}.tuplet.u16.svelte-gkmok .tuplet-label:where(.svelte-gkmok){bottom:-10px}.tuplet-notes.svelte-gkmok{display:inline-flex;gap:0}.tuplet.svelte-gkmok .note:where(.svelte-gkmok){padding:0}.note.svelte-a8w3sc{display:inline-block;padding:0 3px;position:relative}.note.u8.svelte-a8w3sc,.note.u16.svelte-a8w3sc{padding:0 1px}.note.u8.svelte-a8w3sc{border-bottom:1px solid #000}.note.u16.svelte-a8w3sc{border-bottom:3px double #000}.cell.svelte-ij54th{border:none;padding:6px 8px 6px 0;box-sizing:border-box;text-align:center;vertical-align:bottom;white-space:nowrap;overflow:hidden}.bar-sep.svelte-ij54th{padding:0 4px;color:#666;text-align:center}.part-header.svelte-xe2q5x{display:flex;align-items:center;gap:12px;margin:8px 0}h4.svelte-xe2q5x{margin:0}.play-button.svelte-xe2q5x{background:none;border:none;cursor:pointer;font-size:16px;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0;color:#4caf50}.play-button.playing.svelte-xe2q5x{color:#f44336}.play-button.svelte-xe2q5x:hover{opacity:.7}.play-button.svelte-xe2q5x i:where(.svelte-xe2q5x){line-height:1}.line.svelte-xe2q5x{margin-bottom:12px}.part-table.svelte-xe2q5x{table-layout:fixed;border-collapse:collapse}.sep.svelte-xe2q5x{width:12px}h3.svelte-1kpy9ft{margin:16px 0 8px}.song-notation.svelte-11f57lp{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;padding:16px}.editor-container.svelte-1x78fwl{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;margin:0;padding:0;overflow:hidden;background-color:#f5f5f5}.app-title.svelte-1x78fwl{margin:0;padding:10px 20px;font-size:2rem;font-weight:600;color:#333;text-align:center;background-color:#f5f5f5}.mobile-tabs.svelte-1x78fwl{display:none}.panels-wrapper.svelte-1x78fwl{display:flex;flex:1;overflow:hidden;gap:20px;padding:10px;background-color:#f5f5f5}.input-panel.svelte-1x78fwl,.output-panel.svelte-1x78fwl{flex:1;display:flex;flex-direction:column;padding:10px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.app-title.svelte-1x78fwl{font-size:1.5rem;padding:8px 16px}.mobile-tabs.svelte-1x78fwl{display:flex;gap:0;padding:0;background-color:#fff;border-top:1px solid #e0e0e0;border-radius:0;box-shadow:0 -2px 4px #0000000d}.tab-button.svelte-1x78fwl{flex:1;padding:8px 12px;font-size:14px;font-weight:500;background-color:transparent;border:none;border-top:3px solid transparent;border-radius:0;color:#666;cursor:pointer;transition:all .2s;font-family:inherit}.tab-button.svelte-1x78fwl:hover{background-color:#f5f5f5;color:#333}.tab-button.active.svelte-1x78fwl{color:#1976d2;border-top-color:#1976d2;background-color:#f5f5f5}.panels-wrapper.svelte-1x78fwl{flex-direction:column;gap:0;padding:0}.input-panel.svelte-1x78fwl,.output-panel.svelte-1x78fwl{flex:1;border-radius:0;box-shadow:none;padding:10px}.input-panel.hidden-mobile.svelte-1x78fwl,.output-panel.hidden-mobile.svelte-1x78fwl{display:none}}.input-textarea.svelte-1x78fwl{flex:1;width:100%;padding:8px;font-family:Syne Mono,monospace;font-size:14px;line-height:1.6;border:none;resize:none;box-sizing:border-box;background-color:transparent;color:#333}.input-textarea.svelte-1x78fwl:focus{outline:none}.error-message.svelte-1x78fwl{margin-top:8px;padding:8px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;font-size:14px}.output-content.svelte-1x78fwl{flex:1;overflow:auto;padding:8px;background-color:transparent}.placeholder.svelte-1x78fwl{color:#999;font-style:italic;text-align:center;margin-top:50px}.download-section.svelte-1x78fwl{padding:8px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;background-color:#fff}.download-button.svelte-1x78fwl{padding:10px 20px;font-size:16px;font-weight:500;color:#fff;background-color:#1976d2;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.download-button.svelte-1x78fwl:hover{background-color:#1565c0}.download-button.svelte-1x78fwl:active{background-color:#0d47a1}html,body{margin:0!important;padding:0!important}body{overflow:hidden}main{width:100vw;height:100vh;height:100dvh;margin:0;padding:0}