@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/geist-mono-cyrillic-400-normal-Ce5q_31Z.woff2) format("woff2"),url(/chordboard/assets/geist-mono-cyrillic-400-normal-BPBWmzPh.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/geist-mono-latin-ext-400-normal-Cgks_Qgx.woff2) format("woff2"),url(/chordboard/assets/geist-mono-latin-ext-400-normal-CxNRRMGd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/geist-mono-latin-400-normal-LC9RFr9I.woff2) format("woff2"),url(/chordboard/assets/geist-mono-latin-400-normal-CoULgQGM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/chordboard/assets/geist-mono-cyrillic-600-normal-CGND36d7.woff2) format("woff2"),url(/chordboard/assets/geist-mono-cyrillic-600-normal-DrylrLu6.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/chordboard/assets/geist-mono-latin-ext-600-normal-CJwYYto2.woff2) format("woff2"),url(/chordboard/assets/geist-mono-latin-ext-600-normal-EvIRCXgu.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/chordboard/assets/geist-mono-latin-600-normal-DQQBcVN0.woff2) format("woff2"),url(/chordboard/assets/geist-mono-latin-600-normal-DsVeri3b.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/martian-mono-cyrillic-400-normal-BCR-5knY.woff2) format("woff2"),url(/chordboard/assets/martian-mono-cyrillic-400-normal-Br6HGNtH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/martian-mono-latin-ext-400-normal-CqsZQCXg.woff2) format("woff2"),url(/chordboard/assets/martian-mono-latin-ext-400-normal-CBFElp5P.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/chordboard/assets/martian-mono-latin-400-normal-DZsjfPjH.woff2) format("woff2"),url(/chordboard/assets/martian-mono-latin-400-normal-DM4nBGIh.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono VF;src:url(/chordboard/assets/MartianMonoVF-Jn4VMIZM.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-style:normal;font-display:swap}:root{color-scheme:dark;--radius: 4px;--font-size: 11;--font-size-sm: calc(12 / var(--font-size) * 1rem);--font-weight-strong: 600;--line-height: 20;--computed-line-height: calc(var(--line-height) / var(--font-size) * 1rem);--space-unit: calc(8 / var(--font-size) * 1rem);--space-0-5: calc(var(--space-unit) * .5);--space-1: var(--space-unit);--space-1-5: calc(var(--space-unit) * 1.5);--space-2: calc(var(--space-unit) * 2);--space-2-5: calc(var(--space-unit) * 2.5);--space-3: calc(var(--space-unit) * 3);--space-3-5: calc(var(--space-unit) * 3.5);--space-4: calc(var(--space-unit) * 4);--space-4-5: calc(var(--space-unit) * 4.5);--space-5: calc(var(--space-unit) * 5);--space-5-5: calc(var(--space-unit) * 5.5);--pad-min: 109px;--color-gray-050: hsl(0 0% 5%);--color-gray-100: hsl(0 0% 10%);--color-gray-150: hsl(0 0% 15%);--color-gray-200: hsl(0 0% 20%);--color-gray-300: hsl(0 0% 30%);--color-gray-400: hsl(0 0% 40%);--color-gray-450: hsl(0 0% 45%);--color-gray-500: hsl(0 0% 50%);--color-gray-550: hsl(0 0% 55%);--color-gray-600: hsl(0 0% 60%);--color-gray-700: hsl(0 0% 70%);--color-gray-800: hsl(0 0% 80%);--color-gray-900: hsl(0 0% 900%);--color-gray-950: hsl(0 0% 95%);--color-warning: oklch(.8 .17 60);--color-valid: oklch(80% .17 140);--color-layer-0: var(--color-gray-050);--color-layer-1: var(--color-gray-200);--color-layer-2: var(--color-gray-300);--color-layer-3: var(--color-gray-550);--color-text: var(--color-gray-950);--color-text-weak: var(--color-gray-800);--color-text-meta: var(--color-gray-600);--color-border: var(--color-gray-200)}*{box-sizing:border-box;margin:0;padding:0}.prevent-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}html{font-family:Martian Mono VF,ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Mono,Source Code Pro,Fira Mono,Droid Sans Mono,Consolas,Courier New,monospace;font-size:calc(var(--font-size) / 16 * 100%);font-stretch:80%;line-height:var(--computed-line-height);background-color:var(--color-layer-0);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100svh;display:grid;grid-template-rows:auto 1fr}svg{display:block;height:auto}hr{border:none;height:1px;background-color:var(--color-border)}h2,h3,h4{text-transform:uppercase;font-size:1rem;font-weight:var(--font-weight-strong)}a:any-link{color:inherit}.label-text{font-weight:var(--font-weight-strong);text-transform:uppercase;display:inline-block;padding-right:var(--space-3);padding-bottom:var(--space-1)}label:has(:is(select,input):disabled) .label-text{opacity:.5}select{display:block;width:100%;background-color:var(--color-layer-0);color:var(--color-text-meta);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-weight:400;font-size:1rem;line-height:inherit;height:var(--space-4-5);padding:0 var(--space-0-5)}button{display:inline-block;color:inherit;background:none;border:none;padding:0;font:inherit;font-weight:var(--font-weight-strong);text-transform:uppercase;-webkit-tap-highlight-color:transparent}button:disabled{color:var(--color-text-meta);cursor:not-allowed}.button{border-radius:var(--radius);padding:var(--space-1) var(--space-1-5);color:var(--color-text)}.button:active:not(:disabled){background-color:var(--color-layer-2)}.button.block{width:100%;text-align:center}.button.primary{background-color:var(--color-layer-1)}.button.primary:active:not(:disabled){background-color:var(--color-layer-2)}.icon-button{padding:var(--space-1);display:flex;align-items:center;justify-content:center;text-align:center}.info-list{list-style:none;display:grid;gap:var(--space-1-5);padding:0}.info-title{display:block;font-weight:var(--font-weight-strong);text-transform:uppercase;margin-bottom:var(--space-0-5)}.info-text{display:block;color:var(--color-text-meta);text-transform:none;font-weight:400}.warning{position:fixed;inset:auto 0 0 0}.button-warning{width:100%;color:var(--color-warning);padding:var(--space-1) var(--space-1-5);display:flex;align-items:center;justify-content:center;gap:var(--space-1);background-color:var(--color-layer-0)}dialog{color:inherit;background-color:var(--color-layer-0);width:100%;max-width:calc(100% - var(--space-2-5) * 2);max-height:100%;margin:auto;border:none;border-radius:var(--radius);opacity:0;transform:translateY(calc(var(--space-2) * 1));transition:all var(--dialog-open-duration, .15s) ease;transition-behavior:allow-discrete;overflow-x:hidden}dialog::backdrop{transition:inherit;opacity:0;background:#00000080}.dialog-fullscreen{margin:0;min-height:100%;max-width:100%;border-radius:0}.dialog-bottom{margin:auto auto 0;max-width:100%;border-radius:var(--radius) var(--radius) 0 0;transform:translateY(100%);opacity:1}dialog:open{opacity:1;transform:translateY(0)}dialog:open::backdrop{opacity:1}@starting-style{dialog:open{opacity:0;transform:translateY(calc(var(--space-2) * 1))}dialog:open::backdrop{opacity:0}.dialog-bottom:open{opacity:1;transform:translateY(100%)}}.dialog-body{display:grid;gap:var(--space-2-5);padding-bottom:var(--space-2-5)}.dialog-top{background-color:var(--color-layer-0);padding:var(--space-2-5);margin-bottom:calc(var(--space-2-5) * -1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}.dialog-close{padding:var(--space-1);margin-top:calc(var(--space-1) * -1);margin-bottom:calc(var(--space-1) * -1);margin-right:calc(var(--space-1) * -1)}.dialog-content{padding:0 var(--space-2-5)}.dialog-content-divider{border-top:1px solid var(--color-border);padding-top:var(--space-2-5)}.dialog-buttons{padding:0 var(--space-2-5);display:flex;justify-content:flex-end}.top{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between;padding:var(--space-1-5)}.top-left{display:flex;align-items:center;gap:var(--space-1-5)}.top-buttons{display:flex;align-items:center;margin:calc(var(--space-0-5) * -1)}.pads{--pad-min: 130px;padding:0 var(--space-0-5) var(--space-0-5);padding:0 2px 2px;gap:2px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pad-min),1fr))}.pad{display:flex;flex-direction:column;gap:var(--space-0-5);display:grid}.pad-buttons{display:flex;justify-content:flex-end;grid-column:1 / -1;grid-row:1 / -1;align-self:end;justify-self:end}.pad-edit{color:var(--color-text-meta);text-box-trim:trim-both;padding:var(--space-1)}.pad-play{text-box-trim:trim-both;border:none;background-color:var(--color-layer-2);color:var(--color-text-weak);border-radius:4px;text-align:left;text-transform:none;font-weight:400;font-size:1rem;padding:var(--space-1-5);min-height:calc(var(--space-5) * 1.5);display:flex;align-items:start;grid-column:1 / -1;grid-row:1 / -1}.pad-play.is-pressed{background-color:var(--color-text);color:var(--color-layer-0)}.pad-play:disabled,.pad-play.pad-unassigned{background-color:var(--color-layer-1);opacity:1;color:var(--color-layer-1)}.pad-play span{text-box-trim:trim-both}.keyboard{--root-dot-size: 4px;--key-w: calc(7 / var(--font-size) * 1rem);--key-h: calc(28 / var(--font-size) * 1rem);--black-w: calc(6 / var(--font-size) * 1rem);--black-h: calc(18 / var(--font-size) * 1rem);--gap: 1px;position:relative;padding:calc(var(--root-dot-size) + 2px) 0;margin:calc(var(--root-dot-size) * -1 - 2px) 0;overflow:hidden}.keyboard-extended{--key-h: calc(36 / var(--font-size) * 1rem);--black-h: calc(24 / var(--font-size) * 1rem)}.keyboard-octaves{position:relative;display:flex;gap:var(--gap)}.keyboard-wrapper{border-radius:calc(var(--radius) / 2);overflow:hidden}.keyboard-octave{flex-shrink:0;position:relative;width:calc(var(--key-w) * 7 + var(--gap) * 6);height:var(--key-h)}.key{position:absolute;top:0;background:var(--color-layer-3)}.key-played{background:var(--color-text)}.key-white{width:var(--key-w);height:var(--key-h)}.key-black{width:var(--black-w);height:var(--black-h);border:1px solid var(--color-layer-0);background-color:var(--color-layer-0);border-top-width:0}.key-black.key-played{background-color:var(--color-text)}.keyboard .key-c{left:calc((var(--key-w) + var(--gap)) * 0)}.keyboard .key-d{left:calc((var(--key-w) + var(--gap)) * 1)}.keyboard .key-e{left:calc((var(--key-w) + var(--gap)) * 2)}.keyboard .key-f{left:calc((var(--key-w) + var(--gap)) * 3)}.keyboard .key-g{left:calc((var(--key-w) + var(--gap)) * 4)}.keyboard .key-a{left:calc((var(--key-w) + var(--gap)) * 5)}.keyboard .key-b{left:calc((var(--key-w) + var(--gap)) * 6)}.keyboard .key-db{left:calc((1 * var(--key-w) + 0 * var(--gap) + var(--gap) / 2) - var(--black-w) / 2)}.keyboard .key-eb{left:calc((2 * var(--key-w) + 1 * var(--gap) + var(--gap) / 2) - var(--black-w) / 2)}.keyboard .key-gb{left:calc((4 * var(--key-w) + 3 * var(--gap) + var(--gap) / 2) - var(--black-w) / 2)}.keyboard .key-ab{left:calc((5 * var(--key-w) + 4 * var(--gap) + var(--gap) / 2) - var(--black-w) / 2)}.keyboard .key-bb{left:calc((6 * var(--key-w) + 5 * var(--gap) + var(--gap) / 2) - var(--black-w) / 2)}.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2-5);align-items:center;display:flex;flex-wrap:wrap}.edit-grid-item{flex-grow:1}.chord-preview-output{display:flex;gap:var(--space-2);flex-direction:row-reverse;justify-content:flex-end;align-items:center}.chord-preview-summary{display:flex;gap:var(--space-2);align-items:center}.chord-preview-play-button{padding:calc(10 / var(--font-size) * 1rem);display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--color-layer-1);color:var(--color-text);border-radius:var(--radius)}.chord-preview-play-button.is-pressed{background-color:var(--color-text);color:var(--color-layer-0)}.chord-preview{display:grid;gap:var(--space-2-5)}.edit-grid-item.transpose-control{flex-basis:100%}.transpose-control{display:flex;gap:var(--space-0-5);justify-content:space-between;align-items:center;margin-bottom:calc(var(--space-1-5) * -1)}.transpose-control .label-text{padding-bottom:0}.transpose-buttons{display:flex;align-items:center;margin:calc(var(--space-1) * -1)}.transpose-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-strong)}.transpose-reset{font-weight:var(--font-weight-strong);text-transform:uppercase;padding:0 var(--space-0-5);border-radius:var(--radius);background-color:var(--color-layer-1);color:var(--color-text)}.transpose-reset:disabled{opacity:.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.toggle-buttons{display:flex;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-layer-1);margin:0 var(--space-2-5)}.toggle-button{color:var(--color-text-meta);text-transform:uppercase;font-weight:var(--font-weight-strong);padding:var(--space-1) var(--space-2);flex-basis:50%;text-align:center;border-radius:calc(var(--radius) - 1px)}.toggle-button:has(.toggle-button-input:checked){color:var(--color-text);background-color:var(--color-layer-0)}.global-scale-info{display:flex;align-items:center;gap:var(--space-0-5);color:var(--color-text-meta)}.custom-select{display:grid;align-items:center}.custom-select select{padding:0 var(--space-4) 0 var(--space-1-5);-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:1 / -1 / 1 / -1}.custom-select svg{grid-area:1 / -1 / 1 / -1;justify-self:end;margin-right:var(--space-1);pointer-events:none}.custom-select-icon{stroke:var(--color-text-meta)}.toggle-label{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius)}.toggle-label .label-text{padding-bottom:0;text-transform:none;font-weight:var(--font-weight-normal)}.toggle-label-description{padding-right:calc(var(--space-2) * 3)}.checkbox-hidden{opacity:0;position:absolute;z-index:-1;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.checkbox-toggle{--checkbox-toggle-padding: calc(var(--space-unit) * .25);display:inline-block;width:calc(var(--space-1) * 5);height:var(--space-3);padding:var(--checkbox-toggle-padding);border-radius:9999rem;background-color:var(--color-layer-1);transition:all .1s ease}.checkbox-toggle:after{content:"";display:block;width:var(--space-2);aspect-ratio:1;border-radius:100%;background-color:var(--color-layer-0);transition:all .1s ease;translate:var(--checkbox-toggle-padding) var(--checkbox-toggle-padding)}.checkbox-hidden:checked+.checkbox-toggle{background-color:var(--color-text)}.checkbox-hidden:checked+.checkbox-toggle:after{background-color:var(--color-layer-0);translate:calc(100% - calc(var(--checkbox-toggle-padding) * 2));width:var(--space-2-5)}.flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-1-5{gap:var(--space-1-5)}.flex-grow-1{flex-grow:1}.flex-basis-40{flex-basis:40%}.flex-grow-2{flex-grow:2}.color-meta{color:var(--color-text-meta)}.color-valid{color:var(--color-valid)}.color-scale{color:var(--color-scale)}.color-warning{color:var(--color-warning)}.uppercase{text-transform:uppercase}.nocase{text-transform:none}.list{padding-left:2ch}.list li::marker{content:"- "}.fw-normal{font-weight:400}.strong{font-weight:var(--font-weight-strong)}.mb-1{margin-bottom:var(--space-1)}::view-transition-group(dialog-midi){background-color:var(--color-layer-0)}