.tool-widget{margin:2rem 0;border:1px solid #444;background:#111;padding:clamp(1rem,3vw,2rem);border-top:4px solid #cc2233;border-radius:4px;color:#e8e4dc;font-family:Inter,system-ui,sans-serif}.tool-widget p{margin:.8rem 0;line-height:1.7}.tool-widget h2,.tool-widget h3{font-family:Oswald,sans-serif;line-height:1.25;margin:0 0 1rem;color:#f5f0e8}.tool-widget h2{font-size:1.5rem}.tool-widget h3{margin-top:1rem;font-size:1.2rem}.tool-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.tool-widget fieldset{min-width:0;border:1px solid #444;padding:1rem}.tool-widget legend{padding:0 .4rem;font-family:Oswald,sans-serif;font-size:1.25rem}.tool-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.tool-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;font-size:.9rem}.tool-field>span{color:#eee8dc;font-weight:500}.tool-widget input:not([type=checkbox]),.tool-widget select,.tool-widget textarea{background:#202020;color:#fff;border:1px solid #666;border-radius:3px;padding:.7rem;font:inherit;min-width:0;width:100%;font-size:1rem}.tool-widget textarea{resize:vertical;line-height:1.65;font-family:ui-monospace,monospace}.tool-widget input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#cc2233;flex-shrink:0}.tool-check{display:flex;gap:.6rem;align-items:flex-start;line-height:1.5;margin:1rem 0;font-size:.9rem}.tool-note{font-size:.85rem;color:#bbb8b2}.tool-widget a{color:#f5d020;text-decoration:underline;text-underline-offset:3px}.tool-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.tool-button{border:1px solid #cc2233;border-radius:3px;background:#c23;color:#fff;font:600 .9rem Inter,system-ui,sans-serif;padding:.75rem 1rem;cursor:pointer;min-height:44px}.tool-button.secondary{background:#202020;border-color:#777;color:#eee8dc}.tool-button:hover{filter:brightness(1.16)}.tool-button:disabled{opacity:.45;cursor:not-allowed}.tool-widget :focus-visible{outline:3px solid #f5d020;outline-offset:3px}.tool-error{border-left:4px solid #ff6b75;background:#3c1519;color:#ffccd0;padding:.8rem}.chord-diagrams{display:flex;flex-wrap:wrap;gap:1rem}.chord-diagrams figure{width:120px;border:1px solid #555;padding:.5rem}.chord-diagrams svg{width:100%;height:auto}.chord-diagrams figcaption{text-align:center;font-weight:600;font-size:.9rem}.print-chord-chart{display:none}.tool-result{background:#191919;padding:1.25rem;border:1px solid #555;margin:1.5rem 0}.tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.tool-stats strong,.tool-stats span,.tool-stats small{display:block}.tool-stats strong{font-family:Oswald,sans-serif;font-size:2rem;color:#f5d020}.tool-stats small{color:#bbb8b2}.tool-widget ol{padding-left:1.4rem}.tool-widget li{margin:.6rem 0}.tool-table-wrap{overflow:auto;max-width:100%;margin:1.5rem 0}.tool-widget table{border-collapse:collapse;width:100%;font-size:.9rem}.tool-widget caption{text-align:left;color:#bbb8b2;padding:0 0 .8rem;font-size:.85rem}.tool-widget th,.tool-widget td{border:1px solid #444;text-align:left;padding:.65rem;vertical-align:middle}.tool-widget th{background:#252525;font-weight:600;color:#eee8dc}.tool-widget td input{min-width:85px}.tool-widget td select{min-width:110px}.tool-method{margin-top:1.5rem;border-top:1px solid #444;padding-top:1rem}.tool-method summary{cursor:pointer;color:#f5d020;font-weight:600}.fretboard table{min-width:880px}.fretboard th,.fretboard td{padding:.35rem;text-align:center}.fret-note{min-width:44px;min-height:44px;border:1px solid #777;background:#252525;color:#aaa;border-radius:50%;font:600 .9rem Inter,system-ui,sans-serif;cursor:pointer}.fret-note.selected{background:#eee8dc;color:#111}.fret-note.root{background:#c23;color:#fff}.tool-link{display:inline-block;margin-top:1rem}@media(max-width:700px){.tool-columns,.tool-fields{grid-template-columns:1fr}.tool-result,.tool-widget{padding:1rem}.tool-stats{grid-template-columns:1fr}}@media print{.nav,.footer,.no-print,.tool-hero-description,.tool-related{display:none!important}.tool-widget,.tool-result,.tool-widget fieldset{background:#fff!important;color:#000!important;border-color:#aaa!important}.tool-widget h2,.tool-widget h3,.tool-widget th,.tool-stats strong,.tool-widget caption,.tool-note{color:#000!important}.tool-widget input:not([type=checkbox]),.tool-widget textarea,.tool-widget select,.tool-widget th{background:#fff!important;color:#000!important}.tool-widget table{font-size:9pt}.tool-table-wrap{overflow:visible}.fretboard table{min-width:0}.fret-note{min-width:25px;min-height:25px;font-size:8pt}.tool-page{padding-top:0!important}body{background:#fff!important;color:#000!important}.tool-widget a{color:#000!important}.tool-page>header h1{color:#000!important}}@media print{.chord-diagrams svg circle{fill:#000!important}.chord-diagrams svg text{fill:#000!important}.chord-diagrams svg line{stroke:#000!important}.chord-diagrams figure{break-inside:avoid}.tool-result{break-inside:avoid}}@media print{.chord-result{break-inside:auto}.print-chord-chart{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:11pt/1.5 ui-monospace,monospace;color:#000;background:#fff;margin:0;overflow:visible;max-height:none}.chord-result .tool-actions{display:none}}.tool-page[data-astro-cid-5pjm3zw6]{max-width:1200px;margin:auto;padding:7rem 1.5rem 4rem;min-width:0}.tool-breadcrumb[data-astro-cid-5pjm3zw6]{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#bbb;margin-bottom:2rem}.tool-breadcrumb[data-astro-cid-5pjm3zw6] a[data-astro-cid-5pjm3zw6]:hover{color:#f5d020}.tool-eyebrow[data-astro-cid-5pjm3zw6]{font-family:Oswald,sans-serif;font-size:.8rem;letter-spacing:.16em;color:#f5d020}h1[data-astro-cid-5pjm3zw6]{font-family:Oswald,sans-serif;font-size:clamp(2rem,5vw,3.6rem);line-height:1.15;margin:1rem 0}.tool-hero-description[data-astro-cid-5pjm3zw6]{color:#bbb8b2;max-width:750px;font-size:1.1rem}.tool-explanation[data-astro-cid-5pjm3zw6]{max-width:800px;margin:2rem 0 3rem}.tool-explanation[data-astro-cid-5pjm3zw6] h2[data-astro-cid-5pjm3zw6],.tool-related[data-astro-cid-5pjm3zw6] h2[data-astro-cid-5pjm3zw6]{font-family:Oswald,sans-serif;font-size:1.6rem;margin:1.5rem 0 1rem}.tool-explanation[data-astro-cid-5pjm3zw6] ol[data-astro-cid-5pjm3zw6]{padding-left:1.4rem}.tool-explanation[data-astro-cid-5pjm3zw6] li[data-astro-cid-5pjm3zw6]{margin:.65rem 0}.tool-privacy[data-astro-cid-5pjm3zw6]{font-size:.85rem;color:#aaa;margin-top:1rem}.guide-grid[data-astro-cid-5pjm3zw6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.guide-grid[data-astro-cid-5pjm3zw6] a[data-astro-cid-5pjm3zw6]{background:#181818;border:1px solid #444;padding:1.25rem}.guide-grid[data-astro-cid-5pjm3zw6] h3[data-astro-cid-5pjm3zw6]{font-family:Oswald,sans-serif;line-height:1.3;font-size:1.2rem}.guide-grid[data-astro-cid-5pjm3zw6] p[data-astro-cid-5pjm3zw6]{color:#bbb8b2;font-size:.85rem;margin:.7rem 0}.guide-grid[data-astro-cid-5pjm3zw6] span[data-astro-cid-5pjm3zw6],.back-tools[data-astro-cid-5pjm3zw6]{font-family:Oswald,sans-serif;color:#f5d020;font-size:.85rem;letter-spacing:.1em}.back-tools[data-astro-cid-5pjm3zw6]{display:inline-block;margin-top:3rem}@media(max-width:640px){.tool-page[data-astro-cid-5pjm3zw6]{padding:6rem 1rem 3rem}}
