._controlsSection_2c9e3d7{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--accent) 8%), var(--bg));box-shadow:var(--shadow);border-radius:16px;grid-template-columns:minmax(0,max-content);width:fit-content;max-width:900px;padding:16px 20px;display:grid}._controlsForm_4e3b8f9{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"instrument instrument instrument instrument instrument instrument instrument instrument noteLabels noteLabels noteLabels noteLabels""checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes checkboxes""actions actions actions actions actions actions actions actions actions actions actions actions";align-items:end;gap:12px 16px;display:grid}._instrumentField_394a4f9{grid-area:instrument}._noteLabelsField_dca8c46{grid-area:noteLabels}._checkboxRow_7900b01{grid-area:checkboxes;grid-template-columns:repeat(3,minmax(7em,1fr));align-items:center;width:100%;display:grid}._fieldGroup_c9fabfc{flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;display:flex}._fieldLabel_806f753{color:var(--text-h);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}._checkboxField_cf28fe6{cursor:pointer;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 4px;display:inline-flex}._checkboxInput_831998e{width:18px;min-width:18px;height:18px;accent-color:var(--accent);margin:0}._checkboxLabel_efb4efe{color:var(--text-h);text-wrap:nowrap;font-size:.95rem;font-weight:600}._selectorInput_9188f27{width:100%;padding:11px 14px}._actionsRow_ed10b65{grid-area:actions;align-items:center;gap:12px;min-width:0;display:flex}._actionButton_c5b71dc{border:1px solid var(--border);min-width:0;color:var(--text-h);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex;overflow:hidden}._actionButton_c5b71dc:hover{background:color-mix(in srgb, var(--bg) 80%, var(--text-h) 20%)}._actionButton_c5b71dc>svg{flex-shrink:0}@media print{._actionButton_c5b71dc{display:none!important}}@media (width<=700px){._controlsSection_2c9e3d7{border-radius:14px;grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);padding:12px 14px}._controlsForm_4e3b8f9{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"instrument noteLabels""checkboxes checkboxes""actions actions";align-items:stretch;gap:10px 12px}._noteLabelsField_dca8c46{width:100%}._fieldGroup_c9fabfc{gap:4px;width:100%}._checkboxField_cf28fe6{gap:8px;min-width:0;min-height:0;padding:0}._checkboxRow_7900b01{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px 12px;display:grid}._checkboxInput_831998e{width:16px;min-width:16px;height:16px}._checkboxLabel_efb4efe{font-size:.9rem}._fieldLabel_806f753{font-size:.72rem}._selectorInput_9188f27{width:100%;min-width:0;padding:6px 10px}}@media print{._controlsSection_2c9e3d7{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}._controlsForm_4e3b8f9{gap:2px 12px}._selectorInput_9188f27{padding:0}._fieldGroup_c9fabfc{gap:2px}._checkboxRow_7900b01{gap:0 8px}._checkboxField_cf28fe6{gap:4px;min-height:0;padding:0}}*{box-sizing:border-box}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--success:#15803d;--success-bg:#15803d29;--success-border:#15803d8c;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--fretboard-note-color-0:#18a999;--fretboard-note-color-1:#f18805;--fretboard-note-color-2:#d81e5b;--fretboard-note-color-3:#2f4b7c;--fretboard-note-color-4:#4caf50;--fretboard-note-color-5:#8e44ad;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);scrollbar-gutter:stable;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--success:#4ade80;--success-bg:#4ade8033;--success-border:#4ade8099;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#_social_6507a6e ._button-icon_d541512{filter:invert()brightness(2)}}#_root_f24c389{width:100%;margin:0 auto}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}input,select{font:inherit;color:var(--text-h);background:color-mix(in srgb, var(--bg) 88%, var(--text-h) 12%);border:1px solid color-mix(in srgb, var(--border) 82%, var(--accent) 18%);border-radius:12px;transition:border-color .12s,box-shadow .12s,background-color .12s}input:focus,select:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-bg);outline:none}input:hover,select:hover{box-shadow:inset 0 0 0 1px var(--accent-border)}button,._linkButton_3249569{font:inherit;color:var(--text-h);background:color-mix(in srgb, var(--bg) 88%, var(--text-h) 12%);border:1px solid color-mix(in srgb, var(--border) 82%, var(--accent) 18%);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;transition:border-color .12s,box-shadow .12s,background-color .12s,color .12s,opacity .12s;display:inline-flex}button:focus,._linkButton_3249569:focus{outline:none}button:focus-visible,._linkButton_3249569:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-bg)}button:hover:not(:disabled),._linkButton_3249569:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent-border)}button:active:not(:disabled),._linkButton_3249569:active:not(:disabled){background:color-mix(in srgb, var(--bg) 80%, var(--text-h) 20%)}button:disabled,._linkButton_3249569:disabled{opacity:.6;cursor:not-allowed}@media print{._printLink_8b03f32{color:inherit;text-decoration:none}._printLink_8b03f32:after{text-wrap:nowrap;content:" (" attr(href) ")"}select{appearance:none;box-shadow:none;background:0 0;border:none;padding:0}}._dialog_f07e0cc{border:1px solid var(--border);background:var(--bg);color:var(--text);box-shadow:var(--shadow);border-radius:16px;max-width:min(420px,100vw - 32px);padding:0}._dialog_f07e0cc::backdrop{background:#00000073}._content_84f19c1{flex-direction:column;gap:16px;padding:20px 22px;display:flex}._title_9a08a8f{color:var(--text-h);margin:0;font-size:1.15rem}._body_bcb416d{font-size:.95rem;line-height:1.4}._actions_b10d7cd{justify-content:flex-end;gap:8px;display:flex}._confirmButton_3c7fde7{border-color:color-mix(in srgb, #d81e5b 70%, var(--border) 30%);background:color-mix(in srgb, #d81e5b 14%, var(--bg) 86%);color:var(--text-h);align-items:center;gap:6px;display:inline-flex}._confirmButton_3c7fde7:hover:not(:disabled){box-shadow:inset 0 0 0 1px #d81e5b}._hidden_ebeb146{display:none}._fretboardImg_679e7cc{--fretboard-string-scale:1;height:clamp(180px * var(--fretboard-string-scale), 32vmin * var(--fretboard-string-scale), 360px * var(--fretboard-string-scale))}@media (width<=700px){._fretboardImg_679e7cc{height:clamp(220px * var(--fretboard-string-scale), 50svw * var(--fretboard-string-scale), 420px * var(--fretboard-string-scale))}}._menuButton_bda6bc8{z-index:1;border:1px solid color-mix(in srgb, var(--border) 72%, var(--accent) 28%);background:color-mix(in srgb, var(--bg) 84%, white 16%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;align-items:flex-end;display:flex;overflow:hidden}._menuList_f07a4e4{opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 100%;width:max-content;max-width:0;transition:grid-template-rows var(--menu-button-transition-ms) ease, max-width var(--menu-button-transition-ms) ease, opacity var(--menu-button-transition-ms) ease, transform var(--menu-button-transition-ms) ease, visibility 0s linear var(--menu-button-transition-ms);grid-template-rows:0fr;display:grid;overflow:hidden;transform:translateY(10px)}._menuListInner_68500e4{flex-direction:column;align-items:stretch;min-height:0;display:flex;overflow:hidden}._menuListOpen_0a6cd81{opacity:1;visibility:visible;pointer-events:auto;max-width:min(100vw - 24px,24rem);transition:grid-template-rows var(--menu-button-transition-ms) ease, max-width var(--menu-button-transition-ms) ease, opacity var(--menu-button-transition-ms) ease, transform var(--menu-button-transition-ms) ease;grid-template-rows:1fr;transform:translateY(0)}._menuItem_ef25acd{justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;display:inline-flex}._menuItem_ef25acd>svg{flex-shrink:0}._menuItem_ef25acd{box-shadow:none;letter-spacing:.08em;white-space:nowrap;background:0 0;border:0;border-radius:0;font-size:.8rem}._menuItem_ef25acd:hover:not(:disabled){background:color-mix(in srgb, var(--bg) 76%, var(--text-h) 24%)}._menuItem_ef25acd+._menuItem_ef25acd{border-top:1px solid color-mix(in srgb, var(--border) 78%, var(--accent) 22%)}._button_9e79d2a{width:100%;min-height:44px;box-shadow:none;letter-spacing:.01em;background:0 0;border:0;border-radius:0;font-size:.92rem;font-weight:700}._button_9e79d2a:hover:not(:disabled){background:color-mix(in srgb, var(--bg) 76%, var(--text-h) 24%)}._buttonToggle_ab4a1af{justify-content:flex-end;width:auto;min-width:0;padding-inline:12px}._buttonExpanded_d77a14d{width:100%}._menuList_f07a4e4+._buttonToggle_ab4a1af{border-top:1px solid color-mix(in srgb, var(--border) 78%, var(--accent) 22%)}@media (width<=700px){._button_9e79d2a{padding:9px 14px;font-size:.86rem}}._downloadMenu_a4a6df1{position:absolute;bottom:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px)}@media print{._downloadMenu_a4a6df1{display:none!important}}._menuTriggerIcon_486ebb0{flex:none;justify-content:center;align-items:center;width:1.25em;height:1.25em;line-height:1;display:inline-flex}._menuSectionTitle_de7e708{background:color-mix(in srgb, var(--bg) 90%, white 10%);border-top:1px solid color-mix(in srgb, var(--border) 78%, var(--accent) 22%);width:100%;min-width:0;color:color-mix(in srgb, var(--bg) 26%, var(--accent) 74%);letter-spacing:.12em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;padding:0 14px;font-size:.64rem;font-weight:800;display:flex}._menuSection_0598ab3{flex-direction:column;display:flex}._toast_9c1d4b1{background:var(--accent);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600;animation:3s forwards _toast-fade_3cf0d57;position:absolute;bottom:clamp(64px,2vw + 52px,72px);right:clamp(12px,2vw,20px)}@media print{._toast_9c1d4b1{display:none!important}}._toastError_ce70fe2{background:#d81e5b}@keyframes _toast-fade_3cf0d57{0%{opacity:1}75%{opacity:1}to{opacity:0}}@media (width<=700px){._downloadMenu_a4a6df1{bottom:10px;right:10px}._toast_9c1d4b1{bottom:62px;right:10px}}._root_652aaba{width:fit-content;max-width:100%;margin:0 auto;position:relative}._root_652aaba:before,._root_652aaba:after{content:"";pointer-events:none;opacity:0;width:clamp(24px,5vw,40px);transition:opacity .18s;position:absolute;inset-block-start:0;inset-block-end:var(--scrollbar-block-size,0px)}._root_652aaba:before{background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 82%, transparent) 58%, transparent 100%);inset-inline-start:0}._root_652aaba:after{background:linear-gradient(270deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 82%, transparent) 58%, transparent 100%);inset-inline-end:var(--scrollbar-inline-size,0px)}._root_652aaba._fadeLeft_32cccc2:before,._root_652aaba._fadeRight_d772a30:after{opacity:1}._scroller_0aec8e0{width:fit-content;min-width:0;max-width:100%;overflow:auto}._content_b35d591{display:inline-block}@media print{._root_652aaba{width:100%;max-width:none}._scroller_0aec8e0{width:100%;max-width:none;overflow:visible}._content_b35d591{width:100%;display:block}}._panel_cced22c{will-change:transform, opacity;flex-direction:column;align-items:stretch;width:100%;margin:0;transition:opacity .22s,transform .22s;display:flex}._panelRemoving_a17d93d{opacity:0;pointer-events:none;transform:scale(.96)}._panelInserting_efc1e44{opacity:0;transform:scale(.96)}._panelContent_01ffbe9{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;display:flex}._controlsSection_f3771b1{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--accent) 8%), var(--bg));box-shadow:var(--shadow);border-radius:16px;grid-template-columns:minmax(0,max-content);width:fit-content;max-width:900px;padding:16px 20px;display:grid}._controlsForm_3edda93{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"fretRange fretRange fretRange fretRange fretRange fretRange fretRange fretRange fretRange rootNote rootNote rootNote""pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern";align-items:end;gap:12px 16px;display:grid}._fretRangeFields_a3186e0{grid-area:fretRange}._patternField_6f188cb{grid-area:pattern}._rootNoteField_b9b7e7f{grid-area:rootNote}._fieldGroup_6217911{flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;display:flex}._fieldLabel_1b58cf7{color:var(--text-h);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}._patternFieldset_48456c3{min-inline-size:0;border:0;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:0;padding:0;display:flex}._patternLegend_f786b1d{margin:0;padding:0}._legendButton_ab625c9{cursor:default;text-align:left;background:0 0;border:0;padding:0}._legendButton_ab625c9:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._patternFieldset_48456c3:has(._legendButton_ab625c9:hover) select:first-of-type{box-shadow:inset 0 0 0 1px var(--accent-border)}._rangeFields_e514c63{align-items:end;gap:16px;width:100%;display:flex}._patternSelectsRow_ce28b46{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}._selectorInput_5897bee{width:100%;padding:11px 14px}@media (width<=700px){._controlsSection_f3771b1{border-radius:14px;grid-template-columns:minmax(0,1fr);padding:12px 14px}._controlsForm_3edda93{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"fretRange fretRange fretRange fretRange fretRange fretRange fretRange fretRange fretRange rootNote rootNote rootNote""pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern pattern";align-items:stretch;gap:10px 12px}._rootNoteField_b9b7e7f{width:100%}._fieldGroup_6217911{gap:4px;width:100%}._rangeFields_e514c63{grid-template-columns:minmax(0,1fr);gap:12px;width:100%}._patternFieldset_48456c3{gap:4px;width:100%}._patternSelectsRow_ce28b46{flex-wrap:wrap;gap:10px}._patternSelectsRow_ce28b46>*{flex:calc(50% - 5px);min-width:0}._fieldLabel_1b58cf7{font-size:.72rem}._selectorInput_5897bee{width:100%;min-width:0;padding:6px 10px}}._fretboardImg_74c8cd9{width:auto}._fretboardSection_a7c10fd{width:fit-content;min-width:0;max-width:100%;margin:0 auto;position:relative}@media print{._panel_cced22c{break-inside:avoid}._panelPrintHidden_49b67bb{display:none!important}._controlsSection_f3771b1{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}._controlsForm_3edda93{gap:2px 12px}._selectorInput_5897bee{padding:0}._fieldGroup_6217911{gap:2px}._panelContent_01ffbe9{gap:4px}._fretboardSection_a7c10fd{width:100%;max-width:none}._fretboardImg_74c8cd9{width:var(--print-width,auto);height:auto;margin:0 auto;display:block}}._wrapper_e7a6dce{justify-content:center;align-items:center;width:100%;height:36px;display:flex;position:relative}._bar_ef39ca6{justify-content:center;align-items:center;gap:44px;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}._barLine_8e989a3{opacity:.6;flex-direction:column;flex:1;justify-content:center;gap:2px;transition:opacity .16s;display:flex}._barLine_8e989a3>span{background:var(--border);height:1px;transition:background-color .16s}._wrapper_e7a6dce:not(._wrapperDraggable_b6ac1f2) ._bar_ef39ca6{display:none}._wrapperDraggable_b6ac1f2 ._bar_ef39ca6{cursor:grab}._wrapperDraggable_b6ac1f2 ._bar_ef39ca6:active{cursor:grabbing}._wrapperDraggable_b6ac1f2:hover ._barLine_8e989a3,._wrapperDraggable_b6ac1f2._wrapperActive_e7b11e9 ._barLine_8e989a3{opacity:1}._wrapperDraggable_b6ac1f2:hover ._barLine_8e989a3>span,._wrapperDraggable_b6ac1f2._wrapperActive_e7b11e9 ._barLine_8e989a3>span{background:var(--accent-border)}._wrapperDraggable_b6ac1f2._wrapperDragging_280260b ._barLine_8e989a3>span{background:var(--accent)}._insertButton_af7de9c{z-index:1;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;display:inline-flex;position:relative}._insertButton_af7de9c>svg{display:block}._sideButtons_de6979b{pointer-events:none;max-width:900px;margin-inline:auto;position:absolute;inset:0}._iconButton_96dbe72{z-index:1;pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}._iconButton_96dbe72>svg{display:block}._moveButton_7a81231{left:4px}._deleteButton_242e65d{right:4px}@media print{._wrapper_e7a6dce{display:none!important}}._root_4ba8d52{flex-direction:column;align-items:center;gap:12px;display:flex}._heading_fcee4f4{text-align:center}._instructions_92d0105{text-align:center;max-width:60ch;font-size:.9rem}._actions_711f7db{flex-direction:column;align-items:center;gap:6px;display:flex}._copyDetailsButtonSuccess_ce2fb13:not(:disabled){color:var(--success);border-color:var(--success-border);background:color-mix(in srgb, var(--bg) 78%, var(--success) 22%);box-shadow:0 0 0 4px var(--success-bg)}._copyStatus_9e5448e{text-align:center;margin:0;font-size:.8rem}._copyStatus_9e5448e:empty{display:none}._errorDetails_8fe048b{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:16px;font-size:.65rem;overflow-x:auto}._toast_88328b2{background:var(--accent);color:#fff;white-space:nowrap;cursor:pointer;z-index:9999;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:.88rem;font-weight:600;animation:.3s forwards _toast-appear_9e99a9e;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media print{._toast_88328b2{display:none!important}}._closeIcon_bd673f0{opacity:.7;flex-shrink:0}@keyframes _toast-appear_9e99a9e{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}._root_03285e8{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-height:100svh;padding:clamp(12px,2.5svh,24px) 0;display:flex}._root_03285e8>header h1{margin:0}._header_691af8f{margin:0 16px}._headerLink_c8f7ea6{color:inherit;align-items:baseline;gap:.24em;line-height:1;text-decoration:none;display:inline-flex}._headerLogo_9b8e2c5{flex:none;width:.8em;height:.8em;display:block}._headerTitle_c65df3a{padding-bottom:.04em;display:block}._headerSubtitle_2669c1d{color:#666;font-size:40%}._main_d0ec386{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;display:flex}._footer_ae6cdb0{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0 16px;display:flex}._version_c2365e2{color:#666;font-size:.78rem}@media print{._root_03285e8{gap:4px;padding:0}._header_691af8f,._footer_ae6cdb0{break-inside:avoid}._main_d0ec386{gap:4px}}._panelList_3b8d7fb{flex-direction:column;align-items:stretch;gap:4px;width:100%;max-width:100%;margin:0 16px;display:flex}@media (width<=700px){._panelList_3b8d7fb{width:calc(100% - 32px)}}