.library-panel{background:linear-gradient(145deg,rgba(22,38,62,.96),rgba(17,31,52,.9));border:1px solid var(--line);border-radius:28px;padding:clamp(20px,4vw,34px)}.library-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.library-controls label{display:grid;gap:7px;color:var(--muted);font-weight:700}.library-controls select{background:#0c192b;color:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}.notation-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.library-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:22px}.library-summary,.library-visual{border:1px solid var(--line);border-radius:18px;padding:20px;background:#0b1728}.library-name{font-size:clamp(2.4rem,6vw,4rem);line-height:1}.library-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.library-meta div{border:1px solid var(--line);border-radius:12px;padding:12px}.library-meta small{display:block;color:var(--muted)}.library-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.library-panel .btn{color:#fff}.library-keyboard{display:flex;justify-content:center;min-height:150px;padding:10px}.library-key{position:relative;display:flex;align-items:end;justify-content:center;padding-bottom:10px;font-weight:800}.library-key.white{width:48px;height:145px;background:#eef3f8;color:#142033;border:1px solid #aab7c6}.library-key.black{width:30px;height:92px;background:#101722;color:#fff;margin-left:-15px;margin-right:-15px;z-index:2}.library-key.is-active{background:linear-gradient(#8f82ff,#5d8df7);color:#fff}.guitar-svg{width:min(100%,260px);display:block;margin:auto}.guitar-svg line{stroke:#93a4b8;stroke-width:2}.guitar-svg .nut{stroke-width:6}.guitar-svg text{fill:#fff;font-size:22px}.guitar-svg .finger{fill:#7c6cf2}.guitar-empty{color:var(--muted);padding:24px;text-align:center}.library-help{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}@media(max-width:800px){.library-controls,.library-result,.library-help{grid-template-columns:1fr}.library-meta{grid-template-columns:1fr}.library-key.white{width:40px}.library-key.black{width:26px;margin-left:-13px;margin-right:-13px}}@media(max-width:520px){.library-visual{overflow-x:auto}.library-keyboard{justify-content:flex-start;min-width:430px}}