body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{padding:0}body{background-color:#fff;background-color:var(--bg-card);color:#000;color:var(--text-primary);transition:background-color .2s ease-in-out,color .2s ease-in-out}.page{display:flex;flex-direction:column;height:100%;margin:auto;max-width:800px;min-height:0;padding:80px 20px 60px}@media screen and (max-width:600px){.page{padding-top:80px}}@media (max-width:600px){.scroll-container{padding-bottom:40px}}:root{--bg-card:#fff;--text-primary:#000;--text-muted:#444;--card-border:#ccc;--input-bg:#f9f9f9;--input-border:#888;--button-bg:#eee;--button-text:#000;--abc-bg:#fff;--abc-color:#000;--import-bg:#f5f5f5}.theme-dark{--bg-card:#1f1f1f;--text-primary:#f0f0f0;--text-muted:#aaa;--card-border:#777;--input-bg:#2a2a2a;--button-bg:#333;--input-border:#666;--button-text:#fff;--abc-bg:#fff;--abc-color:#000;--import-bg:#2b2b2b}.theme-custom{--bg-card:var(--custom-bg,#fff);--text-primary:var(--custom-text,#000);--text-muted:color-mix(in srgb,var(--text-primary) 70%,#0000);--card-border:var(--custom-border,#888);--input-bg:#f6f6f6;--input-text:#111;--button-bg:var(--custom-button-bg,#ddd);--button-text:var(--custom-button-text,#000);--abc-bg:#fff;--abc-color:#000;--input-border:#999;--import-bg:color-mix(in srgb,var(--bg-card) 85%,#000)}.theme-custom[data-custom-dark=true]{--text-muted:color-mix(in srgb,var(--text-primary) 30%,#fff 70%);--input-bg:color-mix(in srgb,var(--custom-bg) 30%,#fff 70%);--input-border:color-mix(in srgb,var(--custom-bg) 60%,#fff)}.theme-sepia{--bg-card:#f3e8d4;--text-primary:#3f2e1c;--text-muted:#6d5a42;--card-border:#ccb89a;--input-bg:#ede0c7;--button-bg:#dbc8ab;--button-text:#2e1e0f;--abc-bg:#f9f1e0;--abc-color:#3f2e1c;--input-border:#9c856a;--import-bg:#e5d7c0}.theme-blueprint{--bg-card:#eef6ff;--text-primary:#001d3d;--text-muted:#334e68;--card-border:#b0c4de;--input-bg:#e2ecf7;--button-bg:#c3dbf7;--button-text:#001d3d;--abc-bg:#fff;--abc-color:#001d3d;--import-bg:#d9eaff}.text-subtle{color:#444;color:var(--text-muted);font-style:italic}body.fixed-layout,html.fixed-layout{height:100%;overflow:hidden}.session-panel{background-color:#f5f5f5;background-color:var(--import-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:4px;margin-left:auto;margin-right:auto;margin-top:2px;max-width:400px;padding:0 0 15px}.card-list{list-style:none;margin:0;padding-left:0}.card{background-color:#fff;background-color:var(--bg-card);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:6px;color:#000;color:var(--text-primary);margin:12px 0;padding:12px;text-align:left;transition:all .2s ease-in-out}.card:hover{background-color:#2a2a2a;border-color:#666;box-shadow:0 2px 6px #ffffff1a;cursor:pointer}button.big-button{background-color:#000;background-color:var(--text-primary);border:1px solid #000;border:1px solid var(--text-primary);border-radius:6px;color:#fff;color:var(--bg-card);cursor:pointer;font-size:1rem;font-weight:600;max-width:200px;min-width:60px;padding:8px 16px;transition:all .2s ease-in-out}button.big-button:hover{background-color:color-mix(in srgb,#eee 80%,#000);background-color:color-mix(in srgb,var(--button-bg) 80%,var(--text-primary));opacity:.95}input,select,textarea{background-color:#f9f9f9;background-color:var(--input-bg);border:1px solid #888;border:1px solid var(--input-border);border-radius:4px;color:#000;color:var(--input-text,var(--text-primary));overflow-x:hidden;padding:6px;resize:vertical;transition:border-color .2s ease-in-out;white-space:pre-wrap;word-break:break-word}input::placeholder,textarea::placeholder{color:#444;color:var(--text-muted);opacity:.8}input:focus,select:focus,textarea:focus{border-color:#000;border-color:var(--text-primary);box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px var(--text-primary);outline:none}.abcjs-container{background-color:#fff;background-color:var(--abc-bg);border-radius:8px;color:#000;color:var(--abc-color);overflow-x:auto;padding:12px}@media (max-width:500px) and (orientation:portrait){.abcjs-container{transform:scale(.8);transform-origin:top left;width:-webkit-max-content;width:max-content}}body[data-ui-size=small] .text-scaled{font-size:.85em;line-height:1.4}body[data-ui-size=medium] .text-scaled{font-size:1em;line-height:1.4}body[data-ui-size=large] .text-scaled{font-size:1.1em;line-height:1.3}h1{font-size:1.7em}h1,h2{font-weight:700;margin-bottom:.5em}h2{font-size:1.4em}h3{font-size:1.2em}h3,h4{font-weight:700;margin-bottom:.5em}h4{font-size:1em}[data-ui-size=small] .big-button{font-size:.85rem;padding:6px 10px}[data-ui-size=medium] .big-button{font-size:1rem;padding:8px 14px}[data-ui-size=large] .big-button{font-size:1.1rem;padding:10px 16px}body[data-ui-size=large] .filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;white-space:nowrap}body[data-ui-size=small] h1{font-size:1.6em}body[data-ui-size=small] h2{font-size:1.4em}body[data-ui-size=small] h3{font-size:1.2em}body[data-ui-size=small] h4{font-size:1.1em}body[data-ui-size=medium] h1{font-size:1.8em}body[data-ui-size=medium] h2{font-size:1.6em}body[data-ui-size=medium] h3{font-size:1.4em}body[data-ui-size=medium] h4{font-size:1.2em}body[data-ui-size=large] h1{font-size:2em}body[data-ui-size=large] h2{font-size:1.8em}body[data-ui-size=large] h3{font-size:1.6em}body[data-ui-size=large] h4{font-size:1.4em}.confirmation-message{background-color:#007bff20;background-color:var(--info-bg,#007bff20);border-radius:6px;color:#007bff;color:var(--info-text,#007bff);font-weight:700;margin:0 auto 20px;max-width:300px;padding:10px;text-align:center}.filters-container{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(3,minmax(140px,1fr));justify-content:center;margin:0 auto 12px;max-width:600px}@media (max-width:600px){.filters-container{grid-template-columns:repeat(1,minmax(140px,1fr))}}.actions-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.clear-filters-button{background-color:#999;border:1px solid #ccc;border:1px solid var(--card-border);border-radius:4px;color:#fff;cursor:pointer;display:block;margin-left:auto;margin-right:auto;margin-top:10px;max-width:180px;padding:6px;width:100%}.filter-group-wrapper{grid-gap:10px 16px;align-items:center;display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto 20px;max-width:600px}@media (max-width:600px){.filter-group-wrapper{grid-template-columns:1fr}}.search-input{display:block;grid-column:1/-1;grid-column:span 3;justify-self:stretch;width:auto}.tune-toolbar{margin-bottom:10px;margin-top:5px}.tune-toolbar,.tune-toolbar-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tune-toolbar-row{width:100%}.tune-toolbar button,.tune-toolbar select{min-width:140px}.app-title{align-items:center;display:flex;font-size:1.95em;font-weight:600;gap:5px;justify-content:center;margin-bottom:12px;margin-top:5px;text-align:center}select.filter-active{background-color:color-mix(in srgb,#eee 85%,#000 15%);background-color:color-mix(in srgb,var(--button-bg) 85%,var(--text-primary) 15%);border:2px solid #ccc;border:2px solid var(--card-border);border-radius:4px;box-shadow:0 0 3px #00000026;color:#000;color:var(--text-primary);font-weight:600;transition:all .2s ease}@media (max-width:500px) and (orientation:portrait){.filter-group-wrapper{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-group-wrapper button,.filter-group-wrapper input,.filter-group-wrapper select{box-sizing:border-box;width:100%}.clear-filters-button,.search-input{grid-column:1/-1}}.responsive-icon{height:20px}body[data-ui-size=small] img.responsive-icon{height:48px;width:48px}body[data-ui-size=medium] img.responsive-icon{height:55px;width:55px}body[data-ui-size=large] img.responsive-icon{height:70px;width:70px}.tag-input{background-color:#fff;background-color:var(--bg-secondary,#fff);border:1px solid #ccc;border:1px solid var(--card-border,#aaa);border-radius:6px;color:#000;color:var(--text-primary,#111);font-size:.85rem;padding:4px 8px;width:91%}.tag-toggle{background-color:#f0f0f0;background-color:var(--tag-toggle-bg,#f0f0f0);border:1px solid #aaa;border:1px solid var(--tag-toggle-border,#aaa);border-radius:6px;color:#111;color:var(--tag-toggle-text,#111);cursor:pointer;font-size:.75rem;padding:3px 8px}.tag-toggle.active{background-color:#007bff;background-color:var(--accent,#007bff);color:#fff}.tag-pill{align-items:center;background-color:#eee;background-color:var(--tag-pill-bg,#eee);border:1px solid #bbb;border:1px solid var(--tag-pill-border,#bbb);border-radius:14px;color:#111;color:var(--tag-pill-text,#111);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:3px 8px}.tag-pill.selected{background-color:#3391ff;background-color:var(--tag-pill-bg-selected,#3391ff);border-color:#007bff;border-color:var(--tag-pill-border-selected,#007bff);color:#fff;color:var(--tag-pill-text-selected,#fff)}.tag-pill-close{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1}@media (prefers-color-scheme:dark){body:not(.theme-light):not(.theme-custom):not(.theme-sepia):not(.theme-blueprint){--text-primary:#eee;--bg-secondary:#111;--card-border:#444;--tag-toggle-border:#444;--tag-toggle-bg:#222;--tag-toggle-text:#ddd;--tag-pill-bg:#333;--tag-pill-text:#eee;--tag-pill-border:#666;--tag-pill-bg-selected:#5a9cf0;--tag-pill-text-selected:#fff;--tag-pill-border-selected:#3391ff;--accent:#3391ff}}body.theme-blueprint,body.theme-custom,body.theme-light,body.theme-sepia{color-scheme:light}body.theme-dark{color-scheme:dark}.nav-container{background-color:#1a1a1a;border-bottom:1px solid #444;font-size:1rem;justify-content:space-around;left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:1000}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{color:#bbb;flex-direction:column;font-size:.75rem;text-decoration:none}.nav-item .nav-icon{font-size:1.2rem}.nav-item.active{color:#fff;font-weight:700}.abcjs-inline-audio{align-items:center;background-color:#424242;border-radius:3px;box-sizing:border-box;display:flex;height:26px;padding:0 5px}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{background:none!important;border:1px solid #0000;box-sizing:border-box;display:block;height:34px;line-height:1;margin-right:2px;padding:7px 4px;width:28px}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{background-color:#666;border:1px solid #ccc;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;border:2px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;height:10px;margin:0 8px 0 15px;padding:0;position:relative}.abcjs-inline-audio .abcjs-midi-progress-indicator{background-color:#f4f4f4;border-radius:6px;box-sizing:border-box;display:inline-block;height:14px;left:0;margin-left:-10px;position:absolute;top:-4px;width:20px}.abcjs-inline-audio .abcjs-midi-clock{box-sizing:border-box;color:#f4f4f4;display:inline-block;font-family:sans-serif;font-size:16px;margin-left:4px;margin-right:2px;margin-top:1px}.abcjs-inline-audio .abcjs-tempo-wrapper{align-items:center;box-sizing:border-box;color:#f4f4f4;display:flex;font-size:10px}.abcjs-inline-audio .abcjs-midi-tempo{border:none;border-radius:2px;box-sizing:border-box;margin:0 2px 0 4px;padding-left:2px;width:42px}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:abcjs-spin;animation-timing-function:linear;outline:none}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{font-size:28px;height:52px;padding:6px 8px;width:56px}.abcjs-large .abcjs-midi-progress-background{border:4px solid #ccc;height:20px}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-left:10px;margin-right:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}
/*# sourceMappingURL=main.ea42f45e.css.map*/