*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f7f7f7;color:#333;padding:20px}.form{display:flex;justify-content:center;gap:10px}.form input[type=text]{padding:10px 15px;font-size:16px;width:250px;border:2px solid #808080;border-radius:6px;outline:none}.form input[type=text]:focus{border-color:gray}.form button{background-color:#4e75ff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:6px;cursor:pointer;transition:background-color .3s}.form button:hover{background-color:gray}.loader{display:none;border:8px solid #e0e0e0;border-top:8px solid #808080;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.loader.is-visible{display:block}@keyframes spin{to{transform:rotate(360deg)}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0;list-style:none;margin-top:20px;margin-bottom:32px}.gallery-item{background:#fff;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.gallery-item img{width:100%;display:block;object-fit:cover;height:200px}.info{display:flex;justify-content:space-around;padding:10px;font-size:14px}.info p{margin:0}.load-more{background-color:#4e75ff;display:block;margin:0 auto;padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:6px;cursor:pointer}.is-hidden{display:none}