.mtl-hud{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}.mtl-roll{width:100%;height:auto;max-height:160px;display:block}.mtl-roll-note{fill:var(--pc-select, #7B5BD9);stroke:var(--ff-outline, #3B2A6B);stroke-width:1.25}.mtl-roll-base{stroke:var(--ff-outline, #3B2A6B);stroke-width:1;opacity:.18}.mtl-roll-host{width:100%;display:flex;justify-content:center}.mtl-stage{padding:.9rem}.mtl-arc{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 1rem}.mtl-arc-step{flex:1 1 auto;min-width:84px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;border-radius:.6rem;background:var(--ff-warm, #f3f0fb);border:2px solid transparent;text-align:center}.mtl-arc-step--current{border-color:var(--pc-select, #7B5BD9);background:var(--ff-paper)}.mtl-arc-step--done{opacity:.85}.mtl-arc-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--pc-select, #7B5BD9);color:#fff;font-weight:800;font-size:.8rem}.mtl-arc-step--done .mtl-arc-num{background:var(--pc-correct, #2e9e57)}.mtl-arc-name{font-size:.7rem;font-weight:700;color:var(--ff-outline, #3B2A6B);line-height:1.1}.mtl-stage-does{margin:.2rem 0 .7rem;font-weight:700;color:var(--ff-forge-text, #4A2E8F);background:var(--ff-warm, #f3f0fb);border-radius:.5rem;padding:.5rem .7rem}.mtl-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.mtl-transpose{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.9rem;padding-top:.7rem;border-top:1px dashed var(--ff-outline, #3B2A6B)}.mtl-transpose-label{font-weight:700;color:var(--ff-outline, #3B2A6B)}.mtl-transpose-read{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ff-forge-text, #4A2E8F)}.mtl-step{padding-inline:.7rem}.mtl-nav{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.mtl-restart{text-align:center;margin-top:.8rem}.mtl-ladder{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.8rem}.mtl-rung{min-width:3rem;font-variant-numeric:tabular-nums;font-weight:700}.mtl-scaffold-group{margin-top:1rem}.mtl-intent-head{margin:0 0 .5rem;font-size:1rem;color:var(--ff-outline, #3B2A6B)}.mtl-scaffold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.mtl-scaffold{display:flex;flex-direction:column;gap:.25rem;text-align:left;align-items:flex-start}.mtl-scaffold-prompt{font-weight:400}.mtl-blank{margin-top:1rem;display:block;width:100%}.mtl-name-row{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}.mtl-name-label{font-weight:700;color:var(--ff-outline, #3B2A6B)}.mtl-name-input{padding:.6rem .75rem;border-radius:.6rem;border:2px solid var(--ff-outline, #3B2A6B);font-size:1rem;background:var(--ff-paper);color:var(--ff-outline, #3B2A6B)}.mtl-name-input:focus-visible{outline:3px solid var(--ff-focus, #4A2E8F);outline-offset:1px}.mtl-anth-row{padding:.6rem 0;border-top:1px solid var(--ff-warm, #f3f0fb)}.mtl-anth-row:first-of-type{border-top:none}.mtl-anth-head{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.mtl-anth-roll{margin:.3rem 0}.mtl-det-pair{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.9rem}.mtl-det-roll{flex:1 1 200px;min-width:180px;display:flex;flex-direction:column;align-items:center;gap:.35rem}.mtl-det-roll-label{font-weight:700;color:var(--ff-outline, #3B2A6B);margin:0;font-size:.85rem}.mtl-det-stage{width:100%}.mtl-det-arrow{font-size:1.6rem;font-weight:800;color:var(--pc-select, #7B5BD9)}.mtl-det-choice{text-align:left}.mtl-hear{white-space:nowrap}@media(max-width:560px){.mtl-det-arrow{transform:rotate(90deg)}.mtl-arc-step{min-width:64px}.mtl-arc-name{font-size:.62rem}}.mtl-staff-stage{text-align:center;padding:.6rem .4rem}.mtl-staff-svg{width:min(340px,100%);height:auto;display:inline-block}.mtl-staff-line,.mtl-staff-ledger{stroke:var(--ff-anvil);stroke-width:1.5}.mtl-staff-head{fill:var(--ff-anvil);stroke:var(--ff-anvil);stroke-width:1}.mtl-staff-head--open{fill:var(--ff-paper)}.mtl-staff-stem{stroke:var(--ff-anvil);stroke-width:2}.mtl-staff-flag{fill:none;stroke:var(--ff-anvil);stroke-width:2.5;stroke-linecap:round}.mtl-staff-clef{fill:var(--ff-anvil);font-size:44px;dominant-baseline:middle}.mtl-notate-options{display:grid;gap:.6rem;margin-top:.5rem}@media(min-width:560px){.mtl-notate-options{grid-template-columns:1fr 1fr 1fr}}.mtl-notate-opt{padding:.4rem;display:flex;align-items:center;justify-content:center;min-height:100px}.mtl-notate-opt--right{background:var(--pc-correct-bg);border-color:var(--pc-correct)}.mtl-notate-opt--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);opacity:.85}.mtl-build-caption{display:block;font-size:.78rem;font-weight:800;color:var(--ff-forge-text);margin-bottom:.3rem}.mtl-build-live{text-align:center;padding:.5rem .4rem;margin-top:.6rem}.mtl-build-roll{display:inline-block;max-width:100%}.mtl-build-editors{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.7rem}.mtl-build-note{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;border:2px solid var(--ff-outline);border-radius:.6rem;background:var(--ff-warm);min-width:6.2rem}.mtl-build-idx{font-size:.72rem;font-weight:800;color:var(--ff-anvil);letter-spacing:.02em}.mtl-build-pitch{display:flex;align-items:center;gap:.3rem}.mtl-build-step{min-width:2.6rem;min-height:2.6rem;font-weight:800}.mtl-build-letter{font-size:1.25rem;font-weight:800;color:var(--ff-anvil);min-width:1.4rem;text-align:center;font-variant-numeric:tabular-nums}.mtl-build-dur{min-height:2.6rem;font-weight:700;min-width:5.4rem}.mtl-build-check{margin-top:.6rem}