.sound-library{min-width:0;padding:22px 18px;background:#191f19;border:1px solid var(--line);border-radius:var(--radius);align-self:start}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.library-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:#92a283}
.library-heading h2{font-size:16px;font-weight:600;margin-top:7px}
.library-count{min-width:29px;padding:5px 7px;border:1px solid #4a573c;border-radius:6px;text-align:center;font:11px Consolas,monospace;color:var(--accent);background:#293321}
.library-description{margin-top:13px;color:#a0ad95;font-size:10px;line-height:1.8}
.library-search{display:flex;align-items:center;gap:8px;border:1px solid #3b4832;border-radius:7px;background:#12190f;padding:9px 10px;margin-top:17px;color:#8a9b7a}
.library-search svg{width:14px;height:14px;flex-shrink:0}
.library-search input{width:100%;border:0;background:transparent;outline-offset:5px;font-size:11px;padding:2px 0;color:#dce7d1}
.library-search input::placeholder{color:#7e8e73}
.library-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:calc(100vh - 327px);min-height:205px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#58654a #151a12}
.library-card{position:relative;flex-shrink:0;padding:12px 10px 10px;border:1px solid #3b4732;border-radius:8px;background:linear-gradient(125deg,#283023,#20271d);cursor:grab;user-select:none;transition:border-color .15s,background .15s}
.library-card:hover{border-color:#768a56;background:#2b3524}
.library-card.is-dragging{opacity:.5;border-style:dashed}
.library-card[draggable=false]{cursor:default}
.library-card-main{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px}
.library-grip{color:#7f916b;font-size:22px;line-height:1;width:9px;flex-shrink:0}
.library-wave{color:#bdd391;background:#34432a;border:1px solid #4a5d39;border-radius:6px;padding:6px;flex-shrink:0}
.library-wave svg{width:18px;height:18px}
.library-card-text{min-width:0;flex:1}
.library-card-text h3{font-size:11px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.library-card-text p{font:9px Consolas,"Yu Gothic UI",sans-serif;color:#96a786;margin-top:4px;line-height:1.5}
.library-card-text p span{padding:0 3px;color:#69785d}
.library-card-actions{display:flex;align-items:center;gap:6px;margin-top:11px}
.library-card-actions button{min-height:27px;border:1px solid #435138;border-radius:5px;background:#222c1c;font-size:9px;padding:5px 7px;color:#bdcfa9;gap:4px;white-space:nowrap}
.library-card-actions button svg{width:12px;height:12px}
.library-card-actions .library-preview{flex:1}
.library-card-actions .library-add{flex:1;color:#d5ec89;border-color:#566a3d;background:#304023}
.library-card-actions .icon-button{width:26px;height:27px;padding:5px}
.library-card-actions .library-delete{color:#8fa07e;background:transparent;border-color:transparent}
.library-empty{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;text-align:center;padding:32px 10px;color:#99ab89;min-height:205px}
.library-empty>svg{height:28px;width:28px;color:#acbf94;margin-bottom:17px}
.library-empty strong{font-size:11px;line-height:1.7;color:#cbd7bd;font-weight:500}
.library-empty p{font-size:10px;line-height:1.9;margin-top:10px;max-width:230px;overflow-wrap:anywhere}
.library-empty .button{margin-top:16px;min-height:31px;font-size:10px}
.library-footer{margin-top:18px;padding-top:17px;border-top:1px solid #33402a}
.library-footer p{font-size:8px;line-height:1.8;color:#829574;margin:0;text-align:center}
.library-delete-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.library-delete-confirm{background:#463529;border-color:#785643;color:#e9c5a0}
@media(max-width:900px){.sound-library{padding:18px 15px}.library-list{max-height:425px}.library-heading h2{font-size:15px}}
@media(max-width:760px){.library-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-height:0;max-height:270px}.library-empty{grid-column:1/-1;min-height:180px}.library-description{margin-top:8px}.library-search{margin-top:12px}.library-footer{margin-top:13px;padding-top:12px}.library-card-actions .icon-button{width:30px;height:30px}.library-card-actions button{min-height:30px}}