.audio-library{border:1px solid #263952;border-radius:16px;background:linear-gradient(115deg,#111d31,#0d1729);margin:0 auto 18px;padding:16px 20px;max-width:1160px;box-sizing:border-box;color:#dbe7fb;position:relative;z-index:3}
.library-bar,.library-heading,.library-top-actions,.library-current,.library-bottom,.library-item-heading,.library-item-actions{display:flex;align-items:center;gap:12px}.library-bar{justify-content:space-between}.library-heading{min-width:0}.library-icon{color:#81adff;font-size:22px;width:34px;height:36px;background:#1a2c49;border-radius:9px;display:grid;place-items:center;flex:none}.library-heading h2{font-size:15px;line-height:1.3;margin:0;font-weight:650;letter-spacing:0}.library-heading p,.library-status{font-size:11px;line-height:1.5;color:#95a6c0;margin:4px 0 0}.library-count{font-size:10px;color:#91a5c3;white-space:nowrap}.library-upload{position:relative;overflow:hidden;cursor:pointer;padding:10px 14px;border-radius:9px;background:#275fe9;border:1px solid #477df5;color:white;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;min-height:38px;box-sizing:border-box}.library-upload:hover{background:#3972f5}.library-upload:focus-within{outline:2px solid #a5c5ff;outline-offset:3px}.library-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.library-current{padding-top:13px;flex-wrap:wrap}.library-current>label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8da5c9}.library-current select{flex:1;min-width:150px;max-width:500px;background:#091426;color:#e1ebfc;border:1px solid #30476b;border-radius:8px;padding:9px 11px;font:inherit;font-size:12px;text-overflow:ellipsis}.library-current button,.library-item-actions button{border:1px solid #30435f;border-radius:7px;background:#16253c;padding:8px 10px;color:#b7cbed;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.library-current button:hover,.library-item-actions button:hover{border-color:#668dcc;color:#fff;background:#1c3150}.library-current button:focus-visible,.library-item-actions button:focus-visible,.library-manager summary:focus-visible,.library-name input:focus-visible,.library-current select:focus-visible{outline:2px solid #8eb4ff;outline-offset:2px}.library-bottom{justify-content:space-between;align-items:flex-start;margin-top:9px;gap:20px}.library-status{margin:0;min-width:0}.library-manager{position:static;font-size:11px;flex:none}.library-manager summary{list-style:none;color:#9fbbeb;cursor:pointer;white-space:nowrap;border-radius:5px}.library-manager summary::-webkit-details-marker{display:none}.library-manager summary:after{content:'⌄';margin-left:7px}.library-manager[open] summary:after{content:'⌃'}.library-manager-content{position:absolute;top:calc(100% - 5px);right:20px;width:min(520px,calc(100vw - 64px));padding:15px;border:1px solid #365179;border-radius:12px;background:#101b2d;box-shadow:0 18px 48px #0008;z-index:40}.library-storage{color:#9daec8;font-size:11px;line-height:1.5;margin:0 0 10px}.library-list{max-height:380px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3e5f8b #101b2d}.library-item{padding:13px 10px;border:1px solid #263a58;border-radius:10px;margin:8px 0;background:#0b1525}.library-item.selected{border-color:#466fa8;background:#112039}.library-item-heading{justify-content:space-between;font-size:10px;line-height:1.5;color:#8eabcF}.library-kind{display:inline-block;border:1px solid #305075;border-radius:5px;padding:2px 6px;font-size:9px;color:#9cbeed;letter-spacing:.06em;text-transform:uppercase}.library-kind.edited{border-color:#754357;color:#ff9aaa}.library-kind.recording{border-color:#3a686d;color:#91d5d9}.library-name{display:block;margin:8px 0}.library-name input{width:100%;box-sizing:border-box;border:1px solid transparent;border-bottom-color:#283e5d;border-radius:4px;padding:5px 3px;background:transparent;color:#e2ecfc;font:inherit;font-size:12px;line-height:1.4}.library-name input:hover{border-color:#355475}.library-parent{font-size:10px;color:#91a8c9;margin:0 0 8px}.library-item-actions{gap:6px;flex-wrap:wrap}.library-item-actions button{font-size:10px;padding:6px 8px}.library-item-actions .library-remove{color:#e69bab;border-color:#5b3345;margin-left:auto}.library-empty{color:#a9b9d2;font-size:12px;line-height:1.6}.library-error{font-size:12px;line-height:1.5;color:#ffb8c3;background:#381e30;border:1px solid #693144;padding:9px 11px;border-radius:8px;margin:12px 0 0}.audio-library [hidden]{display:none!important}.audio-library button:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.audio-library{padding:14px;margin-bottom:12px;border-radius:12px}.library-heading p{max-width:225px;font-size:10px}.library-top-actions{gap:7px}.library-count{display:none}.library-upload{font-size:11px;padding:9px 11px}.library-current{gap:8px}.library-current>label{flex-basis:100%}.library-current select{max-width:none;flex-basis:100%;width:100%}.library-current button{flex:1;justify-content:center;font-size:11px}.library-bottom{gap:12px}.library-status{font-size:10px;max-width:65%}.library-manager summary{font-size:10px}.library-manager-content{right:12px;left:12px;top:calc(100% - 5px);width:auto}.library-item-heading{gap:8px}.library-icon{display:none}}