.search-bar{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:10px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px;max-width:500px;margin-left:auto;margin-right:auto;transition:all .3s ease}.search-bar input{width:100%;padding:12px 20px;border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;transition:border .3s ease}.search-bar input:focus{border-color:#007bff}.search-bar button{padding:12px 20px;margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.search-bar button:hover{background-color:#0056b3}.search-bar button:disabled{background-color:#ccc;cursor:not-allowed}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;justify-items:center;margin:0 auto;max-width:1200px}.thumbnail{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.thumbnail img{width:100%;height:auto;border-radius:8px;object-fit:cover;transition:transform .3s ease}.thumbnail:hover img{transform:scale(1.05)}.thumbnail button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:1rem;cursor:pointer;opacity:0;transition:opacity .3s ease}.thumbnail button:hover{background-color:#0056b3}.thumbnail:hover button{opacity:1}.error{color:red;font-size:1.2rem;margin-top:20px;text-align:center}p{text-align:center;font-size:1.2rem;color:#555}.canvas-editor-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;padding:20px;background-color:#f4f4f9}.canvas-wrapper{border:2px solid #ddd;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.controls{display:flex;flex-direction:column;align-items:center;gap:10px}.button-container{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.control-button{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;min-width:120px}.control-button:hover{background-color:#0056b3}.title{font-size:2rem;font-weight:700;margin-bottom:10px}.instructions{font-size:1rem;margin-bottom:20px;color:#555}.footer{margin-top:30px;font-size:.9rem;color:#888}.footer-text{text-align:center}.footer span{font-size:1.2rem}