@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Petaluma Script;src:url(/assets/PetalumaScript-DIP25UqM.woff2)format("woff2");font-display:block}@font-face{font-family:Petaluma Text;src:url(/assets/PetalumaText-DVr6PFx2.woff2)format("woff2");unicode-range:U+E000-F8FF;font-display:block}:root{--desk:#e6e1d6;--paper:#fbf8f1;--paper-edge:#d8d0bf;--ink:#1c1a17;--ink-2:#4a453d;--muted:#7a7366;--line:#cfc7b7;--control:#f3efe6;--highlighter:#ffde3b;--highlighter-blend:multiply;--on-ink:#fbf8f1;--danger:#a3322a;--sans:"IBM Plex Sans Variable", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--script:"Petaluma Script", "Petaluma Text", "Comic Sans MS", cursive;--transport-h:76px;font:14px/1.45 var(--sans);color:var(--ink);background:var(--desk);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--desk:#121110;--paper:#1d1b18;--paper-edge:#2c2924;--ink:#ece6d9;--ink-2:#c4bcad;--muted:#8c8577;--line:#36322c;--control:#24211d;--highlighter:#ffd6334d;--highlighter-blend:normal;--on-ink:#121110;--danger:#e0786e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.label{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.workspace{grid-template-columns:248px minmax(0,1fr);min-height:0;display:grid}.stage{min-width:0;padding:32px 40px 48px;overflow:auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.wordmark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.topbar-tag{color:var(--muted)}.topbar-spacer{flex:1}.topbar-link,.topbar-button,.tunes-toggle{border:1px solid var(--line);height:30px;color:var(--ink-2);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.topbar-link:hover,.topbar-button:hover,.tunes-toggle:hover{color:var(--ink);border-color:var(--ink-2)}.topbar-link svg{fill:currentColor;width:15px;height:15px}.tunes-toggle{display:none}.library{border-right:1px solid var(--line);flex-direction:column;padding:24px 12px 24px 20px;display:flex;overflow:auto}.library>*{flex:none}.library-head{justify-content:space-between;align-items:center;padding:0 0 12px 10px;display:flex}.library-head h2{margin:0}.library-count{color:var(--ink-2);margin-left:6px}.library-actions{gap:6px;display:flex}.library[inert]{opacity:.5}.library-import,.library-remove,.button,.file-button{border:1px solid var(--line);background:var(--control);cursor:pointer;border-radius:6px;align-items:center;height:28px;padding:0 10px;font-size:13px;display:inline-flex}.library-import:hover,.library-remove:hover,.button:hover,.file-button:hover{border-color:var(--ink-2)}.library-remove-confirm{border-color:var(--danger);color:var(--danger)}.library-search{border:1px solid var(--line);background:var(--paper);border-radius:6px;width:100%;height:32px;margin-bottom:8px;padding:0 10px}.library-search:focus-visible{outline-offset:0}.library-filter{gap:6px;margin-bottom:10px;display:flex}.library-filter .select{flex:1;min-width:0}.library-more{color:var(--muted);margin:0;padding:8px 10px;font-size:12px}.library-list{margin:0;padding:0;list-style:none}.tune{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:8px 10px;display:block}.tune:hover{background:var(--control)}.tune[aria-current=true]{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.tune-title{font-weight:500;line-height:1.3;display:block}.tune-meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.sheet{background:var(--paper);border:1px solid var(--paper-edge);max-width:1040px;min-height:100%;box-shadow:0 1px 0 var(--paper-edge), 0 18px 40px -28px #00000059;font-family:var(--script);color:var(--ink);border-radius:2px;margin:0 auto;padding:44px 56px 64px}.sheet-head{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-bottom:40px;display:grid}.sheet-title{font:400 44px/1.1 var(--script);text-align:center;text-underline-offset:10px;margin:0;text-decoration:underline;text-decoration-thickness:2px}.sheet-meta{color:var(--ink-2);font-size:19px}.sheet-meta-right{text-align:right}.rows{row-gap:42px;display:grid}.row{grid-template-columns:repeat(16,minmax(0,1fr));display:grid}.bar{border-left:1.5px solid var(--ink);align-items:center;column-gap:.4em;min-height:84px;padding:0 10px;display:grid;position:relative}.bar-no-left,.bar-repeat-start,.bar-spacer{border-left-color:#0000}.bar-close{border-right:1.5px solid var(--ink)}.bar-with-time{padding-left:44px}.bar-repeat-start{padding-left:30px}.bar-repeat-start.bar-with-time{padding-left:62px}.bar-repeat-start.bar-with-time .timesig{left:30px}.bar-double:after,.bar-final:after{content:"";border-right:1.5px solid var(--ink);border-left:1.5px solid var(--ink);width:6px;position:absolute;top:0;bottom:0;right:0}.bar-final:after{border-right-width:5px;width:8px}.glyph-repeat{font-family:Petaluma Text;font-size:30px;line-height:1;position:absolute;top:50%;translate:0 -50%}.glyph-repeat-left{left:-2px}.glyph-repeat-right{right:-2px}.bar-dense .chord{font-size:.72em}.bar-number{font:500 11px/1 var(--mono);color:var(--muted);position:absolute;top:-20px;left:-2px}.mark-section{border:2px solid var(--ink);background:var(--paper);text-align:center;border-radius:3px 6px 2px 5px;min-width:26px;padding:2px 6px 0;font-size:20px;line-height:1.1;position:absolute;top:-30px;left:-14px}.mark-section+.bar-number{display:none}.mark-ending{border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);padding:0 0 0 6px;font-size:17px;line-height:1.2;position:absolute;top:-22px;left:-1px;right:30%}.mark-sign{font-family:Petaluma Text;font-size:20px;line-height:1;position:absolute;top:-26px;left:30px}.mark-fermata{font-family:Petaluma Text;font-size:18px;line-height:1;position:absolute;top:-6px;left:50%}.mark-text{white-space:nowrap;color:var(--ink-2);font-size:16px;position:absolute;bottom:-22px;left:8px}.timesig{text-align:center;font-size:26px;line-height:.9;display:grid;position:absolute;top:50%;left:12px;translate:0 -50%}.bar-in-range:before{content:"";border-bottom:2px solid var(--ink-2);opacity:.55;height:7px;position:absolute;bottom:4px;left:0;right:0}.bar-clickable{cursor:pointer}.bar-clickable:hover{background:color-mix(in srgb, var(--highlighter) 22%, transparent)}.bar-selected,.bar-selected:hover{background:color-mix(in srgb, var(--highlighter) 40%, transparent);box-shadow:inset 0 0 0 1.5px var(--ink)}.stage-picking .bar-clickable:hover:before{content:"";border-bottom:2px solid var(--ink);height:7px;position:absolute;bottom:4px;left:0;right:0}.bar-highlight{z-index:0;background:var(--highlighter);mix-blend-mode:var(--highlighter-blend);transform-origin:0;pointer-events:none;border-radius:3px 9px 4px 11px/10px 4px 12px 5px;position:absolute;inset:14px 4px;rotate:-.6deg}.chord{z-index:1;white-space:nowrap;align-items:baseline;font-size:50px;line-height:1;display:inline-flex;position:relative}.chord-quality{margin-left:.04em;font-size:.72em}.chord-accidental{font-size:.7em;translate:0 -.45em}.chord-ext{margin-left:.06em;font-size:.5em;translate:0 -.75em}.chord-bass{margin-left:.04em;font-size:.62em}.chord.chord-nc{font-size:28px}.chord-unknown{color:var(--danger)}.transport{height:var(--transport-h);border-top:1px solid var(--line);background:var(--desk);align-items:center;gap:28px;padding:0 20px;display:flex;position:relative}.transport-main{align-items:center;gap:14px;min-width:250px;display:flex}.play{background:var(--ink);width:48px;height:48px;color:var(--on-ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.play:not(:disabled):active{scale:.96}.play:disabled{background:var(--control);color:var(--muted)}.play-icon{fill:currentColor;width:20px;height:20px;position:relative}.play-ring{fill:none;stroke-width:2.5px;position:absolute;inset:0;rotate:-90deg}.play-ring circle{stroke:var(--line)}.play-ring .play-ring-fill{stroke:var(--ink);transition:stroke-dashoffset .2s}.readout{font:500 13px/1.2 var(--mono);font-variant-numeric:tabular-nums;gap:4px;display:grid}.readout-error{color:var(--danger);font-family:var(--sans)}.controls{flex:1;align-items:center;gap:24px;display:flex}.control{gap:7px;display:grid}.select{appearance:none;border:1px solid var(--line);background:var(--control) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%237a7366' stroke-width='1.5'/%3E%3C/svg%3E") right 9px center / 12px no-repeat;border-radius:6px;height:32px;padding:0 30px 0 10px}.select:hover{border-color:var(--ink-2)}.stepper{align-items:center;gap:8px;display:flex}.stepper button,.icon-button{border:1px solid var(--line);background:var(--control);border-radius:6px;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;display:grid}.stepper button:hover:not(:disabled){border-color:var(--ink-2)}.stepper button:disabled{opacity:.4}.stepper-value{min-width:2.6ch;font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:center}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);height:2px}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-moz-range-progress{background:var(--ink);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid var(--desk);border-radius:3px;width:12px;height:18px;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid var(--desk);border-radius:3px;width:8px;height:14px}.control-tempo input[type=range]{width:132px}.band-toggle{border:1px solid var(--line);background:var(--control);border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 12px;display:inline-flex}.popover{position:relative}.practice{margin-left:auto}.band-toggle:hover,.band-toggle[aria-expanded=true]{border-color:var(--ink-2)}.band-toggle-active:after{content:"";background:var(--ink);width:6px;height:6px;box-shadow:0 0 0 2px var(--highlighter);border-radius:50%}.band-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.popover-panel{z-index:10;background:var(--paper);border:1px solid var(--paper-edge);border-radius:8px;padding:14px 12px 12px;position:absolute;bottom:calc(100% + 18px);right:0;box-shadow:0 16px 40px -18px #0006}.mixer{gap:4px;display:flex}.practice-panel{gap:16px;width:340px;padding:4px 6px;display:grid}.practice-row{gap:8px;display:grid}.practice-loop,.practice-sections{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.practice-value{font:500 13px/1 var(--mono);margin-right:auto}.practice-off{color:var(--muted)}.practice-unit{color:var(--muted);font-size:13px}.chip{border:1px solid var(--line);background:var(--control);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:13px;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--ink-2)}.chip:disabled{opacity:.45}.chip[aria-pressed=true],.chip-primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.chip-danger{border-color:var(--danger);color:var(--danger)}.chip-meta{font:500 10.5px/1 var(--mono);opacity:.6}.share .band-toggle{height:30px;color:var(--ink-2);background:0 0}.share .popover-panel{z-index:30;padding:6px;top:calc(100% + 8px);bottom:auto}.share-panel{width:290px;display:grid}.share-option{text-align:left;background:0 0;border:0;border-radius:6px;gap:2px;padding:9px 10px;display:grid}.share-option:hover{background:var(--control)}.share-name{font-weight:500}.share-desc{color:var(--muted);font-size:12px}.editor{border-top:1px solid var(--line);background:var(--desk);gap:12px;max-height:46dvh;padding:14px 20px;display:grid;overflow:auto}.editor-row{flex-wrap:wrap;align-items:end;gap:10px 14px;display:flex}.editor-nav{align-self:center;align-items:center;gap:8px;display:flex}.editor-barno{min-width:7ch;font:500 13px/1 var(--mono);text-align:center}.editor-of{color:var(--muted)}.icon-button:disabled{opacity:.4}.editor-chords{flex:1;gap:5px;min-width:240px;display:grid}.editor-input{border:1.5px solid var(--ink);background:var(--paper);height:40px;font:500 17px/1 var(--mono);border-radius:6px;padding:0 12px}.editor-input:focus-visible{outline-offset:1px}.editor-input-error{border-color:var(--danger)}.editor-hint{color:var(--muted);font-size:12px}.editor-hint-error{color:var(--danger)}.editor-buttons{align-self:start;gap:6px;margin-top:6px;display:flex}.editor-spacer{flex:1}.field{gap:6px;display:grid}.field-pair{gap:4px;display:flex}.field-text{flex:1;min-width:120px;max-width:220px}.field-text .text-input{width:100%}.text-input{border:1px solid var(--line);background:var(--control);border-radius:6px;height:32px;padding:0 10px}.text-input-number{width:76px;font-family:var(--mono)}.check{align-items:center;gap:6px;height:32px;font-size:13px;display:inline-flex}.check input{accent-color:var(--ink)}.sheet-input{border:0;border-bottom:1px dashed var(--line);min-width:0;font-family:var(--script);background:0 0;border-radius:0;padding:0}.sheet-input:focus-visible{border-bottom-color:var(--ink);outline:none}input.sheet-title{width:100%;text-decoration:none}.sheet-head-edit{grid-template-columns:1fr minmax(0,2fr) 1fr}.strip{justify-items:center;gap:10px;width:72px;display:grid}input.fader{writing-mode:vertical-lr;direction:rtl;width:20px;height:120px}input.fader::-webkit-slider-runnable-track{width:2px;height:auto}input.fader::-webkit-slider-thumb{width:18px;height:12px;margin-top:0;margin-left:-8px}input.fader::-moz-range-thumb{width:14px;height:8px}.strip-value{font:500 11px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.mute{border:1px solid var(--line);background:var(--control);width:100%;height:24px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:5px}.mute[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.strip-muted .fader,.strip-muted .strip-value{opacity:.35}.mixer-divider{background:var(--line);align-self:stretch;width:1px;margin:0 6px}.strip-master{width:88px}.master-controls{align-items:stretch;gap:8px;display:flex}.meter{border:1px solid var(--line);background:var(--control);border-radius:3px;width:8px;height:120px;position:relative;overflow:hidden}.meter-bar{background:var(--ink-2);height:0;position:absolute;inset:auto 0 0}.meter-peak{background:var(--ink);height:2px;position:absolute;bottom:0;left:0;right:0}.meter-peak[data-hot=true]{background:var(--danger)}.dialog{border:1px solid var(--paper-edge);background:var(--paper);width:min(560px,100vw - 24px);color:var(--ink);border-radius:8px;padding:24px;box-shadow:0 24px 60px -20px #00000080}.dialog::backdrop{background:#14120f73}.dialog-title{margin:0 0 8px;font-size:18px;font-weight:600}.dialog-text{color:var(--ink-2);margin:0 0 14px}.dialog-text code{font:500 12.5px var(--mono)}.dialog-input{border:1px solid var(--line);background:var(--control);width:100%;font:12.5px/1.4 var(--mono);resize:vertical;border-radius:6px;padding:10px}.dialog-row{gap:8px;margin-top:12px;display:flex}.dialog-spacer{flex:1}.file-button input{display:none}.button-primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.button-primary:hover{border-color:var(--ink)}.button:disabled{opacity:.45;cursor:default}.dialog-status{margin:12px 0 0}.dialog-status-error{color:var(--danger)}@media (width<=1100px){.topbar-tag{display:none}.stage{padding:24px}.sheet{padding:36px 32px 48px}.chord{font-size:36px}}@media (width<=820px){:root{--transport-h:auto}.workspace{grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}.topbar{gap:6px;padding:0 10px}.topbar-link,.topbar-button,.tunes-toggle,.share .band-toggle{padding:0 9px}.wordmark{margin-right:auto}.topbar-spacer{display:none}.bar-pair .chord{font-size:19px}.topbar-link-text{display:none}.tunes-toggle{display:inline-flex}.library{z-index:20;background:var(--desk);width:min(300px,85vw);transition:translate .2s;position:absolute;inset:0 auto 0 0;translate:-102%;box-shadow:12px 0 40px -20px #00000080}.library-open .library{translate:0}.stage{padding:12px}.sheet{padding:24px 14px 32px}.sheet-head{grid-template-columns:1fr 1fr;row-gap:8px;margin-bottom:28px}.sheet-title{grid-area:1/1/auto/-1;font-size:32px}.sheet-meta{font-size:16px}.rows{row-gap:26px}.bar{min-height:60px;padding:0 6px}.bar-with-time{padding-left:24px}.bar-repeat-start{padding-left:16px}.bar-repeat-start.bar-with-time{padding-left:36px}.bar-repeat-start.bar-with-time .timesig{left:16px}.glyph-repeat{font-size:20px}.mark-section{min-width:20px;font-size:15px;top:-24px;left:-8px}.mark-sign{font-size:15px;top:-20px;left:18px}.mark-text{font-size:13px;bottom:-20px}.timesig{font-size:18px;left:6px}.chord{font-size:25px}.transport{flex-wrap:wrap;row-gap:12px;padding:12px}.transport-main{flex:1;min-width:0}.controls>.control{flex:none}.controls{flex-wrap:wrap;flex-basis:100%;order:3;gap:10px 16px}.control-tempo input[type=range]{display:none}.practice{margin-left:0}.popover{position:static}.popover-panel{bottom:calc(100% + 8px);left:12px;right:12px;overflow-x:auto}.practice-panel{width:auto}.mixer{justify-content:center}.topbar{position:relative}.share .popover-panel{left:auto}.editor{gap:10px;padding:12px}.editor-chords{flex-basis:100%;order:-1}.editor-buttons{align-self:center;margin:0 0 0 auto}.sheet-head-edit{grid-template-columns:1fr 1fr}.editor-hint{display:none}.editor-hint-error{display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media print{@page{size:auto;margin:12mm}:root{--desk:#fff;--paper:#fff;--paper-edge:#fff;--ink:#000;--ink-2:#000;--muted:#000;--line:#000;--control:#fff;--highlighter:transparent;--highlighter-blend:normal;--on-ink:#000;--danger:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}.topbar,.library,.transport,.editor,.lab,.popover-panel,.dialog{display:none!important}.app,.workspace{height:auto;min-height:0;display:block;overflow:visible}.stage{padding:0;overflow:visible}.sheet{width:100%;max-width:none;min-height:0;box-shadow:none;color:#000;border:0;border-radius:0;margin:0;padding:0;background:#fff!important}.sheet *{color:#000!important;box-shadow:none!important;background-color:#0000!important}.sheet-head{break-after:avoid-page}.row{break-inside:avoid;page-break-inside:avoid}.bar-highlight{display:none!important}}.topbar-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.lab{border-top:1px solid var(--line);background:var(--desk);grid-auto-rows:max-content;gap:10px;max-height:52dvh;padding:12px 20px 14px;display:grid;position:relative;overflow:auto}.lab-head,.lab-tabs,.lab-options{flex-wrap:wrap;align-items:end;gap:8px 14px;display:flex}.lab-tabs,.lab-options{align-items:center;gap:6px 8px}.lab-divider{background:var(--line);width:1px;height:20px;margin:0 4px}.lab-title{margin:0 6px 6px 0;font-size:15px;font-weight:600}.lab-swing{align-items:center;gap:8px;height:32px;display:flex}.lab-swing input{width:110px;accent-color:var(--ink)}.lab-swing output{min-width:82px;font:500 12px/1 var(--mono);color:var(--ink-2)}.lab-hint,.lab-note{color:var(--muted);margin:0;font-size:12.5px}.lab-hint{margin-left:6px}.lab-grid-wrap{gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.lab-grid{border-collapse:collapse;width:max-content}.lab-grid th{z-index:1;background:var(--desk);text-align:left;white-space:nowrap;min-width:112px;color:var(--ink-2);padding:0 10px 0 0;font-size:12.5px;font-weight:500;position:sticky;left:0}.lab-row-remove{width:18px;height:18px;color:var(--muted);opacity:0;background:0 0;border:0;border-radius:4px;margin-right:4px;padding:0}.lab-grid tr:hover .lab-row-remove,.lab-row-remove:focus-visible{opacity:1}.lab-cell{padding:2px 1px}.lab-beat{padding-left:5px}.lab-bar{border-left:2px solid var(--line);padding-left:7px}.lab-hit{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:4px;width:22px;height:22px;padding:0;display:block}.lab-beat .lab-hit{border-color:var(--muted)}.lab-hit:hover{border-color:var(--ink)}.lab-hit[data-level=soft]{background:color-mix(in srgb, var(--ink) 30%, var(--paper))}.lab-hit[data-level=normal]{background:color-mix(in srgb, var(--ink) 68%, var(--paper))}.lab-hit[data-level=accent]{background:var(--ink);border-color:var(--ink)}.lab-hit[data-maybe]{background-image:repeating-linear-gradient(135deg, transparent 0 3px, var(--paper) 3px 5px)}.lab-now .lab-hit{box-shadow:0 0 0 2px var(--highlighter)}@media (width<=820px){.topbar-long{display:none}.topbar-lab{text-transform:capitalize}.lab-head{gap:8px 10px}.lab-title{display:none}.lab-close{position:absolute;top:8px;right:10px}.lab-head{padding-right:36px}.lab{max-height:58dvh;padding:10px 12px 12px}.lab-hint{flex-basis:100%;margin-left:0}.lab-grid th{min-width:84px;font-size:11.5px}.lab-hit{width:26px;height:30px}.lab-row-remove{opacity:1}}