/* Accessible music-theory calculator, no external dependencies. */
.library-tool{border:1px solid var(--lib-line);border-radius:20px;padding:clamp(18px,4vw,38px);margin:34px 0;background:linear-gradient(155deg,#302016,#140e0a)}
.library-tool h2{font:500 clamp(27px,3vw,40px)/1.2 Georgia,serif;margin:0 0 20px}
.library-tool h3{font:500 25px Georgia,serif;margin:30px 0 15px}
.library-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.library-controls label,.library-tuning-label{display:block;color:#dac3a4;font:600 12px/1.7 Arial,sans-serif}
.library-tool select,.library-tool input{width:100%;display:block;margin-top:7px;border:1px solid #755137;border-radius:9px;padding:12px 11px;background:#17100d;color:var(--lib-paper);font:17px Georgia,serif;min-width:0}
.library-pitch-result{margin-top:25px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.library-pitch-result>div{flex:1 1 140px;border:1px solid var(--lib-line);padding:16px;background:rgba(0,0,0,.18);border-radius:10px}
.library-pitch-result small{display:block;color:var(--lib-muted);font:12px Arial,sans-serif}
.library-pitch-result strong{display:block;font:500 clamp(24px,3vw,37px) Georgia,serif;color:#f3be83;margin-top:7px}
.library-string-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.library-string-grid span{display:block;border:1px solid var(--lib-line);border-radius:9px;padding:12px 8px;text-align:center;background:rgba(0,0,0,.19)}
.library-tool-note{color:#d5b89a;font-size:14px;line-height:1.65;margin:17px 0 0}
@media(max-width:760px){.library-controls{grid-template-columns:1fr}.library-string-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
