.ap-wrap{max-width:980px;margin:20px auto;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.ap-title{margin:0 0 8px}
.ap-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6b7280;font-size:14px;margin-bottom:12px}
.ap-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 16px}
.ap-btn{display:inline-block;padding:7px 11px;border:1px solid #d1d5db;border-radius:8px;background:#fff;text-decoration:none;cursor:pointer}
.ap-btn:hover{background:#f9fafb}
.ap-capo{font-weight:700;color:#065f46}
.ap-line{display:block;white-space:pre-wrap;line-height:1.9;font-family:inherit}
.ap-seg{display:inline-flex;flex-direction:column;align-items:center;vertical-align:bottom;min-width:.55em}
.ap-chord{font-size:.82em;line-height:1;color:#b00020;font-weight:700;min-height:1em}
.ap-chord.ap-empty{color:transparent}
.ap-under{line-height:1.3;min-height:1em}
[dir="rtl"] .ap-wrap{direction:rtl}