.library-search-form{width:100%;min-width:100%;max-width:500px}.library-search-wrapper{display:flex;align-items:center;border:1px solid #ddd;border-radius:30px;overflow:hidden;background:#fff;padding:4px 8px;gap:4px;box-shadow:0 2px 10px #eee}.library-search-input{flex:1 1;border:none;outline:none;padding:8px 12px;font-size:.95rem;background:transparent;color:#555;border-radius:22px}.library-search-input:focus{color:#555!important}.library-search-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.library-search-btn:hover{opacity:.85}.library-search-clear{background:transparent;border:none;color:#aaa;cursor:pointer;padding:0 4px;font-size:.85rem;transition:color .2s}.library-search-clear:hover{color:#555}.library-search-wrapper.loading{opacity:.7;pointer-events:none}.library-search-spinner{width:20px;height:20px;border:2px solid #ddd;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}