body{margin:0;padding:24px;background-color:#f7f7f7;color:#333}.form{display:flex;justify-content:center;margin-bottom:24px;gap:8px}.form input[type=text]{padding:10px 16px;width:300px;font-size:16px;border:2px solid #ccc;border-radius:8px;transition:border-color .3s}.form input[type=text]:focus{border-color:#3f51b5;outline:none}.form button{padding:10px 20px;background-color:#3f51b5;color:#fff;border:none;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s}.form button:hover{background-color:#303f9f}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:0;margin:0 auto;max-width:1200px;list-style:none}.gallery-item{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .3s}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:200px;object-fit:cover;display:block}.info{display:flex;justify-content:space-around;padding:12px;background-color:#fafafa;border-top:1px solid #eee;font-size:14px;color:#666}.loader{display:none;width:48px;height:48px;margin:40px auto;border:5px solid #ccc;border-top-color:#3f51b5;border-radius:50%;animation:spin 1s linear infinite}.loader.visible{display:block}@keyframes spin{to{transform:rotate(360deg)}}