.guitar[data-v-d3dc7f1e]{width:75%;margin:0 auto;padding:20px;background:url(https://source.unsplash.com/800x200/?guitar,neck) center center / cover no-repeat;border:2px solid #333;border-radius:8px}.neck[data-v-d3dc7f1e]{position:relative}.string-row[data-v-d3dc7f1e]{position:relative;display:flex;align-items:center;margin-bottom:16px}.string-label[data-v-d3dc7f1e]{width:40px;height:40px;line-height:40px;font-weight:700;text-align:center;margin-right:10px;cursor:pointer;box-sizing:border-box;z-index:2;background:transparent}.string-label.active[data-v-d3dc7f1e]{border:2px solid green;border-radius:50%;background-color:#4cbd4c}.frets[data-v-d3dc7f1e]{display:flex;width:100%;border-left:4px solid #444;z-index:2}.fret[data-v-d3dc7f1e]{position:relative;height:50px;cursor:pointer;background-color:#fffc;transition:background-color .2s;border-right:2px solid #444;display:flex;justify-content:center;align-items:center}.fret[data-v-d3dc7f1e]:hover,.fret.active[data-v-d3dc7f1e]{background-color:#b3d4fc}.note[data-v-d3dc7f1e]{border:2px solid green;border-radius:50%;padding:4px;font-weight:700;color:#000;background-color:#4cbd4c}.guitar-string[data-v-d3dc7f1e]{position:absolute;left:50px;right:0;height:2px;background-color:#555;top:50%;transform:translateY(-50%);pointer-events:none;z-index:3;opacity:.5}.fret-markers[data-v-d3dc7f1e]{position:absolute;top:0;left:50px;right:0;height:100%;pointer-events:none;z-index:4}.marker-dot[data-v-d3dc7f1e]{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid #444;border-radius:50%;top:50%;transform:translate(-50%,-50%)}.clear-button-container[data-v-d3dc7f1e]{text-align:center;margin-top:20px}.clear-button[data-v-d3dc7f1e]{padding:8px 12px;font-size:1rem;cursor:pointer;border:none;background-color:#4caf50;color:#fff;border-radius:4px;transition:background-color .2s}.clear-button[data-v-d3dc7f1e]:hover{background-color:#45a049}.chord-selector[data-v-5cbaae6e]{padding:20px;background:#f8f8f8;border:2px solid #ccc;border-radius:8px;max-width:400px;margin:20px auto;font-family:Arial,sans-serif}.input-group[data-v-5cbaae6e]{margin-bottom:12px}.input-group label[data-v-5cbaae6e]{margin-right:8px;font-weight:700}select[data-v-5cbaae6e]{padding:4px 8px;font-size:1rem}button[data-v-5cbaae6e]{padding:8px 12px;font-size:1rem;cursor:pointer;border:none;background-color:#4caf50;color:#fff;border-radius:4px;transition:background-color .2s}button[data-v-5cbaae6e]:hover{background-color:#45a049}.chord-display[data-v-5cbaae6e]{margin-top:20px}.circle-of-fifths[data-v-c11288b4]{display:flex;flex-direction:column;align-items:center;font-family:sans-serif}svg[data-v-c11288b4]{max-width:100%;max-height:100%}.key-circle[data-v-c11288b4]{cursor:pointer;stroke:#333;stroke-width:1;fill:#eee;transition:fill .3s}.key-circle.selected[data-v-c11288b4]{fill:#4caf50}.selected-display[data-v-c11288b4]{margin-top:20px;font-size:16px}.diatonic-chords[data-v-c11288b4]{margin-top:30px;text-align:center}.chords-container[data-v-c11288b4]{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.chord-box[data-v-c11288b4]{width:60px;margin:5px;padding:10px;border-radius:8px;color:#fff;font-weight:700}.major-chord[data-v-c11288b4]{background-color:#4caf50}.minor-chord[data-v-c11288b4]{background-color:#f44336}.chord-box .roman[data-v-c11288b4]{font-size:14px;margin-bottom:5px}.chord-box .chord-name[data-v-c11288b4]{font-size:18px}