/* ===== MODE TAB CREATOR - MANCHE ===== */

/* Conteneur principal — reprend le style de trouve-accord */
.tab-creator-instrument-container {
    width: 100%;
    max-width: 1000px;
    margin: 1rem auto;
    padding: 2rem;
    background: #FFF8DC;
    border: 2px solid #808000;
    border-radius: 8px;
    overflow-x: visible;
    position: relative;
}

/* Dot sélectionné en mode tab creator */
.tab-creator-instrument-container .fretboard-dot.selected {
    background-color: #808000;
    color: white;
}

/* Animation quand une note est ajoutée */
.tab-creator-instrument-container .fretboard-dot.just-added {
    animation: noteAdded 0.3s ease-out;
}

@keyframes noteAdded {
    0% { transform: translate(-180%, -50%) scale(1.4); }
    100% { transform: translate(-180%, -50%) scale(1); }
}