.music-tool:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:1050px;margin:auto;padding:2rem 1rem 4rem;color:#183044}.music-tool *:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){box-sizing:border-box}.music-tool h1:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:clamp(2rem,5vw,3.2rem);margin:.3rem 0 1rem}.music-tool h2:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:1.45rem}.music-tool p:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){line-height:1.6}.music-tool .lede:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:1.14rem;max-width:72ch}.music-tool .eyebrow:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#146d70}.music-tool .grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.music-tool .panel:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #b7ccd1;border-radius:12px;padding:1.3rem;background:#fff;min-width:0}.music-tool .control-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.music-tool label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-direction:column;gap:.3rem;font-weight:650}.music-tool input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.music-tool select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.music-tool textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%;min-height:44px;border:1px solid #65818c;border-radius:6px;padding:.55rem;font:inherit;color:#183044;background:#fff}.music-tool textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:145px;resize:vertical;line-height:1.55}.music-tool button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:44px;border:1px solid #145e69;border-radius:7px;padding:.55rem .95rem;background:#086a75;color:#fff;font:inherit;font-weight:700;cursor:pointer}.music-tool button.secondary:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){background:#fff;color:#145d67}.music-tool button:disabled:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){opacity:.55;cursor:not-allowed}.music-tool :is(button,input,select,textarea,a):focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #06668d;outline-offset:3px}.music-tool .actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.music-tool .status:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-weight:700;color:#164a53;min-height:1.5em}.music-tool .error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#a12626;font-weight:700;min-height:1.5em}.music-tool .value:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:2rem;font-weight:750;font-variant-numeric:tabular-nums}.music-tool .small:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#445d68;font-size:.92rem}.music-tool .result-list:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.music-tool .result-list li:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #c4d4d8;border-radius:8px;padding:.75rem;background:#f7fbfb}.music-tool .notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.music-tool .notes label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #8aa9b2;border-radius:7px;padding:.5rem;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.3rem;cursor:pointer}.music-tool .notes input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:auto;min-height:auto}.music-tool .beat:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:inline-block;min-width:2.5rem;text-align:center;border-radius:50%;background:#d8e9e8;padding:.6rem;margin:.2rem}.music-tool .beat.active:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){background:#08747d;color:white}.music-tool .mono:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;background:#f6f9f9;padding:1rem;border:1px solid #bed1d4;border-radius:7px;min-height:3rem}.music-tool .privacy:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-left:4px solid #08747d;padding-left:1rem}.music-tool .related a:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){margin-right:1rem}.music-tool .slider-value:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-variant-numeric:tabular-nums}@media(max-width:720px){.music-tool .grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.music-tool .notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){.music-tool:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:1.3rem .8rem 3rem}.music-tool .control-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.music-tool .notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:repeat(3,minmax(0,1fr))}.music-tool .panel:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:1rem}}
.music-tool [hidden]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:none!important}.music-tool input[type=checkbox]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:auto;min-height:auto}
@media(max-width:600px){.site-footer .footer-inner:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:minmax(0,1fr)}.site-footer .footer-inner p:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){white-space:normal;overflow-wrap:anywhere}}