:root{--ink: #1a1a1a;--ink-soft: #555;--paper: #fdfaf5;--rule: #d8d2c4;--accent: #8b0000;--note-selected: #1f5c66;--brand-blue: #4a7c93;--brand-blue-dark: #293044;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--max-width: 760px}html{background:var(--paper)}body{font-family:var(--serif);color:var(--ink);background:var(--paper);max-width:var(--max-width);margin:1.5rem auto 6rem;padding:0 1.5rem;line-height:1.55;font-size:19px}.site-header{display:flex;align-items:center;gap:.7rem;padding-bottom:1.2rem;margin-bottom:1.6rem;border-bottom:1px solid var(--rule)}.site-header .brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;border-bottom:none;color:var(--ink);flex:1}.site-header .logo{width:60px;height:60px;flex:none;display:block;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat}.site-header .logo>*{display:none}.site-header .wordmark{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.1}.site-header .wordmark small{display:block;font-family:var(--sans);font-weight:400;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.lang-toggle{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;border:1px solid var(--rule);border-radius:4px;padding:.2rem .55rem;flex:none}.lang-toggle:hover{color:var(--accent);border-color:var(--accent)}h1,h2,h3{font-weight:600;letter-spacing:-.01em}h1{font-size:2.2rem;margin:0 0 .2rem}h2{font-size:1.4rem;margin:2.5rem 0 .8rem;border-bottom:1px solid var(--rule);padding-bottom:.3rem}p{margin:.6rem 0}a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(139,0,0,.3)}a:hover{border-bottom-color:var(--accent)}.lead{color:var(--ink-soft);margin:.4rem 0 1.6rem}.v7-nav{margin:1.2rem 0 1.6rem;font-family:var(--sans);font-size:.9rem}.home-links{display:grid;gap:1.6rem 2rem;margin:2.8rem 0 1.6rem}.home-links .v7-nav{margin:0}@media(min-width:768px){.home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.v7-nav-current{color:var(--ink-soft)}footer{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--rule);font-family:var(--sans);font-size:.9rem;color:var(--ink-soft)}.extension-cta{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.extension-cta .ext-icon{width:64px;height:64px;flex:none;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat}.extension-cta .ext-icon>*{display:none}.extension-cta .ext-heading{font-weight:600;color:var(--ink);margin:0 0 .2rem;font-size:1rem}.extension-cta .ext-desc{margin:0 0 .6rem;font-size:.88rem}.extension-cta .ext-btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.85rem;padding:.4rem .9rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;text-decoration:none;border-bottom:1px solid var(--accent);cursor:pointer}.extension-cta .ext-btn[href]:hover{opacity:.88;border-bottom-color:var(--accent)}.extension-cta .ext-btn[disabled]{opacity:.8;cursor:not-allowed}@media(max-width:600px){h1{font-size:1.4rem}}@media(max-width:359px){h1{font-size:1.2rem}}@media print{.site-header{display:none}body{background:#fff;max-width:none;font-size:14px}a{color:var(--ink);border:none}footer{display:none}}.tab-demo{--demo-cw: 2.1em;--demo-rh: 1.5em;--demo-lit: #f4ddd6;margin:0}.tab-demo figcaption h3{margin:.9rem 0 .2rem;font-size:1rem;color:var(--ink)}.tab-demo figcaption p{margin:0}.tab-demo kbd{padding:.05em .4em;border:1px solid var(--rule);border-radius:4px;background:#fff;font-family:var(--sans);font-size:.85em}.tab-demo__stage{position:relative;isolation:isolate;width:calc(var(--cols) * var(--demo-cw));max-width:100%;height:calc(6 * var(--demo-rh));font-family:var(--mono);font-size:.95rem;color:var(--ink)}.tab-demo__string{display:block;height:var(--demo-rh);background:linear-gradient(var(--rule),var(--rule)) center / 100% 1px no-repeat}.tab-demo__note{position:absolute;left:calc(var(--c) * var(--demo-cw));top:calc(var(--s) * var(--demo-rh));width:var(--demo-cw);height:var(--demo-rh);display:grid;place-items:center;isolation:isolate;border-radius:3px}.tab-demo__note:before{content:"";position:absolute;inset:20% 22%;z-index:-1;border-radius:3px;background:var(--paper)}.tab-demo__cursor{position:absolute;left:var(--demo-cw);top:var(--demo-rh);width:var(--demo-cw);height:var(--demo-rh);border:2px solid var(--accent);border-radius:50%;opacity:0;pointer-events:none}.tab-demo__cursor:after{content:"";position:absolute;left:55%;top:45%;width:1.9em;height:1.9em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1l11 7-5 1.2L5.5 14z' fill='%23222' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain}.tab-demo__keys{display:flex;align-items:center;gap:.4rem;margin-top:.7rem;min-height:1.9em}.tab-demo__plus{color:var(--ink-soft)}.tab-demo--drag .tab-demo__note--dragged{animation:tab-demo-drag 6s ease-in-out infinite}.tab-demo--drag .tab-demo__cursor{animation:tab-demo-cursor 6s ease-in-out infinite}.tab-demo__note--copy-1{animation:tab-demo-appear-1 6s steps(1,end) infinite}.tab-demo__note--copy-2{animation:tab-demo-appear-2 6s steps(1,end) infinite}.tab-demo--duplicate .tab-demo__key--mod{animation:tab-demo-lit-duplicate-mod 6s steps(1,end) infinite}.tab-demo--duplicate .tab-demo__key--arrow{animation:tab-demo-lit-duplicate-second 6s steps(1,end) infinite}.tab-demo__note--zero{animation:tab-demo-appear-zero 6s steps(1,end) infinite}.tab-demo--zeros .tab-demo__key--mod{animation:tab-demo-lit-zeros-mod 6s steps(1,end) infinite}.tab-demo--zeros .tab-demo__key--zero{animation:tab-demo-lit-zeros-second 6s steps(1,end) infinite}.tab-demo__note--bold{animation:tab-demo-bold 6s steps(1,end) infinite}.tab-demo__note--selected{background:var(--demo-lit)}.tab-demo__note--selected:before{background:var(--demo-lit)}.tab-demo--bold .tab-demo__key{animation:tab-demo-lit-bold 6s steps(1,end) infinite}@keyframes tab-demo-drag{0%,14%{transform:none;background:transparent;opacity:1}20%{transform:none;background:var(--demo-lit)}48%,58%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));background:var(--demo-lit)}62%,88%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));background:transparent;opacity:1}94%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));opacity:0}94.01%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes tab-demo-cursor{0%,10%{transform:none;opacity:0}14%{transform:none;opacity:1}20%{transform:scale(.85);opacity:1}48%,58%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh)) scale(.85);opacity:1}64%,to{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));opacity:0}}@keyframes tab-demo-appear-1{0%,29%{opacity:0}30%,to{opacity:1}}@keyframes tab-demo-appear-2{0%,59%{opacity:0}60%,to{opacity:1}}@keyframes tab-demo-appear-zero{0%,44%{opacity:0}45%,to{opacity:1}}@keyframes tab-demo-bold{0%,19%{font-weight:400}20%,69%{font-weight:700}70%,to{font-weight:400}}@keyframes tab-demo-lit-bold{0%,19%,28%,69%,78%,to{background:#fff;border-color:var(--rule);color:inherit}20%,27%,70%,77%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-duplicate-mod{0%,24%,35%,54%,65%,to{background:#fff;border-color:var(--rule);color:inherit}25%,34%,55%,64%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-duplicate-second{0%,29%,35%,59%,65%,to{background:#fff;border-color:var(--rule);color:inherit}30%,34%,60%,64%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-zeros-mod{0%,37%,51%,to{background:#fff;border-color:var(--rule);color:inherit}38%,50%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-zeros-second{0%,44%,51%,to{background:#fff;border-color:var(--rule);color:inherit}45%,50%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@media(prefers-reduced-motion:reduce){.tab-demo__note,.tab-demo__cursor,.tab-demo__key{animation:none!important}.tab-demo--drag .tab-demo__note--dragged{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh))}.tab-demo:not(.tab-demo--drag) .tab-demo__key{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}.privacy-link{margin:5rem 0 0;font-family:var(--sans);font-size:.82rem;text-align:right}.privacy-link a{color:var(--ink-soft);border-bottom:none;text-decoration:none}.privacy-link a:hover{text-decoration:underline}.privacy-page h2{margin-top:1.8rem}.part-form{display:grid;gap:1.1rem;margin:1.4rem 0;width:100%}.part-example{min-width:0;margin:1.5rem 0 0}@media(max-width:767px){.part-example{display:none}}.part-example figcaption{display:grid;gap:.25rem;font-family:var(--sans);font-size:.85rem;color:var(--ink-soft)}.part-example figcaption strong{font-family:var(--serif);font-size:1.2rem;color:var(--ink)}.part-example-score{max-width:44rem;margin:1.5rem auto 0;padding:2rem 2.2rem 1.6rem;overflow:hidden;background:#fff;border:1px solid var(--rule);box-shadow:0 2px 8px #00000014}.part-example-header{margin:0 0 1rem;text-align:center}.part-example-header .part-example-title{display:block;font-family:var(--serif);font-size:1.3rem;color:var(--ink)}.part-example-header span{display:block;text-align:right;font-family:var(--serif);font-size:.85rem;color:var(--ink-soft)}.part-example-score .part-row-tabs{--ascii-tabs-fret-background: #fff}.part-example-score .part-row{margin-bottom:0}.part-rights{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:.8rem;row-gap:.15rem;align-items:center;min-height:44px;padding:.3rem .6rem;margin-top:-.4rem;border-radius:0;font-family:var(--sans);font-size:.95rem;color:var(--ink);cursor:pointer}.part-rights-error{grid-column:1 / -1;color:#b00020;font-size:.8rem;line-height:1.3}.part-rights-error[hidden],.part-rights[hidden],.part-dropzone[hidden]{display:none}.part-rights input{appearance:none;display:grid;place-content:center;width:28px;height:28px;margin:0;flex:none;border:2px solid var(--ink-soft);border-radius:5px;background:#fff;cursor:pointer}.part-rights input:checked{border-color:var(--accent);background:var(--accent)}.part-rights input:checked:after{content:"";width:12px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-2px) rotate(-45deg)}.part-rights input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.part-rights.needs-rights{background:#faf6ee;animation:part-rights-flash .9s ease-out}@keyframes part-rights-flash{0%,to{background:#faf6ee}45%{background:#f1e9d6}}@media(prefers-reduced-motion:reduce){.part-rights.needs-rights{animation:none}.part-form .part-dropzone,.part-form .part-dropzone strong{transition:none}}@media(forced-colors:active){.part-rights input{appearance:auto}.part-rights input:checked:after{content:none}}.part-dropzone{position:relative;display:grid;justify-items:center;gap:.65rem;padding:2.2rem 1.2rem;box-sizing:border-box;width:100%;min-width:0;border:2px dashed #958b78;border-radius:0;background:#faf6ee;color:var(--ink-soft);font-family:var(--sans);font-size:.85rem;text-align:center;transition:border-color .22s ease-out,background-color .22s ease-out}.part-dropzone strong{max-width:100%;overflow-wrap:anywhere;color:var(--ink);font-size:1.1rem;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.part-upload-icon{width:36px;height:36px;color:var(--accent)}.part-file-input{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.part-dropzone[aria-disabled=true] .part-file-input{cursor:not-allowed}.part-dropzone[aria-disabled=false]:hover{border-color:#7d725d;background:#f6f0e3}.part-dropzone.is-dragging{border-color:var(--accent);background:#f6efe6}@media(prefers-reduced-motion:no-preference){.part-dropzone[aria-disabled=false]:hover strong{transform:scale(1.03)}}.part-dropzone:focus-within{outline:none}.part-toolbar select{font:inherit;padding:.35rem .5rem;border:1px solid var(--rule);border-radius:4px;background:#fff;color:var(--ink)}.part-btn{font-family:var(--sans);font-weight:600;font-size:.9rem;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;justify-self:start}.part-btn:disabled{opacity:.5;cursor:not-allowed}.part-btn-secondary{background:transparent;color:var(--accent)}.toast-viewport{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1000;display:flex;flex-direction:column;gap:.75rem;width:min(26rem,calc(100vw - 2rem));margin:0;padding:0;list-style:none;outline:none}.toast{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none;font-family:var(--sans);font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}.toast-icon{flex:none;width:1.5rem;height:1.5rem}.toast-description{flex:1}.toast-close{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.toast-close:hover{background:#0000000f}.toast-close:focus-visible{outline:2px solid #000}.toast[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .15s}.toast[data-swipe=end]{transform:translate(var(--radix-toast-swipe-end-x))}@media(prefers-reduced-motion:no-preference){.toast[data-state=open]{animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}}.part-progress{display:grid;justify-items:center;gap:.4rem;margin:6rem 0 5rem;text-align:center;font-family:var(--sans)}@media(prefers-reduced-motion:no-preference){.part-progress:not([hidden]){animation:part-progress-in .7s ease-out}@keyframes part-progress-in{0%{opacity:0}to{opacity:1}}}.part-loading{width:240px;max-width:100%;height:auto}.part-status{margin:0;font-weight:600}.part-duration{margin:0 0 -.3rem;padding:0;border:0;font-size:1.3rem}.part-elapsed,.part-resume{margin:0;font-size:.85rem;color:var(--ink-soft)}.part-result{margin:1.5rem 0;font-family:var(--sans)}.part-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-bottom:.8rem;font-size:.9rem}.part-toolbar-item{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-size:1rem;cursor:pointer}.part-toolbar-item input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--ink);cursor:pointer}.part-footer{position:sticky;bottom:-2rem;z-index:2;display:flex;justify-content:flex-end;margin:1.5rem calc(-1*max(1.5rem,3vw)) -2rem;padding:.8rem max(1.5rem,3vw);background:var(--paper);border-top:1px solid var(--rule)}.part-footer-btn{display:inline-flex;align-items:center;gap:.5rem;border-color:var(--brand-blue);background:var(--brand-blue)}.part-footer-btn:hover:not(:disabled){border-color:var(--brand-blue-dark);background:var(--brand-blue-dark)}.part-footer-icon svg{display:block;width:1.2rem;height:1.2rem}.part-footer-btn[aria-busy=true] .part-footer-icon svg{animation:part-spin .8s linear infinite}@keyframes part-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.part-footer-btn[aria-busy=true] .part-footer-icon svg{animation-duration:2.4s}}.part-note{margin:.4rem 0;font-size:.85rem;color:var(--ink-soft)}.part-note-warning{margin-top:1.2rem;padding:.6rem .8rem;border-left:3px solid var(--rule)}.part-rows{margin:1.5rem 0;isolation:isolate}.part-header{display:flex;flex-direction:column;gap:.4rem;margin-left:auto;width:min(26rem,100%)}.part-toolbar>.part-header{align-self:flex-end;margin-bottom:calc((44px - 1.5rem)/2)}.part-header-row{display:flex;justify-content:flex-end;margin-bottom:.4rem}.part-header-row .part-header{width:min(26rem,100%)}.part-header-input{width:100%;box-sizing:border-box;padding:.3rem 0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font-family:var(--serif, Georgia, serif);text-align:center;outline:none;-webkit-appearance:none;appearance:none}.part-header-input:focus{border-bottom-color:var(--ink)}.part-header-title{font-size:1.6rem}.part-header-author{font-size:1.05rem}.part-result-modal .part-toolbar,.part-result-modal>.part-header-row,.part-result-modal .part-rows{max-width:64rem;margin-left:auto;margin-right:auto}html.part-modal-open,html.part-modal-open body{overflow:hidden}.part-result-modal{overscroll-behavior:contain;position:fixed;inset:0;z-index:500;margin:0;padding:5.5rem max(1.5rem,3vw) 2rem;overflow-y:auto;background:var(--paper)}.part-modal-close{position:fixed;top:1rem;right:max(1rem,2vw);z-index:1;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.part-modal-logo{position:fixed;top:.4rem;left:max(1rem,2vw);z-index:1;width:72px;height:72px;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat;pointer-events:none}.part-modal-close svg{width:2rem;height:2rem}.part-modal-close:hover{background:#0000000f}.part-modal-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.part-row{position:relative;margin-bottom:1.4rem}.part-row-join{position:absolute;width:1.5px;background:var(--ink);pointer-events:none}.part-row-notation svg{display:block;max-width:none;overflow:visible}.part-row-tabs{position:relative;min-height:140px;--ascii-tabs-font-size: 15px;--ascii-tabs-fret-background: var(--paper);--ascii-tabs-flat-background: transparent}.part-rows .ascii-tabs-fret{font-weight:400}.part-names-mode .ascii-tabs-fret{font-size:.8em}.part-measure-tab,.part-example-tab{position:absolute;top:0;display:block}.part-example-names{position:absolute;inset:0;pointer-events:none;font-family:var(--sans);font-size:var(--ascii-tabs-font-size);line-height:1;color:var(--ink)}.part-example-clef{position:absolute;color:#8a8a8a;font-weight:700;font-size:1.25em;transform:translate(-50%,-50%)}.part-string-name{position:absolute;color:#8a8a8a;font-size:.8em;transform:translate(-100%,-50%)}.part-dropped{margin-top:1rem;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:6px;background:#f7f4eb;font-size:.9rem}.part-dropped p,.part-dropped ul{margin:0}.part-dropped ul{padding-left:1.2rem}.part-downloads-heading{margin:1.4rem 0 .4rem;font-size:1.1rem}.part-download-list{margin:0;padding-left:1.2rem}.part-privacy-note,.part-mobile-ready{margin:.5rem 0}.partitura-body [hidden]{display:none!important}.part-how,.part-faq{max-width:var(--max-width);margin:5rem 0 0;font-family:var(--sans)}.part-how h2,.part-faq h2{margin:0;font-size:1.15rem}.part-how p,.part-faq p,.part-how-steps{font-size:.9rem}.part-how p,.part-faq p{margin:.4rem 0 0;color:var(--ink-soft)}.part-how-steps{margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.5rem;color:var(--ink-soft)}.part-how-steps strong,.part-faq h3{font-size:.95rem;font-weight:600;color:var(--ink)}.part-faq h3{margin:1rem 0 0}.beta-badge{display:inline-block;vertical-align:middle;margin-left:.4em;padding:.1em .5em;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.part-tip{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1000;width:min(22rem,calc(100vw - 2rem));padding:1.1rem 1.25rem 1.25rem;border:1px solid #000;background:#fff;color:#000;font-family:var(--sans);font-size:.92rem;line-height:1.4;overflow:hidden}.part-tip-title{display:block;padding-right:2rem}.part-tip-body{margin:.6rem 0 0}.part-tip-art{margin-top:.6rem}.part-tip-graphic{display:block;width:100%;max-height:8rem;font-family:var(--sans)}.part-tip-demo{margin:0}.part-tip-close{position:absolute;top:.4rem;right:.4rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.part-tip-close:hover{background:#0000000f}.part-tip-close:focus-visible{outline:2px solid #000}.part-tip-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;animation:part-tip-timer linear forwards}@keyframes part-tip-timer{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.part-tip-timer{display:none}}