.arp-source-study{margin-bottom:22px;padding:20px;border:1px solid #3b805f;border-radius:16px;background:linear-gradient(145deg,#f8fffa,#edf8f1);color:#173126}.arp-source-study>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.arp-source-study>header span,.arp-generated-study>header span{color:#087442;font-size:.72rem;font-weight:950;letter-spacing:.11em}.arp-source-study h3{margin:6px 0;font-size:1.35rem}.arp-source-study header p{margin:0;color:#526b5c;line-height:1.5}.arp-source-study>header>strong{flex:0 0 auto;padding:7px 10px;border:1px solid #73b58f;border-radius:999px;color:#17683f;font-size:.75rem}.arp-source-study figure{width:min(100%,560px);margin:18px auto 0;overflow:hidden;border:1px solid #c7d5cd;border-radius:12px;background:#fff}.arp-source-study img{display:block;width:100%;height:auto}.arp-source-study.unavailable{color:#dce8e1;background:#0a1711}.arp-source-study.unavailable>span{color:#62f3a5}.arp-source-study.unavailable p{margin-bottom:0}.arp-generated-study{min-width:0}.arp-generated-study>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #2a3a54}.arp-generated-study>header span{color:#38ddec}.arp-generated-study>header strong{color:#f5f8fc}.arp-board-shell,.arp-board,.arp-detail-grid,.arp-detail-grid>*{min-width:0;max-width:100%}
@media(max-width:700px){#studyArpeggios .lab-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:14px}#studyArpeggios .lab-controls label{min-width:0}#studyArpeggios .lab-controls select{width:100%;min-width:0}#studyArpeggios .lab-controls>button{grid-column:1/-1;width:100%}#arpResult.theory-result{min-width:0;max-width:100%;padding:13px;overflow:hidden}.arp-generated-study>header{align-items:flex-start;flex-direction:column}.arp-summary{align-items:flex-start;flex-direction:column}.arp-board-shell{width:100%;padding:5px;overflow:hidden}.arp-board{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:auto}.arp-note circle{r:18px}.arp-note text{font-size:14px}.arp-string-label{font-size:15px}.arp-fret-num{font-size:13px}.arp-detail-grid{grid-template-columns:1fr}.arp-detail-grid pre{max-width:100%;overflow-x:auto;font-size:.68rem}.note-run{margin-top:10px}.note-run span{width:42px;height:42px}}
@media(max-width:430px){#studyArpeggios .lab-controls{grid-template-columns:1fr}.arp-source-study h3{font-size:1.15rem}.arp-detail-grid pre{font-size:.62rem}}