.tool-inputs[data-astro-cid-u5seqccs]{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;max-width:400px;margin-left:auto;margin-right:auto}.input-select[data-astro-cid-u5seqccs]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.input-select[data-astro-cid-u5seqccs]:focus{outline:none;border-color:#6366f1}.input-range[data-astro-cid-u5seqccs]{width:100%;margin:.5rem 0}.range-value[data-astro-cid-u5seqccs]{display:inline-block;padding:.25rem .75rem;background-color:#6366f1;color:#fff;border-radius:.25rem;font-weight:600}.result-section[data-astro-cid-u5seqccs]{margin-top:2rem;padding:2rem;background-color:#f8fafc;border-radius:1rem;text-align:center}.result-section[data-astro-cid-u5seqccs] h2[data-astro-cid-u5seqccs]{margin-bottom:1.5rem;color:#1e293b}.chord-display[data-astro-cid-u5seqccs]{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.chord-box[data-astro-cid-u5seqccs]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.5rem;font-weight:700;border-radius:1rem;box-shadow:0 4px 6px #0000001a;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.btn-primary[data-astro-cid-u5seqccs]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-astro-cid-u5seqccs]:hover{opacity:.9}