.arp-interactive-tool{display:grid;gap:18px;margin-top:22px}.arp-interactive-controls{display:grid;grid-template-columns:minmax(170px,220px) minmax(170px,220px) 1fr;gap:18px;align-items:end;padding:18px;border:1px solid #2d6d52;border-radius:15px;background:#07110d}.arp-interactive-controls label{display:grid;gap:7px}.arp-interactive-controls label>span,.arp-quality-label,.arp-formation-label{color:#65efaa;font-size:.78rem;font-weight:950;letter-spacing:.1em}.arp-interactive-controls select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #39765b;border-radius:9px;background:#06140e;color:#fff;font:700 1rem system-ui}.arp-quality-control,.arp-formation-control{display:grid;gap:7px}.arp-quality-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.arp-formation-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arp-quality-picker button,.arp-formation-picker button{min-height:48px;padding:9px 12px;border:1px solid #39765b;border-radius:9px;background:#0a1a13;color:#d9eee3;font:800 .92rem system-ui;cursor:pointer}.arp-quality-picker button:hover,.arp-formation-picker button:hover{border-color:#5ceca5}.arp-quality-picker button.active,.arp-formation-picker button.active{border-color:#43e596;background:#33dc8a;color:#03130c}.arp-quality-picker button:focus-visible,.arp-formation-picker button:focus-visible,.arp-model-audio:focus-visible,.arp-interactive-controls select:focus-visible{outline:3px solid #65efaa;outline-offset:2px}.arp-interactive-summary{display:flex;align-items:center;gap:15px;padding:15px 18px;border-left:4px solid #44e69a;border-radius:0 12px 12px 0;background:#0a1a13}.arp-interactive-summary span{color:#62eda7;font-size:.75rem;font-weight:950;letter-spacing:.1em}.arp-interactive-summary strong{font-size:1.65rem;color:#fff}.arp-interactive-summary small{color:#b8cec2;font-size:.95rem}.arp-interactive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.arp-interactive-card{min-width:0;padding:15px;border:1px solid #315b49;border-radius:15px;background:#09140f;color:#f5fff9}.arp-interactive-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.arp-interactive-card>header div{display:grid;gap:3px}.arp-interactive-card>header span{color:#62eda7;font-size:.73rem;font-weight:950;letter-spacing:.09em}.arp-interactive-card>header strong{font-size:1.35rem}.arp-interactive-card>header small{color:#9eb4a8;font-size:.82rem}.arp-interactive-board{display:block;width:100%;height:auto;border:1px solid #cbd8d0;border-radius:10px;background:#fff}.arp-interactive-board .arp-board-string{stroke:#35463c;stroke-width:1.45}.arp-interactive-board .arp-board-fret{stroke:#617067;stroke-width:1.2}.arp-interactive-board .arp-board-fret.nut{stroke:#28382f;stroke-width:7}.arp-interactive-board text{font-family:system-ui,sans-serif;text-anchor:middle}.arp-board-string-label{fill:#172a20;font-size:17px;font-weight:850}.arp-board-fret-label{fill:#294337;font-size:15px;font-weight:800}.arp-board-root-ring{fill:#fff;stroke:#173326;stroke-width:3}.arp-board-note{fill:#173326}.arp-board-note.root{fill:#31d98a}.arp-model-audio{display:block;width:100%;min-height:46px;margin-top:11px;border:1px solid #3d7b5e;border-radius:9px;background:#123c2b;color:#fff;font:800 .94rem system-ui;cursor:pointer}.arp-model-audio:hover{background:#195039}.arp-model-audio[aria-pressed=true]{background:#823b32;border-color:#b55c50}.arp-interactive-note{margin:0;padding:13px 15px;border-left:3px solid #59eda0;background:#0b1a14;color:#bfd1c7;line-height:1.55}@media(max-width:1100px){.arp-interactive-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.arp-quality-control{grid-column:1/-1}.arp-interactive-grid{grid-template-columns:1fr}.arp-interactive-card{max-width:760px;width:100%;margin-inline:auto}}@media(max-width:760px){.arp-interactive-controls{grid-template-columns:1fr;padding:14px}.arp-quality-control{grid-column:auto}.arp-quality-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.arp-interactive-summary{align-items:flex-start;flex-wrap:wrap}.arp-interactive-summary small{width:100%}.arp-interactive-card{padding:11px}.arp-board-fret-label{font-size:17px}.arp-board-string-label{font-size:18px}}

/* Braço animado: mesma linguagem visual verde dos laboratórios de escalas. */
.arp-interactive-board{border-color:#225e43;border-radius:12px;background:radial-gradient(circle at 50% 45%,#0a2117 0,#04100a 58%,#020805 100%);box-shadow:inset 0 0 34px rgba(31,217,132,.06)}
.arp-interactive-board .arp-board-string{stroke:#a9beb3}
.arp-interactive-board .arp-board-fret{stroke:#526b5e}
.arp-interactive-board .arp-board-fret.nut{stroke:#d5e9de}
.arp-board-string-label{fill:#e6f5ed}
.arp-board-fret-label{fill:#b8cdc2}
.arp-board-position .arp-board-note{fill:#21d681;stroke:#78f2b7;stroke-width:2;filter:drop-shadow(0 0 5px rgba(33,214,129,.56));transition:fill .12s ease,stroke .12s ease,filter .12s ease,transform .12s ease;transform-box:fill-box;transform-origin:center}
.arp-board-position.root .arp-board-note{fill:#baffdd;stroke:#fff;stroke-width:2.5}
.arp-board-note-label{fill:#02120b;font-size:10px;font-weight:950;pointer-events:none}
.arp-board-position.active .arp-board-note{fill:#fff;stroke:#36ee9b;stroke-width:4;filter:drop-shadow(0 0 11px #41f2a2);transform:scale(1.17)}
.arp-board-position.active .arp-board-note-label{fill:#062014}
.arp-animation-hint{margin:9px 2px 0;color:#a9c3b5;font-size:.76rem;line-height:1.35}
.arp-model-audio{margin-top:9px}
.arp-model-audio[aria-pressed=true]{background:#176f4a;border-color:#69f2b2;box-shadow:0 0 0 1px rgba(105,242,178,.2),0 0 18px rgba(49,217,138,.18)}
@media(max-width:760px){.arp-board-note-label{font-size:11px}}