.chordsketch-chord-pro-editor,.chordsketch-chord-pro-preview,.chordsketch-source-area,.chordsketch-split-layout,.chordsketch-preview{--cs-crimson-50: #FDF2F5;--cs-crimson-100: #FBE1E8;--cs-crimson-300: #EC8AA3;--cs-crimson-500: #BD1642;--cs-crimson-600: #A30F37;--cs-crimson-700: #87092C;--cs-crimson-900: #480418;--cs-crimson: var(--cs-crimson-500);--cs-fg-on-crimson: #FFFFFF;--cs-ink-0: #FFFFFF;--cs-ink-50: #FAFAF7;--cs-ink-100: #F6F4F7;--cs-ink-200: #E8E6EA;--cs-ink-300: #D4D1D6;--cs-ink-500: #8A8790;--cs-ink-600: #67646D;--cs-ink-700: #44424A;--cs-ink-1000: #0A0A0B;--cs-canvas: var(--cs-ink-50);--cs-surface: var(--cs-ink-0);--cs-surface-hover: var(--cs-ink-100);--cs-border: var(--cs-ink-200);--cs-border-strong: var(--cs-ink-300);--cs-text-primary: var(--cs-ink-1000);--cs-text-strong: var(--cs-ink-700);--cs-text-secondary: var(--cs-ink-600);--cs-text-tertiary: var(--cs-ink-500);--cs-success-surface: #E8F3EC;--cs-success-fg: #1A6B3A;--cs-warning-surface: #FBF1D9;--cs-warning-fg: #8A5A07;--cs-danger-surface: #FBE1E8;--cs-danger-fg: #A30F37;--cs-info-surface: #E6EEF7;--cs-info-fg: #1F4F8A;--cs-focus-ring: 0 0 0 2px var(--cs-ink-0), 0 0 0 4px var(--cs-crimson-500);--cs-font-jp: "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-display: "Noto Sans JP", system-ui, sans-serif;--cs-font-latin: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cs-font-sans: var(--cs-font-jp);--cs-font-chord: "Roboto", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-chart-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--cs-font-music: "Bravura Text", "Noto Music", "Symbola", serif;--cs-fs-10: .625rem;--cs-fs-12: .75rem;--cs-fs-13: .8125rem;--cs-fs-14: .875rem;--cs-fs-15: .9375rem;--cs-fs-16: 1rem;--cs-fs-18: 1.125rem;--cs-fs-24: 1.5rem;--cs-fs-30: 1.875rem;--cs-fs-36: 2.25rem;--cs-fs-48: 3rem;--cs-fs-60: 3.75rem;--cs-fs-72: 4.5rem;--cs-sp-1: .25rem;--cs-sp-2: .5rem;--cs-sp-3: .75rem;--cs-sp-4: 1rem;--cs-sp-5: 1.25rem;--cs-sp-6: 1.5rem;--cs-sp-8: 2rem;--cs-sp-10: 2.5rem;--cs-sp-12: 3rem;--cs-sp-16: 4rem;--cs-sp-20: 5rem;--cs-sp-24: 6rem;--cs-sp-32: 8rem;--cs-r-1: 2px;--cs-r-2: 4px;--cs-r-3: 8px;--cs-r-4: 12px;--cs-r-full: 9999px;--cs-e-1: 0 1px 2px rgba(10, 10, 11, .04);--cs-e-2: 0 4px 12px rgba(10, 10, 11, .08);--cs-e-3: 0 16px 32px rgba(10, 10, 11, .12);--cs-e-overlay: 0 24px 48px rgba(10, 10, 11, .18);--cs-ease-out: cubic-bezier(.2, .8, .2, 1);--cs-dur-1: .12s;--cs-dur-2: .2s;--cs-dur-3: .28s;--cs-dur-4: .4s;--cs-maxw-app: 1280px;--cs-maxw-reading: 720px;--cs-maxw-guide: 1080px}@media(prefers-reduced-motion:reduce){.chordsketch-chord-pro-editor,.chordsketch-chord-pro-preview,.chordsketch-source-area,.chordsketch-split-layout,.chordsketch-preview{--cs-dur-1: 0ms;--cs-dur-2: 0ms;--cs-dur-3: 0ms;--cs-dur-4: 0ms}}.chordsketch-transpose,.chordsketch-capo{display:inline-flex;align-items:center;gap:var(--cs-sp-2, .5rem);font-family:var(--cs-font-latin, inherit);font-weight:600;font-size:var(--cs-fs-12, .75rem);letter-spacing:0;color:var(--cs-text-secondary, currentColor);line-height:1}.chordsketch-transpose__label,.chordsketch-capo__label{flex-shrink:0}.chordsketch-transpose__select,.chordsketch-capo__select{height:28px;padding:0 1.75rem 0 .75rem;background-color:var(--cs-surface, #FFFFFF);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;color:var(--cs-text-primary, inherit);border:1px solid var(--cs-border-strong, #D4D1D6);border-radius:4px;font-family:var(--cs-font-jp, inherit);font-weight:500;font-size:var(--cs-fs-13, .8125rem);font-variant-numeric:tabular-nums;letter-spacing:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1, .12s) var(--cs-ease-out, ease-out),border-color var(--cs-dur-1, .12s) var(--cs-ease-out, ease-out),box-shadow var(--cs-dur-1, .12s) var(--cs-ease-out, ease-out)}.chordsketch-transpose__select:hover:not(:disabled),.chordsketch-capo__select:hover:not(:disabled){border-color:var(--cs-text-secondary, #67646D)}.chordsketch-transpose__select:focus-visible,.chordsketch-capo__select:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #FFFFFF, 0 0 0 4px #BD1642)}.chordsketch-transpose__select:disabled,.chordsketch-capo__select:disabled{cursor:not-allowed;opacity:.5}.chordsketch-capo__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chordsketch-capo__hint{display:block;margin-top:var(--cs-sp-1, .25rem);font-family:var(--cs-font-jp, inherit);font-size:var(--cs-fs-12, .75rem);line-height:1;color:var(--cs-text-tertiary, #8A8790)}.chordsketch-capo__hint--error{color:var(--cs-danger-fg, #A30F37)}.chordsketch-preview-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--cs-sp-3, .75rem);padding:var(--cs-sp-3, .75rem) var(--cs-sp-4, 1rem)}.chordsketch-preview-toolbar__group{display:flex;align-items:center;gap:var(--cs-sp-2, .5rem)}.chordsketch-preview-toolbar__label{font-size:.85em;opacity:.7}.chordsketch-preview-toolbar__group--diagrams .chordsketch-preview-toolbar__label{font-family:var(--cs-font-latin);font-weight:600;font-size:.75rem;color:var(--cs-text-secondary);letter-spacing:0;opacity:1}.chordsketch-preview-toolbar__diagrams-orientation{height:28px;padding:0 1.75rem 0 .75rem;background-color:var(--cs-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;color:var(--cs-text-primary);border:1px solid var(--cs-border-strong);border-radius:4px;font-family:var(--cs-font-jp);font-weight:500;font-size:.8125rem;letter-spacing:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-preview-toolbar__diagrams-orientation:hover{border-color:var(--cs-text-secondary)}.chordsketch-preview-toolbar__diagrams-orientation:focus-visible{outline:none;border-color:var(--cs-crimson-500);box-shadow:var(--cs-focus-ring)}.chordsketch-preview-toolbar__export{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font:inherit;cursor:pointer;background:transparent;border:1px solid currentColor;border-radius:4px;color:inherit}.chordsketch-preview-toolbar__export:disabled{cursor:not-allowed;opacity:.4}.chordsketch-preview-toolbar__export:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chordsketch-sheet{font-family:inherit}.chordsketch-sheet[aria-busy=true]{opacity:.75;transition:opacity .15s ease-in-out}.chordsketch-sheet__text{font-family:SF Mono,Fira Code,Cascadia Code,monospace;line-height:1.5;white-space:pre;overflow-x:auto}.chordsketch-sheet__content{font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);font-size:1rem;line-height:1.6875;color:var(--cs-ink-1000, #0a0a0b);padding:2em 1.5em}.chordsketch-sheet__content h1{font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, -apple-system, sans-serif);font-weight:700;font-size:1.875rem;letter-spacing:-.02em;color:var(--cs-ink-1000, #0a0a0b);margin:0 0 .2em}.chordsketch-sheet__content h2{font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, -apple-system, sans-serif);font-weight:400;font-size:1rem;color:var(--cs-ink-600, #67646d);margin:0}.chordsketch-sheet__content .meta{font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:.8125rem;color:var(--cs-ink-600, #67646d);margin:0 0 .4em;font-feature-settings:"tnum" 1}.chordsketch-sheet__content .song-header>.meta:last-of-type{margin-bottom:1.5em}.chordsketch-sheet__content .meta--attribution{font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif);font-size:1rem;color:var(--cs-ink-700, #4a4750);margin:.1em 0}.chordsketch-sheet__content .meta--attribution-secondary{font-size:.8125rem;color:var(--cs-ink-500, #8a8790);margin-bottom:.8em}.chordsketch-sheet__content .meta__label{color:var(--cs-ink-500, #8a8790);font-weight:400}.chordsketch-sheet__content .meta--params{display:flex;flex-wrap:wrap;gap:.4em;margin:.2em 0 .8em}.chordsketch-sheet__content .meta__chip{display:inline-block;padding:.15em .6em;border:1px solid var(--cs-border, #d4d1d6);border-radius:4px;background-color:var(--cs-surface-tint, #fafafa);color:var(--cs-ink-800, #2a262e);font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.8125rem;font-weight:500;line-height:1.4;font-feature-settings:"tnum" 1}.chordsketch-sheet__content .meta--supplementary{font-size:.75rem;color:var(--cs-ink-400, #a8a4ad);margin-bottom:.4em}.chordsketch-sheet__content .meta-inline{display:inline-flex;align-items:center;gap:var(--cs-sp-1, .25rem);margin:.15em .3em .15em 0;padding:0 var(--cs-sp-2, .5rem);min-height:1.6rem;border-radius:var(--cs-r-1, 2px);background-color:var(--cs-ink-100, #f6f4f7);border:1px solid var(--cs-border, #e8e6ea);font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:var(--cs-fs-12, .75rem);color:var(--cs-ink-700, #44424a);line-height:1.2;letter-spacing:.02em;font-feature-settings:"tnum" 1;vertical-align:middle}.chordsketch-sheet__content .meta-inline__label{color:var(--cs-ink-500, #8a8790);font-weight:500}.chordsketch-sheet__content .meta-inline__value{color:var(--cs-ink-1000, #0a0a0b);font-weight:600}.chordsketch-sheet__content .meta-inline__marking{color:var(--cs-ink-500, #67646d);font-weight:400;font-style:italic}.chordsketch-sheet__content .meta-inline--key-pair{gap:.6em}.chordsketch-sheet__content .meta-inline__group{display:inline-flex;align-items:center;gap:.35em}.chordsketch-sheet__content .meta-inline__separator{color:var(--cs-ink-400, #a8a4ad);font-weight:500}.chordsketch-sheet__content .meta-inline__glyph{display:inline-flex;align-items:center;flex-shrink:0;color:var(--cs-ink-1000, #0a0a0b);height:1.1em}.chordsketch-sheet__content .meta-inline__glyph svg{height:100%;width:auto;display:block}.chordsketch-sheet__content span.meta-inline__glyph.music-glyph--time{font-size:.85em}.chordsketch-sheet__content .music-glyph--time{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-family:var(--cs-font-serif, "Source Serif Pro", serif);font-weight:700;font-size:1.1em;letter-spacing:0}.chordsketch-sheet__content .music-glyph--time__num,.chordsketch-sheet__content .music-glyph--time__den{display:block;line-height:.9;font-feature-settings:"tnum" 1}.chordsketch-sheet__content .music-glyph--time__bar{display:block;width:.9em;height:1.5px;margin:.05em 0;background-color:currentColor;border-radius:1px;flex-shrink:0}.chordsketch-sheet__content .music-glyph--metronome__pendulum{transform-origin:9px 19px;animation:cs-metronome-swing var(--cs-metronome-period, 1s) cubic-bezier(.55,0,.45,1) infinite alternate}@keyframes cs-metronome-swing{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@media(prefers-reduced-motion:reduce){.chordsketch-sheet__content .music-glyph--metronome__pendulum{animation:none;transform:rotate(0)}}.chordsketch-sheet__content .role-icon{display:inline-block;vertical-align:-.15em;margin-right:.3em;color:var(--cs-ink-500, #67646d);flex-shrink:0}.chordsketch-sheet__content .meta__role-icon{margin-right:.25em}.chordsketch-sheet__content .tag__icon{margin-right:.2em;color:currentColor}.chordsketch-sheet__content section.grid{display:grid;grid-template-columns:auto auto 1fr auto auto;column-gap:0}.chordsketch-sheet__content section.grid>.section-label{grid-column:1 / -1}.chordsketch-sheet__content .grid-line{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:stretch;position:relative;margin:.35em 0;padding-top:.9em;min-height:2.4em;font-family:var(--cs-font-chord, var(--cs-font-serif, "Source Serif Pro", serif));font-weight:600;font-size:1rem;line-height:1.4;color:var(--cs-ink-900, #1a1718)}.chordsketch-sheet__content .grid-row__lead{display:inline-flex;align-items:stretch;justify-self:start}.chordsketch-sheet__content .grid-row__lead[data-barline-type=final],.chordsketch-sheet__content .grid-row__lead[data-barline-type=repeat-end]{justify-self:end}.chordsketch-sheet__content .grid-row__lead[data-barline-type=repeat-both]{justify-self:center}.chordsketch-sheet__content .grid-line__body{display:grid;align-items:stretch;min-width:0}.chordsketch-sheet__content .grid-line__body>.grid-barline,.chordsketch-sheet__content .grid-line__body>.grid-volta{justify-self:center}.chordsketch-sheet__content .grid-line__body>.grid-barline--repeat-end,.chordsketch-sheet__content .grid-line__body>.grid-barline--final{transform:translate(-50%)}.chordsketch-sheet__content .grid-line__body>.grid-barline--repeat-start{transform:translate(50%)}.chordsketch-sheet__content .grid-row__trail{display:inline-flex;align-items:stretch;justify-self:end}.chordsketch-sheet__content .grid-row__trail[data-barline-type=repeat-start]{justify-self:start}.chordsketch-sheet__content .grid-row__trail[data-barline-type=repeat-both]{justify-self:center}.chordsketch-sheet__content .grid-bar{flex:1 1 0;display:flex;align-items:center;padding:.2em .4em;min-width:3em}.chordsketch-sheet__content .grid-beat{flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;min-width:0}.chordsketch-sheet__content .grid-chord{color:var(--cs-accent, #bd1642);text-align:left}.chordsketch-sheet__content .grid-no-chord{color:var(--cs-ink-500, #67646d);font-style:italic;font-weight:500}.chordsketch-sheet__content .grid-barline{display:inline-flex;align-items:stretch;align-self:stretch;gap:1.5px;flex-shrink:0;position:relative}.chordsketch-sheet__content .grid-barline:not([class*=--]){width:1.5px;background-color:var(--cs-ink-900, #1a1718)}.chordsketch-sheet__content .grid-barline__line{display:inline-block;width:1.5px;background-color:var(--cs-ink-900, #1a1718)}.chordsketch-sheet__content .grid-barline__line--thick{width:3.5px}.chordsketch-sheet__content .grid-barline__dots{display:inline-flex;flex-direction:column;justify-content:center;gap:.18em;padding:0 2.5px}.chordsketch-sheet__content .grid-barline__dots>span{width:3px;height:3px;border-radius:50%;background-color:var(--cs-ink-900, #1a1718);display:inline-block}.chordsketch-sheet__content .grid-volta{display:inline-flex;align-items:stretch;flex-shrink:0;position:relative}.chordsketch-sheet__content .grid-volta .grid-barline__line{background-color:var(--cs-ink-900, #1a1718)}.chordsketch-sheet__content .grid-volta__bracket{position:absolute;top:calc(-.85em - 4px);left:0;border-top:1.5px solid var(--cs-ink-900, #1a1718);border-left:1.5px solid var(--cs-ink-900, #1a1718);box-sizing:border-box;height:.85em;min-width:1em;display:inline-flex;align-items:flex-start;padding:.08em .25em 0;pointer-events:none}.chordsketch-sheet__content .grid-barline--repeat-end>.grid-volta__bracket,.chordsketch-sheet__content .grid-barline--final>.grid-volta__bracket{left:100%}.chordsketch-sheet__content .grid-barline--repeat-both>.grid-volta__bracket,.chordsketch-sheet__content .grid-barline--double>.grid-volta__bracket,.chordsketch-sheet__content .grid-barline:not([class*=--])>.grid-volta__bracket{left:50%}.chordsketch-sheet__content .grid-volta__label{display:inline-block;font-size:.7em;font-weight:600;color:var(--cs-ink-900, #1a1718);line-height:1;white-space:nowrap}.chordsketch-sheet__content .grid-row__label{display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;padding-right:.6em;font-weight:700;color:var(--cs-ink-700, #44424a);text-transform:uppercase;font-size:.85em;letter-spacing:.04em}.chordsketch-sheet__content .grid-row__label:before{content:var(--cs-grid-label-max-text, "");grid-area:1 / 1;visibility:hidden;white-space:pre;pointer-events:none}.chordsketch-sheet__content .grid-row__label__text{grid-area:1 / 1}.chordsketch-sheet__content .grid-row__comment{display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;padding-left:.6em;font-style:italic;font-weight:500;font-size:.85em;color:var(--cs-ink-600, #67646d)}.chordsketch-sheet__content .grid-row__comment:before{content:var(--cs-grid-comment-max-text, "");grid-area:1 / 1;visibility:hidden;white-space:pre;pointer-events:none}.chordsketch-sheet__content .grid-row__comment__text{grid-area:1 / 1}.chordsketch-sheet__content .grid-percent{color:var(--cs-ink-700, #44424a);display:inline-block;vertical-align:middle}.chordsketch-sheet__content .grid-beat--percent1,.chordsketch-sheet__content .grid-beat--percent2{justify-content:center}.chordsketch-sheet__content .grid-bar--percent1-center{position:relative}.chordsketch-sheet__content .grid-bar--percent1-center .grid-beat--percent1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.chordsketch-sheet__content .grid-chord__sep{display:inline-block;margin:0 .15em;color:var(--cs-ink-500, #8a8790);font-weight:400;font-size:.85em}.chordsketch-sheet__content .grid-beat--multi{gap:0}.chordsketch-sheet__content .grid-line--strum{margin-top:-.4em;min-height:1.6em;font-size:.85em;color:var(--cs-ink-600, #67646d)}.chordsketch-sheet__content .grid-strum{font-weight:600}.chordsketch-sheet__content .grid-strum__glyph{font-family:var(--cs-font-mono, ui-monospace, monospace);display:inline-flex;align-items:center;gap:.05em}.chordsketch-sheet__content .grid-strum__antic{font-style:italic;color:var(--cs-ink-500, #8a8790);margin-right:.1em}.chordsketch-sheet__content .grid-strum__sep{color:var(--cs-ink-400, #b6b1bd);font-size:.7em;padding:0 .05em}.chordsketch-sheet__content .grid-strum__part{display:inline-block}.chordsketch-sheet__content .grid-strum--up{color:var(--cs-crimson-500, #bd1642)}.chordsketch-sheet__content .grid-strum--down{color:var(--cs-ink-900, #1a1718)}.chordsketch-sheet__content .grid-strum--up-accent,.chordsketch-sheet__content .grid-strum--down-accent{font-weight:700}.chordsketch-sheet__content .grid-strum--anticipated{font-style:italic}.chordsketch-sheet__content .grid-strum--custom{color:var(--cs-ink-600, #67646d);font-style:italic}.chordsketch-sheet__content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chordsketch-sheet__content .meta--tags{display:flex;flex-wrap:wrap;gap:.375em;margin:0 0 1.5em}.chordsketch-sheet__content .meta--tags .tag{display:inline-block;padding:.125em .5em;border:1px solid var(--cs-border, #d4d1d6);border-radius:999px;font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif);font-size:.75rem;color:var(--cs-ink-700, #67646d)}.chordsketch-sheet__content .line--active{background-color:var(--cs-active-line-bg, rgba(189, 22, 66, .06));border-radius:2px;position:relative}.chordsketch-sheet__content .caret-marker{width:2px;background-color:var(--cs-active-line-accent, #BD1642);pointer-events:none;animation:chordsketch-caret-blink 1.06s steps(2,jump-none) infinite;border-radius:1px}.chordsketch-sheet__content .lyrics>.caret-marker{display:inline-block;vertical-align:text-bottom;height:1em;margin:0 -1px}.chordsketch-sheet__content .chord>.caret-marker,.chordsketch-sheet__content .line--active>.caret-marker{position:absolute;top:0;bottom:0}@keyframes chordsketch-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.chordsketch-sheet__content .caret-marker{animation:none}}.chordsketch-sheet__content .line{display:flex;flex-wrap:wrap;margin:.1em 0}.chordsketch-sheet__content .line--inline-diagrams{align-items:flex-end}.chordsketch-sheet__content .chord-block{display:inline-flex;flex-direction:column;align-items:flex-start}.chordsketch-sheet__content .chord{font-family:var(--cs-font-chord, "Roboto", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);font-weight:700;color:var(--cs-crimson-500, #bd1642);font-size:1rem;letter-spacing:.01em;line-height:1;min-height:1em;position:relative}.chordsketch-sheet__content .chord[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.chordsketch-sheet__content .chord[draggable=true]:active{cursor:grabbing}.chordsketch-sheet__content .lyric-char{display:inline-block}.chordsketch-sheet__content .lyric-char--drop-target{position:relative;border-radius:0 0 3px 3px;background-color:#bd16422e;box-shadow:-3px 0 #bd16422e,3px 0 #bd16422e}.chordsketch-sheet__content .lyric-char--drop-target:before{content:"";position:absolute;pointer-events:none;left:-3px;right:-3px;bottom:100%;height:1em;border-radius:3px 3px 0 0;background-color:#bd16422e}.chordsketch-sheet__content .lyric-char--drop-target-end{display:inline-block;min-width:.4em}.chordsketch-sheet__content .lyrics{font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);font-weight:400;font-size:1.125rem;white-space:pre;position:relative}.chordsketch-sheet__content .empty-line{height:1em}.chordsketch-sheet__content section{margin:1em 0}.chordsketch-sheet__content section>.section-label,.chordsketch-sheet__content .chorus-recall>.section-label{font-family:var(--cs-font-latin, "Inter", system-ui, -apple-system, sans-serif);font-weight:600;font-size:.75rem;color:var(--cs-ink-600, #67646d);margin:0 0 .5em;line-height:1.4}.chordsketch-sheet__content .chorus-recall{margin:1em 0}.chordsketch-sheet__content section.tab .lyrics,.chordsketch-sheet__content section.grid .lyrics,.chordsketch-sheet__content section.abc .lyrics,.chordsketch-sheet__content section.ly .lyrics,.chordsketch-sheet__content section.textblock .lyrics{font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:.875rem;font-feature-settings:"tnum" 1}.chordsketch-sheet__content .comment{font-family:var(--cs-font-latin, "Inter", system-ui, -apple-system, sans-serif);font-style:italic;color:var(--cs-ink-500, #8a8790);margin:.3em 0}.chordsketch-sheet__content .comment-box{border:1px solid var(--cs-border, #d4d1d6);border-radius:4px;padding:.2em .5em;display:block;width:fit-content;margin:.3em 0}.chordsketch-sheet__content .comment.comment--highlight{background-color:var(--cs-highlight-bg, #fff3a3);color:var(--cs-ink-900, #1a1718);font-style:normal;font-weight:600;padding:.15em .4em;border-radius:3px;display:block;width:fit-content}.chordsketch-sheet__content .comment.comment--highlight mark{background:none;color:inherit}.chordsketch-sheet__content img{max-width:100%;height:auto}.chordsketch-sheet__content .chord-block-inline-diagram{line-height:1}.chordsketch-sheet__content .chord-block-inline-diagram .chordsketch-diagram,.chordsketch-sheet__content .chord-block-inline-diagram .chord-diagram{display:block}.chordsketch-sheet__content .chord-has-diagram{cursor:help;text-decoration:underline dotted;text-underline-offset:2px}.chordsketch-sheet__content .chord-diagram-popover{position:absolute;bottom:100%;left:0;z-index:20;display:none;width:max-content;margin-bottom:4px;padding:4px;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border, #d4d1d6);border-radius:var(--cs-r-2, 4px);box-shadow:0 2px 8px #00000026}.chordsketch-sheet__content .chord-diagram-popover svg{max-width:none;width:auto}.chordsketch-sheet__content .chord-has-diagram:hover .chord-diagram-popover,.chordsketch-sheet__content .chord-has-diagram:focus .chord-diagram-popover,.chordsketch-sheet__content .chord-has-diagram:focus-within .chord-diagram-popover{display:block}.chordsketch-sheet__content .chord-diagrams{margin-top:1.5rem}.chordsketch-sheet__content .chord-diagrams-grid{display:flex;flex-wrap:wrap;gap:.75rem}.chordsketch-sheet__content .chord-diagram-container{margin:0}.chordsketch-sheet__content .song--diagrams-bottom{display:flex;flex-direction:column}.chordsketch-sheet__content .song--diagrams-bottom .chord-diagrams[data-position=bottom]{margin-top:auto}.chordsketch-sheet__content .chord-diagrams[data-position=top]{margin-top:.5rem;margin-bottom:1.25rem}.chordsketch-sheet__content .song--diagrams-right{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem}.chordsketch-sheet__content .song__body{flex:1 1 0;min-width:0}.chordsketch-sheet__content .song--diagrams-right .chord-diagrams[data-position=right]{flex:0 0 auto;min-width:12rem;max-width:16rem;margin-top:0;align-self:flex-start;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}@media(max-width:720px){.chordsketch-sheet__content .song--diagrams-right{flex-direction:column}.chordsketch-sheet__content .song--diagrams-right .chord-diagrams[data-position=right]{max-width:none;margin-top:1.5rem;position:static;max-height:none;overflow:visible}}.chordsketch-sheet__error{padding:.5rem .75rem;border:1px solid currentColor;border-radius:4px;margin-bottom:.5rem;font-size:.9em}.chordsketch-textarea{display:grid;grid-template-columns:1fr 1fr;min-height:20rem;border:1px solid currentColor;border-radius:6px;overflow:hidden}.chordsketch-textarea__textarea{min-height:20rem;padding:.75rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.5;border:none;border-right:1px solid currentColor;outline:none;resize:none;background:transparent;color:inherit;-moz-tab-size:4;tab-size:4}.chordsketch-textarea__textarea:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.chordsketch-textarea__preview{padding:.75rem;overflow:auto;background:transparent}@media(max-width:40rem){.chordsketch-textarea{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.chordsketch-textarea__textarea{border-right:none;border-bottom:1px solid currentColor}}.chordsketch-diagram{display:inline-block;color:inherit;font-family:inherit}.chordsketch-diagram svg{display:block;max-width:100%;height:auto;color:inherit}.chordsketch-diagram__notfound,.chordsketch-diagram__error,.chordsketch-diagram__loading{padding:.4rem .6rem;border:1px dashed currentColor;border-radius:4px;font-size:.9em}.chordsketch-diagram__loading{border-style:dotted;opacity:.7}.chordsketch-diagram__error{border-style:solid}.chordsketch-source-area{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--cs-surface)}.chordsketch-source-area>.cm-editor{flex:1;min-height:0}.chordsketch-split-layout{flex:1;display:flex;min-height:0;background:var(--cs-canvas)}.chordsketch-split-layout__pane{min-width:0;display:flex;flex-direction:column;background:var(--cs-surface)}.chordsketch-split-layout__pane--start{flex:var(--cs-split-ratio, .5) 0 0;border-right:1px solid var(--cs-border)}.chordsketch-split-layout__pane--end{flex:calc(1 - var(--cs-split-ratio, .5)) 0 0}.chordsketch-split-layout__splitter{flex:0 0 1px;width:1px;background:var(--cs-border);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;transition:background var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-split-layout__splitter:after{content:"";position:absolute;top:0;bottom:0;left:-5px;right:-5px}.chordsketch-split-layout__splitter:hover,.chordsketch-split-layout__splitter:focus-visible{background:var(--cs-crimson-500)}.chordsketch-split-layout__splitter:focus-visible{outline:none;box-shadow:var(--cs-focus-ring)}@media(max-width:768px){.chordsketch-split-layout{flex-direction:column}.chordsketch-split-layout__pane--start{border-right:none;border-bottom:1px solid var(--cs-border);flex:0 0 40%}.chordsketch-split-layout__pane--end{flex:1}.chordsketch-split-layout__splitter{display:none}}.chordsketch-preview{flex:1;min-height:0;overflow:auto;background:var(--cs-surface);font-family:var(--cs-font-jp);color:var(--cs-text-primary)}.chordsketch-preview--pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;background:var(--cs-canvas);text-align:center;color:var(--cs-text-secondary);font-size:.9375rem}.chordsketch-preview--pdf .chordsketch-pdf-export{height:36px;padding:0 1.25rem;background:var(--cs-crimson-500);color:#fff;border:1px solid transparent;border-radius:4px;font-family:var(--cs-font-jp);font-weight:500;font-size:.875rem;line-height:1;cursor:pointer;transition:background var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-preview--pdf .chordsketch-pdf-export:hover{background:var(--cs-crimson-600)}.chordsketch-preview--pdf .chordsketch-pdf-export:focus-visible{outline:none;box-shadow:var(--cs-focus-ring)}.chordsketch-chord-pro-editor{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--cs-canvas);color:var(--cs-text-primary);font-family:var(--cs-font-jp);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chordsketch-chord-pro-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:56px;padding:0 1.5rem;background:var(--cs-surface);border-bottom:1px solid var(--cs-border);flex-shrink:0}.chordsketch-chord-pro-editor__title{display:inline-flex;align-items:center;gap:.75rem;margin:0;font-family:var(--cs-font-jp);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--cs-text-primary)}.chordsketch-chord-pro-editor__brand-mark{display:inline-block;width:24px;height:24px;border-radius:2px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><rect width="180" height="180" fill="%23BD1642"/><path d="M82.9328334,100.501459 C84.0311093,98.5297919 86.368868,97.6656987 88.5433381,98.2694599 C88.6578145,98.3008392 88.7693854,98.3264075 88.8821185,98.3548813 C89.0669078,98.400207 89.2522781,98.4437894 89.4422973,98.4821419 C89.5375974,98.5013181 89.635222,98.5239809 89.7287788,98.5408328 C89.7729423,98.5489682 89.8165246,98.5507115 89.8606881,98.5559414 C90.8235681,98.7198111 91.8404902,98.8000027 92.9044814,98.7738532 C95.0353691,98.7209733 97.3208289,98.282244 99.5969912,97.4140831 C106.959508,94.607378 111.430478,88.4041529 109.583748,83.5589548 C108.201896,79.9334821 103.674558,78.0966301 98.3993475,78.5760363 C98.7985621,78.4499379 99.1977766,78.3168664 99.5969912,78.1646186 C106.959508,75.3579135 111.430478,69.1546885 109.583748,64.3089092 C108.201896,60.6840176 103.674558,58.8471657 98.3993475,59.3259907 C98.7985621,59.1998924 99.1977766,59.0668209 99.5969912,58.9145731 C106.959508,56.107868 111.430478,49.904643 109.583748,45.0588637 C107.736436,40.2136655 100.270484,38.5604407 92.9079679,41.3671458 C89.9879487,42.4805302 87.5246727,44.1291063 85.7284976,46.0141894 C84.9382039,46.8498088 84.3135231,47.672063 83.8195895,48.5140746 C66.608037,74.3247206 75.0897488,157.615874 75.0897488,157.615874 C75.5546275,146.069449 77.4478459,110.345846 82.9328334,100.501459 Z" fill="%23FFFFFF"/></svg>');background-size:cover;background-repeat:no-repeat;flex-shrink:0}.chordsketch-chord-pro-editor__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.chordsketch-chord-pro-editor__control-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cs-font-latin);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-secondary)}.chordsketch-chord-pro-editor__select{height:28px;padding:0 1.75rem 0 .75rem;background-color:var(--cs-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;color:var(--cs-text-primary);border:1px solid var(--cs-border-strong);border-radius:4px;font-family:var(--cs-font-jp);font-weight:500;font-size:.8125rem;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-chord-pro-editor__select:hover{border-color:var(--cs-text-secondary)}.chordsketch-chord-pro-editor__select:focus-visible{outline:none;border-color:var(--cs-crimson-500);box-shadow:var(--cs-focus-ring)}.chordsketch-chord-pro-editor__transpose{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cs-font-latin);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-secondary)}.chordsketch-chord-pro-editor__split{flex:1;min-height:0}.chordsketch-chord-pro-editor__preview-pane{display:block}@media(max-width:768px){.chordsketch-chord-pro-editor__header{height:auto;flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.chordsketch-chord-pro-editor__title{justify-content:flex-start}.chordsketch-chord-pro-editor__controls{justify-content:flex-start;gap:.75rem}}.chordsketch-chord-pro-preview{display:flex;flex-direction:column;min-height:0;flex:1}.chordsketch-chord-pro-preview__header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--cs-surface);border-bottom:1px solid var(--cs-border);flex-shrink:0}.chordsketch-chord-pro-preview__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end;flex:1}.chordsketch-chord-pro-preview__control-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cs-font-latin);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-secondary)}.chordsketch-chord-pro-preview__select{height:28px;padding:0 1.75rem 0 .75rem;background-color:var(--cs-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;color:var(--cs-text-primary);border:1px solid var(--cs-border-strong);border-radius:4px;font-family:var(--cs-font-jp);font-weight:500;font-size:.8125rem;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-chord-pro-preview__select:hover{border-color:var(--cs-text-secondary)}.chordsketch-chord-pro-preview__select:focus-visible{outline:none;border-color:var(--cs-crimson-500);box-shadow:var(--cs-focus-ring)}.chordsketch-chord-pro-preview__transpose{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cs-font-latin);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-secondary)}.chordsketch-chord-pro-preview__body{flex:1;min-height:0;display:flex;flex-direction:column}.chordsketch-chord-pro-preview__renderer{flex:1;min-height:0}.chordsketch-preview__frame{flex:1;width:100%;height:100%;border:none;background:var(--cs-surface);display:block}.chordsketch-preview--html{display:flex;flex-direction:column;position:relative}.chordsketch-preview__error{margin:1rem;padding:.75rem 1rem;background:var(--cs-crimson-100, #FBE1E8);color:var(--cs-crimson-700, #87092C);font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.8125rem;border:1px solid var(--cs-crimson-300, #EC8AA3);border-radius:4px}.chordsketch-ireal-bar-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--cs-surface, #ffffff);color:var(--cs-text-primary, #0a0a0b);font-family:var(--cs-font-latin, system-ui, sans-serif)}.chordsketch-ireal-bar-grid__loading{color:var(--cs-text-secondary, #67646d);font-style:italic;margin:0}.chordsketch-ireal-bar-grid__error{margin:0;padding:.5rem .75rem;background:var(--cs-danger-surface, #FBE1E8);color:var(--cs-danger-fg, #A30F37);border:1px solid var(--cs-crimson-300, #EC8AA3);border-radius:4px;font-size:.875rem}.chordsketch-ireal-bar-grid__metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;border:1px solid var(--cs-border, #d4d1d6);border-radius:6px;padding:.75rem 1rem;margin:0}.chordsketch-ireal-bar-grid__metadata>legend{font-size:.8125rem;font-weight:600;color:var(--cs-text-secondary, #67646d);padding:0 .25rem}.chordsketch-ireal-bar-grid__field{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.chordsketch-ireal-bar-grid__field>span{font-weight:600;color:var(--cs-text-secondary, #67646d)}.chordsketch-ireal-bar-grid__field input,.chordsketch-ireal-bar-grid__field select{height:32px;padding:0 .5rem;background-color:var(--cs-surface, #ffffff);border:1px solid var(--cs-border-strong, #d4d1d6);border-radius:4px;color:inherit;font:inherit;transition:background-color var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.chordsketch-ireal-bar-grid__field select{padding:0 1.75rem 0 .5rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.chordsketch-ireal-bar-grid__field select:hover:not(:disabled){border-color:var(--cs-text-secondary, #67646d)}.chordsketch-ireal-bar-grid__field input:focus-visible,.chordsketch-ireal-bar-grid__field select:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__field input:disabled,.chordsketch-ireal-bar-grid__field select:disabled{background-color:var(--cs-canvas, #fafaf7);color:var(--cs-text-secondary, #67646d);cursor:not-allowed}.chordsketch-ireal-bar-grid__key,.chordsketch-ireal-bar-grid__time{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;grid-column:1 / -1}.chordsketch-ireal-bar-grid__sections{display:flex;flex-direction:column;gap:.75rem}.chordsketch-ireal-bar-grid__section{border:1px solid var(--cs-border, #d4d1d6);border-radius:6px;padding:.5rem .75rem;background:var(--cs-canvas, #fafaf7)}.chordsketch-ireal-bar-grid__section-label{margin:0 0 .4rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cs-text-strong, #44424a)}.chordsketch-ireal-bar-grid__bars{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0}.chordsketch-ireal-bar-grid__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.chordsketch-ireal-bar-grid__bar-wrapper{display:flex;flex-direction:column;gap:.2rem;min-width:0}.chordsketch-ireal-bar-grid__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;text-align:left;padding:.3rem .5rem;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border, #d4d1d6);border-radius:4px;font-family:var(--cs-font-chord, system-ui, sans-serif);font-size:.875rem;font-weight:600;color:var(--cs-crimson-500, #BD1642);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.chordsketch-ireal-bar-grid__bar:hover:not(:disabled){border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__bar:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__bar:disabled{cursor:not-allowed;opacity:.6}.chordsketch-ireal-bar-grid__bar-actions{display:flex;gap:.2rem}.chordsketch-ireal-bar-grid__bar-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;padding:.2rem .3rem;background:var(--cs-canvas, #fafaf7);border:1px solid var(--cs-border, #d4d1d6);border-radius:3px;font-size:.7rem;color:var(--cs-text, inherit);cursor:pointer}.chordsketch-ireal-bar-grid__bar-action:hover:not(:disabled){background:var(--cs-surface, #ffffff);border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__bar-action:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__bar-action:disabled{opacity:.4;cursor:not-allowed}.chordsketch-ireal-bar-grid__bar-action--danger{border-color:var(--cs-crimson-300, #EC8AA3);color:var(--cs-crimson-600, #A30F37)}.chordsketch-ireal-bar-grid__bar-action--danger:hover:not(:disabled){background:var(--cs-danger-surface, #FDF2F5);border-color:var(--cs-crimson-500, #BD1642)}.chordsketch-ireal-bar-grid__section-header{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--cs-border, #d4d1d6);padding-bottom:.375rem;margin-bottom:.5rem}.chordsketch-ireal-bar-grid__section-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:26px;padding:0 .4rem;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border, #d4d1d6);border-radius:4px;font-size:.875rem;color:var(--cs-text, inherit);cursor:pointer}.chordsketch-ireal-bar-grid__section-action:hover:not(:disabled){background:var(--cs-canvas, #fafaf7);border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__section-action:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__section-action:disabled{opacity:.4;cursor:not-allowed}.chordsketch-ireal-bar-grid__section-action--danger{border-color:var(--cs-crimson-300, #EC8AA3);color:var(--cs-crimson-600, #A30F37)}.chordsketch-ireal-bar-grid__section-action--danger:hover:not(:disabled){background:var(--cs-danger-surface, #FDF2F5);border-color:var(--cs-crimson-500, #BD1642)}.chordsketch-ireal-bar-grid__add-bar,.chordsketch-ireal-bar-grid__add-section{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;background:var(--cs-canvas, #fafaf7);border:1px dashed var(--cs-border, #d4d1d6);border-radius:4px;padding:.4rem .75rem;margin-top:.4rem;font-size:.8125rem;color:var(--cs-text-strong, #44424a);cursor:pointer}.chordsketch-ireal-bar-grid__add-bar:hover:not(:disabled),.chordsketch-ireal-bar-grid__add-section:hover:not(:disabled){background:var(--cs-surface, #ffffff);border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__add-bar:focus-visible,.chordsketch-ireal-bar-grid__add-section:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__add-bar:disabled,.chordsketch-ireal-bar-grid__add-section:disabled{opacity:.5;cursor:not-allowed}.chordsketch-ireal-bar-grid__url{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.chordsketch-ireal-bar-grid__url>span{font-weight:600;color:var(--cs-text-secondary, #67646d)}.chordsketch-ireal-bar-grid__url textarea{font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.75rem;padding:.5rem;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border-strong, #d4d1d6);border-radius:4px;color:inherit;resize:vertical;min-height:4rem}.chordsketch-ireal-bar-grid__url textarea:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__popover{position:relative;margin-top:.4rem;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border-strong, #a8a4ae);border-radius:6px;padding:.75rem;box-shadow:var(--cs-elevation-popover, 0 8px 24px rgba(0, 0, 0, .12));z-index:10}.chordsketch-ireal-bar-grid__popover-body{display:flex;flex-direction:column;gap:.6rem}.chordsketch-ireal-bar-grid__popover-section{display:flex;flex-direction:column;gap:.4rem}.chordsketch-ireal-bar-grid__popover-section h4{margin:0;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cs-text-strong, #44424a)}.chordsketch-ireal-bar-grid__popover-chordrow{display:flex;flex-wrap:wrap;align-items:end;gap:.4rem;padding:.4rem;background:var(--cs-canvas, #fafaf7);border:1px solid var(--cs-border, #d4d1d6);border-radius:4px}.chordsketch-ireal-bar-grid__popover-rowbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border, #d4d1d6);border-radius:3px;cursor:pointer;font-size:.875rem;color:var(--cs-text, inherit)}.chordsketch-ireal-bar-grid__popover-rowbtn:hover:not(:disabled){background:var(--cs-canvas, #fafaf7);border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__popover-rowbtn:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__popover-rowbtn:disabled{opacity:.4;cursor:not-allowed}.chordsketch-ireal-bar-grid__popover-addrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;background:var(--cs-canvas, #fafaf7);border:1px dashed var(--cs-border, #d4d1d6);border-radius:4px;padding:.4rem .75rem;font-size:.8125rem;color:var(--cs-text-strong, #44424a);cursor:pointer}.chordsketch-ireal-bar-grid__popover-addrow:hover{background:var(--cs-surface, #ffffff);border-color:var(--cs-border-strong, #a8a4ae)}.chordsketch-ireal-bar-grid__popover-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--cs-border, #d4d1d6)}.chordsketch-ireal-bar-grid__popover-cancel,.chordsketch-ireal-bar-grid__popover-save{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.4rem .85rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--cs-border, #d4d1d6)}.chordsketch-ireal-bar-grid__popover-cancel{background:var(--cs-surface, #ffffff);color:var(--cs-text, inherit)}.chordsketch-ireal-bar-grid__popover-save{background:var(--cs-crimson-500, #BD1642);border-color:var(--cs-crimson-500, #BD1642);color:#fff}.chordsketch-ireal-bar-grid__popover-cancel:focus-visible,.chordsketch-ireal-bar-grid__popover-save:focus-visible{outline:none;box-shadow:var(--cs-focus-ring, 0 0 0 2px #fff, 0 0 0 4px #BD1642)}.chordsketch-ireal-bar-grid__input--invalid{border-color:var(--cs-danger-fg, #A30F37)!important;background:var(--cs-danger-surface, #FBE1E8)}.chordsketch-ireal-bar-grid__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.chordsketch-ireal-preview{padding:.75rem;background:var(--cs-surface, #ffffff);border:1px solid var(--cs-border, #d4d1d6);border-radius:6px;overflow:auto}.chordsketch-ireal-preview__error{margin:0 0 .5rem;padding:.5rem .75rem;background:var(--cs-danger-surface, #FBE1E8);color:var(--cs-danger-fg, #A30F37);border:1px solid var(--cs-crimson-300, #EC8AA3);border-radius:4px;font-size:.875rem}.chordsketch-ireal-preview__svg svg{display:block;max-width:100%;height:auto}.chordsketch-ireal-pro-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:24rem}.chordsketch-ireal-pro-editor__editor,.chordsketch-ireal-pro-editor__preview{min-width:0;display:flex;flex-direction:column}@media(max-width:900px){.chordsketch-ireal-pro-editor{grid-template-columns:1fr}}.btn,.song-card,.setlist,.featured-card,.badge,.pill,.field,.input,.textarea,.select,.segmented,.check,.radio,.switch{--cs-crimson-50: #FDF2F5;--cs-crimson-100: #FBE1E8;--cs-crimson-300: #EC8AA3;--cs-crimson-500: #BD1642;--cs-crimson-600: #A30F37;--cs-crimson-700: #87092C;--cs-crimson-900: #480418;--cs-crimson: var(--cs-crimson-500);--cs-fg-on-crimson: #FFFFFF;--cs-ink-0: #FFFFFF;--cs-ink-50: #FAFAF7;--cs-ink-100: #F6F4F7;--cs-ink-200: #E8E6EA;--cs-ink-300: #D4D1D6;--cs-ink-500: #8A8790;--cs-ink-600: #67646D;--cs-ink-700: #44424A;--cs-ink-1000: #0A0A0B;--cs-canvas: var(--cs-ink-50);--cs-surface: var(--cs-ink-0);--cs-surface-hover: var(--cs-ink-100);--cs-border: var(--cs-ink-200);--cs-border-strong: var(--cs-ink-300);--cs-text-primary: var(--cs-ink-1000);--cs-text-strong: var(--cs-ink-700);--cs-text-secondary: var(--cs-ink-600);--cs-text-tertiary: var(--cs-ink-500);--cs-success-surface: #E8F3EC;--cs-success-fg: #1A6B3A;--cs-warning-surface: #FBF1D9;--cs-warning-fg: #8A5A07;--cs-danger-surface: #FBE1E8;--cs-danger-fg: #A30F37;--cs-info-surface: #E6EEF7;--cs-info-fg: #1F4F8A;--cs-focus-ring: 0 0 0 2px var(--cs-ink-0), 0 0 0 4px var(--cs-crimson-500);--cs-font-jp: "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-latin: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cs-fs-12: .75rem;--cs-fs-13: .8125rem;--cs-fs-14: .875rem;--cs-fs-16: 1rem;--cs-fs-18: 1.125rem;--cs-fs-24: 1.5rem;--cs-sp-1: .25rem;--cs-sp-2: .5rem;--cs-sp-3: .75rem;--cs-sp-4: 1rem;--cs-sp-5: 1.25rem;--cs-sp-6: 1.5rem;--cs-sp-8: 2rem;--cs-r-1: 2px;--cs-r-2: 4px;--cs-r-3: 8px;--cs-r-full: 9999px;--cs-e-1: 0 1px 2px rgba(10, 10, 11, .04);--cs-ease-out: cubic-bezier(.2, .8, .2, 1);--cs-dur-1: .12s;--cs-dur-2: .2s}@media(prefers-reduced-motion:reduce){.btn,.song-card,.setlist,.featured-card,.badge,.pill,.field,.input,.textarea,.select,.segmented,.check,.radio,.switch{--cs-dur-1: 0ms;--cs-dur-2: 0ms}}.btn{display:inline-flex;align-items:center;gap:var(--cs-sp-2);height:36px;padding:0 var(--cs-sp-4);border-radius:var(--cs-r-2);border:1px solid transparent;font:500 var(--cs-fs-14)/1 var(--cs-font-jp);cursor:pointer;transition:background var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out);text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--cs-focus-ring)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-sm{height:28px;padding:0 var(--cs-sp-3);font-size:var(--cs-fs-13)}.btn-md{height:36px}.btn-lg{height:44px;padding:0 var(--cs-sp-5);font-size:var(--cs-fs-16)}.btn-icon{padding:0;width:36px;justify-content:center}.btn-sm.btn-icon{width:28px}.btn-lg.btn-icon{width:44px}.btn-primary{background:var(--cs-crimson-500);color:var(--cs-fg-on-crimson)}.btn-primary:hover:not(:disabled){background:var(--cs-crimson-600)}.btn-primary:active{background:var(--cs-crimson-700)}.btn-secondary{background:var(--cs-surface);color:var(--cs-text-primary);border-color:var(--cs-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--cs-ink-100)}.btn-ghost{background:transparent;color:var(--cs-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--cs-ink-100);color:var(--cs-text-primary)}.btn-danger{background:var(--cs-danger-fg);color:var(--cs-fg-on-crimson)}.btn-danger:hover:not(:disabled){background:var(--cs-crimson-700)}.btn .spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--cs-r-full);animation:cs-spin .8s linear infinite}@keyframes cs-spin{to{transform:rotate(1turn)}}.song-card{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-r-3);padding:var(--cs-sp-5);transition:border-color var(--cs-dur-2) var(--cs-ease-out),transform var(--cs-dur-2) var(--cs-ease-out),box-shadow var(--cs-dur-2) var(--cs-ease-out);cursor:pointer}.song-card:hover{border-color:var(--cs-border-strong);transform:translateY(-1px);box-shadow:var(--cs-e-1)}.song-card.featured{border-color:var(--cs-crimson-500)}.song-card .artist{font-family:var(--cs-font-latin);font-weight:500;font-size:var(--cs-fs-13);color:var(--cs-text-secondary);margin:0 0 var(--cs-sp-2)}.song-card h3{font-family:var(--cs-font-jp);font-weight:700;font-size:var(--cs-fs-18);line-height:1.4;letter-spacing:-.01em;margin:0 0 var(--cs-sp-4)}.song-card .meta{display:flex;gap:var(--cs-sp-3);flex-wrap:wrap;font-family:var(--cs-font-mono);font-size:var(--cs-fs-12);color:var(--cs-text-secondary);margin-bottom:var(--cs-sp-4);font-variant-numeric:tabular-nums}.song-card .footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--cs-sp-3);border-top:1px solid var(--cs-border)}.song-card time{font-family:var(--cs-font-latin);font-weight:500;font-size:var(--cs-fs-12);color:var(--cs-text-tertiary);font-variant-numeric:tabular-nums}.setlist{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-r-3);padding:var(--cs-sp-5);display:flex;flex-direction:column}.setlist h3{font-family:var(--cs-font-jp);font-weight:700;font-size:var(--cs-fs-18);margin:0 0 var(--cs-sp-2);letter-spacing:-.01em}.setlist .desc{color:var(--cs-text-secondary);font-size:var(--cs-fs-14);margin:0 0 var(--cs-sp-5)}.setlist .stats{display:flex;gap:var(--cs-sp-6);padding:var(--cs-sp-3) 0;border-top:1px solid var(--cs-border);border-bottom:1px solid var(--cs-border);margin-bottom:var(--cs-sp-4)}.setlist .stat{display:flex;flex-direction:column;gap:var(--cs-sp-1)}.setlist .stat .num{font-family:var(--cs-font-mono);font-weight:600;font-size:var(--cs-fs-24);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.setlist .stat .label{font-family:var(--cs-font-latin);font-weight:600;font-size:var(--cs-fs-12);letter-spacing:0;color:var(--cs-text-tertiary)}.setlist time{font-family:var(--cs-font-mono);font-size:var(--cs-fs-12);color:var(--cs-text-tertiary);margin-top:auto}.featured-card{background:var(--cs-surface);border:1px solid var(--cs-crimson-500);border-radius:var(--cs-r-3);padding:var(--cs-sp-6) var(--cs-sp-5)}.featured-card .eyebrow{margin:0 0 var(--cs-sp-1);color:var(--cs-text-secondary)}.featured-card h3{font-family:var(--cs-font-jp);font-weight:700;font-size:var(--cs-fs-24);margin:0 0 var(--cs-sp-2);letter-spacing:-.01em}.featured-card p{color:var(--cs-text-secondary);margin:0 0 var(--cs-sp-5);font-size:var(--cs-fs-14)}.badge{display:inline-flex;align-items:center;gap:var(--cs-sp-1);padding:2px var(--cs-sp-2);border-radius:var(--cs-r-1);font-family:var(--cs-font-mono);font-weight:600;font-size:var(--cs-fs-12);letter-spacing:.02em}.badge.dot:before{content:"";width:6px;height:6px;border-radius:var(--cs-r-full);background:currentColor}.badge.success{background:var(--cs-success-surface);color:var(--cs-success-fg)}.badge.warning{background:var(--cs-warning-surface);color:var(--cs-warning-fg)}.badge.danger{background:var(--cs-danger-surface);color:var(--cs-danger-fg)}.badge.info{background:var(--cs-info-surface);color:var(--cs-info-fg)}.badge.crimson{background:var(--cs-crimson-50);color:var(--cs-crimson-700)}.badge.muted{background:var(--cs-ink-100);color:var(--cs-text-secondary)}.badge.key{background:var(--cs-ink-1000);color:var(--cs-ink-0);padding:2px var(--cs-sp-2)}.badge.key.crimson-fill{background:var(--cs-crimson-500);color:var(--cs-fg-on-crimson)}.badge.format{background:var(--cs-ink-100);color:var(--cs-text-strong);border:1px solid var(--cs-border)}.pill{display:inline-flex;align-items:center;padding:var(--cs-sp-1) var(--cs-sp-3);border:1px solid var(--cs-border-strong);border-radius:var(--cs-r-full);background:var(--cs-surface);font:500 var(--cs-fs-13)/1 var(--cs-font-jp);color:var(--cs-text-secondary)}.pill.solid{background:var(--cs-ink-1000);color:var(--cs-ink-0);border-color:var(--cs-ink-1000)}.field{display:flex;flex-direction:column;gap:var(--cs-sp-2)}.field>label{font-family:var(--cs-font-jp);font-weight:500;font-size:var(--cs-fs-14);color:var(--cs-text-primary)}.field .help{font-size:var(--cs-fs-13);color:var(--cs-text-secondary)}.field .err{font-size:var(--cs-fs-13);color:var(--cs-danger-fg)}.input,.textarea{width:100%;padding:0 var(--cs-sp-3);height:36px;border:1px solid var(--cs-border-strong);border-radius:var(--cs-r-2);background:var(--cs-surface);font:400 var(--cs-fs-14)/1 var(--cs-font-jp);color:var(--cs-text-primary);transition:border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.textarea{height:auto;padding:var(--cs-sp-3);line-height:1.6;resize:vertical;min-height:96px;font-family:var(--cs-font-jp)}.input:hover,.textarea:hover{border-color:var(--cs-text-secondary)}.input:focus,.textarea:focus{outline:none;border-color:var(--cs-crimson-500);box-shadow:var(--cs-focus-ring)}.input.error{border-color:var(--cs-danger-fg)}.input:disabled,.textarea:disabled{background:var(--cs-ink-50);color:var(--cs-text-tertiary);cursor:not-allowed}.input::placeholder{color:var(--cs-text-tertiary)}.select{width:100%;height:36px;padding:0 var(--cs-sp-8) 0 var(--cs-sp-3);border:1px solid var(--cs-border-strong);border-radius:var(--cs-r-2);background-color:var(--cs-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>");background-repeat:no-repeat;background-position:right var(--cs-sp-3) center;font:400 var(--cs-fs-14)/1 var(--cs-font-jp);color:var(--cs-text-primary);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out),box-shadow var(--cs-dur-1) var(--cs-ease-out)}.select:hover{border-color:var(--cs-text-secondary)}.select:focus{outline:none;border-color:var(--cs-crimson-500);box-shadow:var(--cs-focus-ring)}.select:disabled{background-color:var(--cs-ink-50);color:var(--cs-text-tertiary);cursor:not-allowed}.segmented{display:inline-flex;border:1px solid var(--cs-border-strong);border-radius:var(--cs-r-2);overflow:hidden}.segmented button{background:var(--cs-surface);border:0;padding:0 var(--cs-sp-4);height:36px;font:500 var(--cs-fs-14)/1 var(--cs-font-jp);color:var(--cs-text-secondary);cursor:pointer;border-right:1px solid var(--cs-border)}.segmented button[aria-pressed=true]{background:var(--cs-ink-1000);color:var(--cs-ink-0)}.segmented button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cs-crimson-500);position:relative;z-index:1}.check,.radio{display:inline-flex;align-items:center;gap:var(--cs-sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--cs-fs-14)}.check input,.radio input{position:absolute;opacity:0;pointer-events:none}.check .box,.radio .box{width:18px;height:18px;border:1px solid var(--cs-border-strong);background:var(--cs-surface);display:inline-flex;align-items:center;justify-content:center;transition:background var(--cs-dur-1) var(--cs-ease-out),border-color var(--cs-dur-1) var(--cs-ease-out)}.check .box{border-radius:var(--cs-r-1)}.radio .box{border-radius:var(--cs-r-full)}.check input:checked+.box,.radio input:checked+.box{background:var(--cs-crimson-500);border-color:var(--cs-crimson-500)}.check input:checked+.box:before{content:"";width:10px;height:6px;border-left:2px solid var(--cs-ink-0);border-bottom:2px solid var(--cs-ink-0);transform:rotate(-45deg) translate(1px,-1px)}.radio input:checked+.box:before{content:"";width:6px;height:6px;border-radius:var(--cs-r-full);background:var(--cs-ink-0)}.check input:focus-visible+.box,.radio input:focus-visible+.box{box-shadow:var(--cs-focus-ring);outline:none}.switch{display:inline-flex;align-items:center;gap:var(--cs-sp-3);cursor:pointer;font-size:var(--cs-fs-14)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:36px;height:20px;border-radius:var(--cs-r-full);background:var(--cs-ink-300);position:relative;transition:background var(--cs-dur-1) var(--cs-ease-out)}.switch .track:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--cs-r-full);background:var(--cs-ink-0);transition:transform var(--cs-dur-2) var(--cs-ease-out);box-shadow:var(--cs-e-1)}.switch input:checked+.track{background:var(--cs-crimson-500)}.switch input:checked+.track:before{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--cs-focus-ring)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}:root{--cs-crimson-50: #FDF2F5;--cs-crimson-100: #FBE1E8;--cs-crimson-300: #EC8AA3;--cs-crimson-500: #BD1642;--cs-crimson-600: #A30F37;--cs-crimson-700: #87092C;--cs-crimson-900: #480418;--cs-crimson: var(--cs-crimson-500);--cs-ink-0: #FFFFFF;--cs-ink-50: #FAFAF7;--cs-ink-100: #F6F4F7;--cs-ink-200: #E8E6EA;--cs-ink-300: #D4D1D6;--cs-ink-500: #8A8790;--cs-ink-600: #67646D;--cs-ink-700: #44424A;--cs-ink-1000: #0A0A0B;--cs-canvas: var(--cs-ink-50);--cs-surface: var(--cs-ink-0);--cs-surface-hover: var(--cs-ink-100);--cs-border: var(--cs-ink-200);--cs-border-strong: var(--cs-ink-300);--cs-text-primary: var(--cs-ink-1000);--cs-text-strong: var(--cs-ink-700);--cs-text-secondary: var(--cs-ink-600);--cs-text-tertiary: var(--cs-ink-500);--cs-success-fg: #1A6B3A;--cs-warning-fg: #8A5A07;--cs-danger-surface: #FBE1E8;--cs-danger-fg: #A30F37;--cs-focus-ring: 0 0 0 2px var(--cs-ink-0), 0 0 0 4px var(--cs-crimson-500);--cs-font-jp: "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-latin: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cs-font-chord: "Roboto", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cs-font-chart-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--cs-font-music: "Bravura Text", "Noto Music", "Symbola", serif;--cs-fs-10: .625rem;--cs-fs-12: .75rem;--cs-fs-13: .8125rem;--cs-fs-14: .875rem;--cs-fs-15: .9375rem;--cs-fs-16: 1rem;--cs-fs-18: 1.125rem;--cs-fs-24: 1.5rem;--cs-fs-30: 1.875rem;--cs-fs-36: 2.25rem;--cs-fs-48: 3rem;--cs-sp-1: .25rem;--cs-sp-2: .5rem;--cs-sp-3: .75rem;--cs-sp-4: 1rem;--cs-sp-5: 1.25rem;--cs-sp-6: 1.5rem;--cs-sp-8: 2rem;--cs-sp-10: 2.5rem;--cs-sp-12: 3rem;--cs-sp-16: 4rem;--cs-sp-20: 5rem;--cs-r-1: 4px;--cs-r-2: 6px;--cs-r-3: 8px;--cs-r-4: 12px;--cs-r-full: 999px;--cs-dur-1: .12s;--cs-dur-2: .24s;--cs-ease-out: cubic-bezier(.2, .8, .2, 1)}body{font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, sans-serif);font-size:1rem;line-height:1.6875;background:var(--cs-canvas, #FAFAF7);color:var(--cs-text-primary, #0A0A0B);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.chordsketch-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--cs-canvas, #FAFAF7)}.topnav{height:56px;background:var(--cs-surface, #FFFFFF);border-bottom:1px solid var(--cs-border, #E8E6EA);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;flex-shrink:0}.topnav .brand{display:flex;align-items:center;gap:.75rem;font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, sans-serif);font-weight:700;font-size:1rem;letter-spacing:-.01em;text-decoration:none;color:var(--cs-text-primary, #0A0A0B)}.topnav .brand .mark{width:24px;height:24px;border-radius:2px;display:block;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><rect width="180" height="180" fill="%23BD1642"/><path d="M82.9328334,100.501459 C84.0311093,98.5297919 86.368868,97.6656987 88.5433381,98.2694599 C88.6578145,98.3008392 88.7693854,98.3264075 88.8821185,98.3548813 C89.0669078,98.400207 89.2522781,98.4437894 89.4422973,98.4821419 C89.5375974,98.5013181 89.635222,98.5239809 89.7287788,98.5408328 C89.7729423,98.5489682 89.8165246,98.5507115 89.8606881,98.5559414 C90.8235681,98.7198111 91.8404902,98.8000027 92.9044814,98.7738532 C95.0353691,98.7209733 97.3208289,98.282244 99.5969912,97.4140831 C106.959508,94.607378 111.430478,88.4041529 109.583748,83.5589548 C108.201896,79.9334821 103.674558,78.0966301 98.3993475,78.5760363 C98.7985621,78.4499379 99.1977766,78.3168664 99.5969912,78.1646186 C106.959508,75.3579135 111.430478,69.1546885 109.583748,64.3089092 C108.201896,60.6840176 103.674558,58.8471657 98.3993475,59.3259907 C98.7985621,59.1998924 99.1977766,59.0668209 99.5969912,58.9145731 C106.959508,56.107868 111.430478,49.904643 109.583748,45.0588637 C107.736436,40.2136655 100.270484,38.5604407 92.9079679,41.3671458 C89.9879487,42.4805302 87.5246727,44.1291063 85.7284976,46.0141894 C84.9382039,46.8498088 84.3135231,47.672063 83.8195895,48.5140746 C66.608037,74.3247206 75.0897488,157.615874 75.0897488,157.615874 C75.5546275,146.069449 77.4478459,110.345846 82.9328334,100.501459 Z" fill="%23FFFFFF"/></svg>');background-size:cover;background-repeat:no-repeat;flex-shrink:0}.topnav .crumbs{display:flex;align-items:center;gap:.75rem;margin-left:1.5rem;font-size:.875rem;color:var(--cs-text-secondary, #67646D)}.topnav .crumbs .sep{color:var(--cs-text-tertiary, #8A8790)}.topnav .crumbs .current{color:var(--cs-text-primary, #0A0A0B);font-weight:500}.topnav .actions{display:flex;align-items:center;gap:.5rem}.topnav__tools{margin-left:auto;display:flex;align-items:center;gap:1rem}.topnav__tools .tool-group{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--cs-text-secondary, #67646D)}.topnav__tools .tool-group .label{font-weight:500}.toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--cs-surface, #FFFFFF);border-bottom:1px solid var(--cs-border, #E8E6EA);flex-wrap:wrap;flex-shrink:0}.tool-group{display:flex;align-items:center;gap:.25rem;padding:0 .75rem;border-right:1px solid var(--cs-border, #E8E6EA);min-height:28px}.tool-group:last-of-type{border-right:0}.tool-group .label{font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-tertiary, #8A8790);margin-right:.5rem}.segmented{display:inline-flex;border:1px solid var(--cs-border-strong, #D4D1D6);border-radius:4px;overflow:hidden}.segmented button{background:var(--cs-surface, #FFFFFF);border:0;padding:0 .75rem;height:28px;font:500 .8125rem/1 var(--cs-font-jp, "Noto Sans JP", system-ui, sans-serif);color:var(--cs-text-secondary, #67646D);cursor:pointer;border-right:1px solid var(--cs-border, #E8E6EA);display:inline-flex;align-items:center;text-decoration:none;transition:background .12s cubic-bezier(.2,.8,.2,1),color .12s cubic-bezier(.2,.8,.2,1)}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--cs-ink-100, #F6F4F7);color:var(--cs-text-primary, #0A0A0B)}.segmented button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cs-crimson-500, #BD1642)}.segmented button[aria-pressed=true]{background:var(--cs-ink-1000, #0A0A0B);color:var(--cs-ink-0, #FFFFFF)}.editor{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:0;background:var(--cs-canvas, #FAFAF7)}.editor.editor--source-only,.editor.editor--preview-only{grid-template-columns:1fr;grid-template-rows:1fr}@media(max-width:900px){.editor{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.editor.editor--source-only,.editor.editor--preview-only{grid-template-rows:1fr}.pane.source{border-right:0;border-bottom:1px solid var(--cs-border, #E8E6EA)}}.pane{display:flex;flex-direction:column;min-height:0;background:var(--cs-surface, #FFFFFF)}.pane.source{border-right:1px solid var(--cs-border, #E8E6EA)}.editor--source-only .pane.source,.editor--preview-only .pane.preview{border-right:0}.editor--preview-only .pane.preview .chordsketch-sheet__content{max-width:960px;margin:0 auto}.pane-head{display:flex;align-items:center;gap:var(--cs-sp-3, .75rem);padding:.75rem 1.5rem;background:var(--cs-canvas, #FAFAF7);border-bottom:1px solid var(--cs-border, #E8E6EA);flex-shrink:0}.pane-head .eyebrow{font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-secondary, #67646D);margin:0}.pane-head .meta{font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.75rem;color:var(--cs-text-tertiary, #8A8790);font-feature-settings:"tnum" 1;margin-left:auto}.pane-head__export{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--cs-sp-2, .5rem);height:28px;padding:0 var(--cs-sp-3, .75rem);background:var(--cs-surface, #FFFFFF);border:1px solid var(--cs-border-strong, #D4D1D6);border-radius:var(--cs-r-2, 4px);color:var(--cs-text-primary, #0A0A0B);font-family:var(--cs-font-jp, "Noto Sans JP", system-ui, sans-serif);font-weight:500;font-size:var(--cs-fs-13, .8125rem);line-height:1;cursor:pointer;transition:background var(--cs-dur-1, .12s) var(--cs-ease-out, cubic-bezier(.2, .8, .2, 1)),border-color var(--cs-dur-1, .12s) var(--cs-ease-out, cubic-bezier(.2, .8, .2, 1))}.pane-head__export:hover:not(:disabled){background:var(--cs-ink-100, #F6F4F7);border-color:var(--cs-text-secondary, #67646D)}.pane-head__export:focus-visible{outline:none;box-shadow:var(--cs-focus-ring, 0 0 0 2px #FFFFFF, 0 0 0 4px #BD1642)}.pane-head__export:disabled,.pane-head__export[aria-busy=true]{opacity:.5;cursor:not-allowed}.pane-body{flex:1;min-height:0;display:flex;flex-direction:column}.pane.source .pane-body>.chordsketch-source-area{flex:1;min-height:0}.pane.preview>.pane-body>.chordsketch-preview{flex:1;min-height:0}.chordsketch-app__textarea{flex:1;min-height:0;width:100%;resize:none;border:none;outline:none;padding:var(--cs-sp-4) var(--cs-sp-6);font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);line-height:1.6;background:var(--cs-surface);color:var(--cs-text-primary);caret-color:var(--cs-crimson-500);word-break:break-all;white-space:pre-wrap}.chordsketch-app__textarea:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--cs-crimson-500)}.chordsketch-app__textarea::placeholder{color:var(--cs-text-tertiary)}.chordsketch-app__iframe{flex:1;min-height:0;width:100%;border:none;background:var(--cs-surface)}.chordsketch-app__error{flex:1;min-height:0;margin:0;padding:var(--cs-sp-4) var(--cs-sp-6);font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);line-height:1.5;background:var(--cs-danger-surface, #FBE1E8);color:var(--cs-danger-fg, #A30F37);white-space:pre-wrap;overflow:auto}.chordsketch-app__empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font-family:var(--cs-font-latin);font-size:var(--cs-fs-14);color:var(--cs-text-tertiary);background:var(--cs-canvas)}.url-card{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-r-3);padding:var(--cs-sp-4) var(--cs-sp-5);display:flex;flex-direction:column;gap:var(--cs-sp-2)}.url-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--cs-sp-3)}.url-card__label{font-family:var(--cs-font-latin);font-weight:600;font-size:var(--cs-fs-12);color:var(--cs-text-tertiary);letter-spacing:.02em;text-transform:uppercase}.url-card__value{font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);line-height:1.5;color:var(--cs-text-primary);background:var(--cs-canvas);border:1px solid var(--cs-border);border-radius:var(--cs-r-2);padding:var(--cs-sp-3);word-break:break-all;white-space:pre-wrap;max-height:12rem;overflow:auto}.url-card__textarea{width:100%;min-height:8rem;font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);line-height:1.5;color:var(--cs-text-primary);background:var(--cs-canvas);border:1px solid var(--cs-border);border-radius:var(--cs-r-2);padding:var(--cs-sp-3);resize:vertical;word-break:break-all}.url-card__textarea:focus{outline:2px solid var(--cs-crimson-500, #BD1642);outline-offset:-1px;border-color:transparent}.url-card__hint{font-family:var(--cs-font-latin);font-size:var(--cs-fs-12);color:var(--cs-text-secondary);line-height:1.5;margin:0}.chordsketch-app--irealb{height:100vh;overflow:hidden;display:flex;flex-direction:column}.topnav__save-state{display:inline-flex;align-items:center;gap:var(--cs-sp-2);margin-left:var(--cs-sp-3);font-family:var(--cs-font-latin);font-weight:500;font-size:var(--cs-fs-13);color:var(--cs-success-fg, #1A6B3A)}.topnav__save-state .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.chordsketch-app--irealb>.toolbar{display:flex;align-items:center;gap:var(--cs-sp-2);padding:var(--cs-sp-2) var(--cs-sp-6);background:var(--cs-surface);border-bottom:1px solid var(--cs-border);flex-wrap:wrap;flex-shrink:0}.chordsketch-app--irealb .tool-group{display:flex;align-items:center;gap:var(--cs-sp-1);padding:0 var(--cs-sp-3);border-right:1px solid var(--cs-border);height:28px}.chordsketch-app--irealb .tool-group:last-of-type{border-right:0}.chordsketch-app--irealb .tool-group>.label{font-family:var(--cs-font-latin);font-weight:600;font-size:var(--cs-fs-12);color:var(--cs-text-tertiary);margin-right:var(--cs-sp-2)}.tool-group__readout{font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);color:var(--cs-text-secondary)}.chordsketch-app--irealb .segmented{display:inline-flex;border:1px solid var(--cs-border-strong);border-radius:6px;overflow:hidden}.chordsketch-app--irealb .segmented a,.chordsketch-app--irealb .segmented button{background:var(--cs-surface);border:0;padding:0 var(--cs-sp-3);height:28px;font-family:var(--cs-font-jp);font-weight:500;font-size:var(--cs-fs-13);color:var(--cs-text-secondary);cursor:pointer;border-right:1px solid var(--cs-border);display:inline-flex;align-items:center;text-decoration:none}.chordsketch-app--irealb .segmented a:last-child,.chordsketch-app--irealb .segmented button:last-child{border-right:0}.chordsketch-app--irealb .segmented [aria-pressed=true],.chordsketch-app--irealb .segmented [aria-current=page]{background:var(--cs-ink-1000);color:var(--cs-ink-0)}.chordsketch-app--irealb>.page{flex:1;min-height:0;overflow:auto;width:100%;margin:0 auto;padding:var(--cs-sp-8) var(--cs-sp-6);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--cs-sp-8);align-items:start;background:var(--cs-canvas)}@media(max-width:1080px){.chordsketch-app--irealb>.page{grid-template-columns:1fr}.chordsketch-app--irealb .inspector{order:2}}.page__main{display:flex;flex-direction:column;gap:var(--cs-sp-6);min-width:0}.meta-card{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:12px;padding:var(--cs-sp-5) var(--cs-sp-6)}.meta-card h1{font-family:var(--cs-font-jp);font-weight:700;font-size:var(--cs-fs-30);line-height:1.2;letter-spacing:-.02em;margin:0 0 var(--cs-sp-1);color:var(--cs-text-primary)}.meta-card .composer{font-family:var(--cs-font-jp);font-weight:400;font-size:var(--cs-fs-14);color:var(--cs-text-secondary);margin:0 0 var(--cs-sp-5)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--cs-sp-4)}.meta-field{display:flex;flex-direction:column;gap:4px;min-width:0}.meta-field label{font-family:var(--cs-font-latin);font-weight:600;font-size:var(--cs-fs-12);color:var(--cs-text-tertiary)}.meta-field input,.meta-field select{height:32px;padding:0 var(--cs-sp-3);border:1px solid var(--cs-border);border-radius:6px;background:var(--cs-ink-50);font-family:var(--cs-font-mono);font-weight:500;font-size:var(--cs-fs-14);color:var(--cs-text-primary);font-variant-numeric:tabular-nums}.meta-field input:focus,.meta-field select:focus{outline:none;border-color:var(--cs-crimson-500);background:var(--cs-surface);box-shadow:var(--cs-focus-ring)}.meta-field__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--cs-sp-1);min-width:0}.meta-field__row>*{min-width:0}.chart-card{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:12px;padding:var(--cs-sp-3);min-height:360px;display:flex;flex-direction:column}.chart-card>.chordsketch-app__iframe{flex:1;min-height:360px;border:none;width:100%;border-radius:8px;background:var(--cs-surface)}.chart-card>.chordsketch-app__error{margin:0;padding:var(--cs-sp-4) var(--cs-sp-5)}.player-controls{display:flex;align-items:center;gap:var(--cs-sp-6);padding:var(--cs-sp-4) var(--cs-sp-5);background:var(--cs-ink-1000);color:var(--cs-ink-0);border-radius:12px;font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);font-variant-numeric:tabular-nums}.player-controls .play-btn{width:40px;height:40px;border-radius:999px;background:var(--cs-crimson-500);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.player-controls .play-btn:disabled{background:var(--cs-ink-700);cursor:not-allowed}.player-controls .pc-stat{display:inline-flex;flex-direction:column;gap:2px;min-width:56px}.player-controls .pc-stat .label{font-family:var(--cs-font-latin);font-weight:600;font-size:10px;color:var(--cs-ink-300)}.player-controls .pc-stat .value{font-weight:600;color:var(--cs-ink-0)}.player-controls .pc-stat__key{color:var(--cs-crimson-300)!important}.chordsketch-app--irealb .inspector{position:sticky;top:var(--cs-sp-2);background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:12px;padding:var(--cs-sp-5)}.chordsketch-app--irealb .inspector header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cs-sp-4);padding-bottom:var(--cs-sp-3);border-bottom:1px solid var(--cs-border)}.chordsketch-app--irealb .inspector header .title{font-family:var(--cs-font-jp);font-weight:700;font-size:var(--cs-fs-16)}.chordsketch-app--irealb .inspector header .pos{font-family:var(--cs-font-mono);font-size:var(--cs-fs-12);color:var(--cs-text-tertiary)}.chordsketch-app--irealb .inspector .row{display:flex;flex-direction:column;gap:var(--cs-sp-2);margin-bottom:var(--cs-sp-4)}.chordsketch-app--irealb .inspector .row>.label{font-family:var(--cs-font-latin);font-weight:600;font-size:var(--cs-fs-12);color:var(--cs-text-tertiary)}.inspector__nav{display:flex;align-items:center;gap:var(--cs-sp-2)}.inspector__nav-readout{font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);color:var(--cs-text-secondary);flex:1;text-align:center}.inspector__chord-list{display:flex;flex-wrap:wrap;gap:var(--cs-sp-1)}.inspector__chord-chip{display:inline-flex;align-items:center;padding:var(--cs-sp-1) var(--cs-sp-3);border:1px solid var(--cs-border-strong);border-radius:999px;background:var(--cs-surface);font-family:var(--cs-font-chord, var(--cs-font-jp));font-weight:500;font-size:var(--cs-fs-13);color:var(--cs-text-primary);min-height:28px}.inspector__readout{font-family:var(--cs-font-mono);font-size:var(--cs-fs-13);color:var(--cs-text-primary)}.inspector__placeholder{font-family:var(--cs-font-latin);font-size:var(--cs-fs-13);color:var(--cs-text-tertiary);margin:0}.status{display:flex;align-items:center;padding:.5rem 1.5rem;background:var(--cs-surface, #FFFFFF);border-top:1px solid var(--cs-border, #E8E6EA);font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.75rem;color:var(--cs-text-secondary, #67646D);gap:1.5rem;flex-shrink:0;font-feature-settings:"tnum" 1}.status .item{display:inline-flex;align-items:center;gap:.5rem}.status .spacer{flex:1}.status .ok{color:var(--cs-success-fg, #1A6B3A)}.status .warn{color:var(--cs-warning-fg, #8A5A07)}@media(max-width:768px){.topnav{height:auto;flex-wrap:wrap;padding:.75rem 1rem;gap:.5rem}.topnav .crumbs{margin-left:0}.toolbar{padding:.5rem 1rem}.status{flex-wrap:wrap;padding:.5rem 1rem;gap:.75rem 1.25rem}}.status__parsed{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.status__parsed:disabled{cursor:default}.status__parsed:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cs-ink-0, #FFFFFF),0 0 0 4px var(--cs-crimson-500, #BD1642);border-radius:2px}.status__parsed--warn{color:var(--cs-warning-fg, #8A5A07)}.status__parsed .ok{color:var(--cs-success-fg, #1A6B3A)}.status__parsed .warn{color:var(--cs-warning-fg, #8A5A07)}.status-warnings{position:fixed;right:1.5rem;bottom:3rem;max-width:min(90vw,32rem);max-height:min(60vh,20rem);overflow:auto;background:var(--cs-surface, #FFFFFF);border:1px solid var(--cs-warning-fg, #8A5A07);border-radius:8px;box-shadow:0 16px 32px #0a0a0b1f;padding:.75rem 1rem;z-index:20;font-family:var(--cs-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:.8125rem;color:var(--cs-text-primary, #0A0A0B)}.status-warnings ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.status-warnings li{display:flex;flex-direction:column;gap:.125rem;padding-bottom:.5rem;border-bottom:1px solid var(--cs-border, #E8E6EA)}.status-warnings li:last-child{border-bottom:0;padding-bottom:0}.status-warnings__loc{font-weight:600;color:var(--cs-warning-fg, #8A5A07);font-size:.75rem}.status-warnings__msg{color:var(--cs-text-strong, #44424A)}.pane-toolbar{display:flex;align-items:center;gap:.5rem;padding:.375rem 1.5rem;background:var(--cs-surface, #FFFFFF);border-bottom:1px solid var(--cs-border, #E8E6EA);flex-wrap:wrap;flex-shrink:0}.pane-toolbar .tool-group{border-right:0;padding:0}.topnav__sample{display:inline-flex;align-items:center;gap:.5rem}.topnav__sample>.label{font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif);font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--cs-text-tertiary, #8A8790)}.chordsketch-app__select{height:28px;padding:0 28px 0 .75rem;background:var(--cs-surface, #FFFFFF) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2367646D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m7 15 5 5 5-5'/><path d='m7 9 5-5 5 5'/></svg>") no-repeat right 8px center;color:var(--cs-text-primary, #0A0A0B);border:1px solid var(--cs-border-strong, #D4D1D6);border-radius:4px;font:500 .8125rem/28px var(--cs-font-jp, "Noto Sans JP", system-ui, sans-serif);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:background-color var(--cs-dur-1, .12s) var(--cs-ease-out, cubic-bezier(.2, .8, .2, 1)),border-color var(--cs-dur-1, .12s) var(--cs-ease-out, cubic-bezier(.2, .8, .2, 1)),box-shadow var(--cs-dur-1, .12s) var(--cs-ease-out, cubic-bezier(.2, .8, .2, 1))}.chordsketch-app__select:hover:not(:disabled){border-color:var(--cs-text-secondary, #67646D)}.chordsketch-app__select:focus,.chordsketch-app__select:focus-visible{outline:none;border-color:var(--cs-crimson-500, #BD1642);box-shadow:var(--cs-focus-ring, 0 0 0 2px #FFFFFF, 0 0 0 4px #BD1642)}.chordsketch-app__select:disabled{background:var(--cs-ink-50, #FAFAF7);color:var(--cs-text-tertiary, #8A8790);cursor:not-allowed}.chordsketch-app__select.insert-picker{background-color:transparent;background-image:none;border-color:transparent;color:var(--cs-text-secondary, #67646D);font-family:var(--cs-font-latin, "Inter", system-ui, sans-serif)}.chordsketch-app__select.insert-picker:hover:not(:disabled){background-color:var(--cs-ink-100, #F6F4F7);background-image:none;border-color:transparent;color:var(--cs-text-primary, #0A0A0B)}