.score__hover[data-v-20404cc1]{position:sticky;bottom:0;margin:8px auto 0;width:max-content;padding:3px 9px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--border-bright);font-family:var(--mono);font-size:11.5px;color:var(--accent);pointer-events:none}:root{--bg: #16181d;--bg-raised: #1e2128;--bg-sunken: #101216;--border: #2c3038;--border-bright: #3a4049;--text: #e6e8ec;--text-dim: #9aa1ad;--text-faint: #6b7280;--accent: #c8a45c;--accent-soft: rgba(200, 164, 92, .15);--accent-text: #1a1c20;--playing: #4ea3ff;--playing-soft: rgba(78, 163, 255, .22);--selected-soft: rgba(200, 164, 92, .28);--ok: #5fbf7f;--error: #e2726e;--paper: #ffffff;--radius: 6px;--mono: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--sans: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}.workspace{display:grid;grid-template-columns:232px 1fr;min-height:0;overflow:hidden}@media(max-width:860px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:baseline;gap:8px;font-weight:600;letter-spacing:.02em}.topbar__brand span{color:var(--accent);font-size:18px}.topbar__group{display:flex;align-items:center;gap:6px}.topbar__group+.topbar__group{padding-left:14px;border-left:1px solid var(--border)}.topbar__spacer{flex:1}.field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.field input[type=text]{width:150px}.field input[type=number]{width:62px}.field--wide input{width:190px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border-bright);border-radius:var(--radius);background:var(--bg-sunken);color:var(--text);white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#262a32;border-color:var(--accent)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn--primary:hover:not(:disabled){background:#d8b46c;border-color:#d8b46c}.btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn--danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.btn--icon{padding:6px 9px}.palette{overflow-y:auto;padding:12px;background:var(--bg-raised);border-right:1px solid var(--border)}.palette__section+.palette__section{margin-top:16px}.palette__title{margin:0 0 7px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.palette__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.palette__grid--wide{grid-template-columns:repeat(2,1fr)}.palette__grid--dense{grid-template-columns:repeat(5,1fr)}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:42px;padding:5px 3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);transition:background .12s,border-color .12s}.chip:hover:not(:disabled){border-color:var(--accent);background:#262a32}.chip--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip:disabled{opacity:.4;cursor:not-allowed}.chip__glyph{font-size:17px;line-height:1.1}.chip__label{font-size:9.5px;color:var(--text-faint);letter-spacing:.02em}.chip--active .chip__label{color:var(--accent)}.score{position:relative;overflow:auto;padding:22px;background:var(--bg-sunken)}.score__paper{position:relative;max-width:1100px;margin:0 auto;padding:14px 6px 22px;background:var(--paper);border-radius:3px;box-shadow:0 10px 34px #00000073;cursor:crosshair}.score__heading{padding:12px 30px 2px;text-align:center;color:#12141a}.score__heading h1{margin:0;font:600 21px/1.25 Georgia,Times New Roman,serif}.score__heading p{margin:3px 0 0;font:italic 12.5px/1.4 Georgia,Times New Roman,serif;color:#4a4f5a}.score__canvas svg{display:block;overflow:visible}.bar-number{font:500 9.5px/1 var(--mono);fill:#8b929e;-webkit-user-select:none;user-select:none}.note-playing{fill:var(--playing-soft)}.note-selected{fill:var(--selected-soft)}.score__empty{padding:60px 20px;text-align:center;color:#7b818d;font-size:13px}.score__empty kbd{margin:0 2px}.statusbar{display:flex;align-items:center;gap:16px;padding:7px 14px;background:var(--bg-raised);border-top:1px solid var(--border);font-size:12px;color:var(--text-dim)}.statusbar__message--success{color:var(--ok)}.statusbar__message--error{color:var(--error)}.statusbar__spacer{flex:1}.statusbar__fact{display:flex;gap:5px;white-space:nowrap}.statusbar__fact b{color:var(--text);font-weight:600}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#08090cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(680px,100%);background:var(--bg-raised);border:1px solid var(--border-bright);border-radius:9px;box-shadow:0 22px 60px #0009;overflow:hidden}.modal__header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal__header h2{margin:0;font-size:15px;font-weight:600}.modal__body{overflow-y:auto;padding:16px 18px}.modal__footer{padding:12px 18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint)}.library{display:flex;flex-direction:column;gap:6px}.library__item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);text-align:left}.library__item:hover{border-color:var(--accent)}.library__item--current{border-color:var(--accent);background:var(--accent-soft)}.library__name{font-weight:600}.library__meta{margin-top:2px;font-size:11.5px;color:var(--text-faint);font-family:var(--mono)}.library__actions{display:flex;gap:6px}.library__empty{padding:34px 12px;text-align:center;color:var(--text-faint)}.help__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.help__group h3{margin:0 0 7px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.help__row{display:grid;grid-template-columns:132px 1fr;gap:10px;padding:3px 0;font-size:12.5px}.help__row span{color:var(--text-dim)}kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border-bright);border-bottom-width:2px;border-radius:4px;background:var(--bg-sunken);font:11px/1.5 var(--mono);color:var(--text);white-space:nowrap}.score__empty kbd{border-color:#c9ced8;background:#eef1f5;color:#333}