#path-editor{margin-top:16px;background:#f5faf7;border:2px solid #82aaa0;border-radius:13px;padding:16px;max-width:980px}
#path-editor[hidden]{display:none!important}
#path-editor .pe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#path-editor label{display:block;font-weight:600;margin:6px 0}
#path-editor select,#path-editor input{width:100%;background:#fff;padding:9px;border:1px solid #90aea4;border-radius:7px}
#path-editor .pe-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
#path-editor .pe-actions button{padding:9px 12px}
#path-editor .pe-list{display:grid;gap:6px;max-height:380px;overflow:auto}
#path-editor .pe-row{display:flex;align-items:center;gap:8px;padding:7px;background:#fff;border:1px solid #c6d7d1;border-radius:8px}
#path-editor .pe-row>span{flex:1;min-width:70px}
#path-editor .pe-row button{padding:5px 9px;min-height:32px}
#path-editor .pe-row select{width:145px}
#path-editor .pe-note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;max-height:240px;overflow:auto;padding:6px}
#path-editor .pe-note{border:1px solid #a7c4ba;background:white;border-radius:8px;padding:3px;color:#163d38}
#path-editor .pe-note[aria-pressed=true]{background:#d3efe4;outline:2px solid #317e67}
#path-editor svg{width:70px;height:67px;display:block;margin:auto}
#path-editor .pe-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:300px;overflow:auto}
#path-editor .pe-block{background:white;border:1px solid #aec4bb;border-radius:8px;padding:7px;text-align:left;min-height:86px;color:#23433c}
#path-editor .pe-block[aria-pressed=true]{outline:2px solid #317e67;background:#e3f4eb}
#path-editor .pe-block svg{width:110px;height:44px}
#path-editor .pe-status{font-weight:600;min-height:22px}
#path-editor .pe-tabs{display:flex;gap:8px;margin:12px 0}
#path-editor .pe-tabs button[aria-pressed=true]{background:#23645b;color:white}
@media(max-width:600px){#path-editor{padding:9px}#path-editor .pe-row select{width:115px}}

#path-editor .pe-engraving{display:block;overflow:hidden;min-height:54px;pointer-events:none}
#path-editor .pe-engraving svg{height:auto!important;max-height:92px;width:100%!important;display:block;pointer-events:none}
#path-editor .pe-note-engraving{min-height:64px}
#path-editor .pe-note{min-height:96px}
#path-editor .pe-block-engraving{min-height:60px}
#path-editor .pe-block{min-height:108px;text-align:center}
#path-editor .pe-key-engraving{min-height:65px}
#path-editor .pe-any-key-choice{display:flex;align-items:center;gap:8px;font-weight:600;margin:12px 0}
#path-editor .pe-any-key-choice input{width:auto}
#path-editor .pe-tabs{flex-wrap:wrap}

#path-editor .pe-stone{gap:7px;flex-wrap:wrap}
#path-editor .pe-stone-content{display:flex;flex-direction:column;flex:1;min-width:135px;gap:3px}
#path-editor .pe-stone-content span{font-size:13px;color:#47635b}
#path-editor .pe-danger{color:#962e27;border:1px solid #be928d;background:#fff5f1}
#path-editor .pe-sharing{border-top:1px solid #ccdcd3;padding:12px 0;margin-top:8px}
#path-focus-panel{background:#eef8f4;border:1px solid #a8c9bd;border-radius:10px;padding:12px;margin:8px 0}
#path-focus-panel .pe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#path-focus-panel label{font-weight:600;display:block}
#path-focus-panel select{width:100%;margin-top:6px;padding:9px;border-radius:7px}
#path-focus-panel .chips{margin:8px 0}

/* 0.7o: explicit, dismissible troubleshooting without leaving practice */
.pathway-suggestion{margin:8px 0 14px;padding:12px;border:1px solid #b8c9d1;border-radius:10px;background:#f2f7fa;color:#203942;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pathway-suggestion p{flex:1 1 240px;margin:0;font-size:14px}
.pathway-suggestion button{padding:8px 12px;font-size:14px}

/* 0.7q: one instrument summary, with player selector only in Advanced. */
#progress-part-field[hidden]{display:none!important}
.progress-instrument-summary{font-weight:700;background:#fff;border:1px solid #bbd6cb;border-radius:8px;padding:11px 14px;margin-bottom:10px;color:#24594e}
.pe-key-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;border:1px solid #bfd8cf;background:white;border-radius:8px;padding:12px;margin:10px 0}
.pe-key-options .hint{grid-column:1/-1;margin:0}

.pe-key-options[hidden]{display:none!important}

#pe-launch{background:#eef8f4;border:2px solid #83aea2;border-radius:13px;padding:16px;margin:10px 0 14px}
#pe-launch button{min-height:48px;padding:11px 16px;margin:3px;font-weight:700}
#pe-create-prominent{background:#23645b;color:white}
#pe-launch .hint{margin:8px 4px 0}
#path-editor .pe-level-tip{background:#e7f2ed;border-radius:8px;padding:12px;font-size:15px}
#pe-fix-level{margin:6px 0 10px;min-height:40px;padding:8px 12px}

#pe-new-form[hidden]{display:none!important}
#pe-new-form{border-top:1px solid #a7c5b7;margin-top:14px;padding:10px 2px}
#pe-new-form .pe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}
#pe-new-form label{font-weight:650;display:block}
#pe-new-form select,#pe-new-form input{display:block;width:100%;font-size:16px;padding:9px;margin-top:5px;background:white;border:1px solid #8caea0;border-radius:7px}
#pe-new-form button{margin-top:10px}

/* 0.7w: one clear instrument -> saved pathway picker, outside advanced editor */
#pe-launch .pe-top-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
#pe-launch .pe-top-selectors label{font-weight:700;display:block;color:#23433c}
#pe-launch .pe-top-selectors select{display:block;width:100%;font-size:16px;min-height:48px;margin-top:5px;border:1px solid #81aa9b;background:white;border-radius:8px;padding:10px}

/* 0.8b: single instrument/level library, editor remains an optional disclosure. */
#pe-level-library{display:grid;gap:12px}
#pe-legacy-launch{display:none!important}
#pe-level-library .pe-level-banner{padding:12px 14px;background:#eef7f3;border:1px solid #bad7cb;border-radius:10px}
#pe-level-library .pe-level-banner p{margin:5px 0 0}
#pe-level-library .pe-actions{display:flex;flex-wrap:wrap;gap:8px}
#pe-level-library .pe-actions button{min-height:44px}
#pe-admin-tools{padding:10px 12px;border:1px solid #c7d7d1;border-radius:9px}
#pe-panel #path-editor>.pe-grid:first-child,#pe-panel .pe-level-tip,#pe-panel #pe-fix-level,#pe-panel .pe-actions,#pe-panel .pe-sharing{display:none!important}
#pe-panel[open]{margin-top:10px}

#pe-choose-material{padding:10px 12px;border:1px solid #c6d9d1;border-radius:9px}
#pe-level-included{display:grid;gap:10px;margin-top:10px}
.pe-level-checks{display:flex;gap:8px 12px;flex-wrap:wrap;border:1px solid #d7e5df;border-radius:8px;padding:12px}
.pe-level-checks legend{font-weight:700;padding:0 6px}
.pe-level-checks label{display:inline-flex;align-items:center;gap:3px;font-size:13px;min-height:30px}