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