body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#121212;color:#e0e0e0;font-family:sans-serif;margin:0;padding:20px}.App{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:20px auto;max-width:1200px;padding:30px;text-align:center}h1{color:#fff;font-size:2.5rem;margin-bottom:40px}.search-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.search-buttons button{background-color:#03dac6;border:none;border-radius:5px;color:#121212;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:background-color .2s ease,transform .1s ease}.search-buttons button:hover:not(:disabled){background-color:#018786;transform:translateY(-2px)}.search-buttons button:active:not(:disabled){transform:translateY(0)}.search-buttons button:disabled{background-color:#444;color:#888;cursor:not-allowed}.App p,.error-message,.status-message{border-radius:4px;color:#e0e0e0;margin-top:20px;padding:12px}.error-message{background-color:#b00020;border:1px solid #cf6679;color:#f8bbd0}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:30px}.grid-item{background-color:#2c2c2c;border:1px solid #333;border-radius:5px;box-shadow:0 2px 5px #0006;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.grid-item:hover{box-shadow:0 6px 12px #00000080;transform:scale(1.04)}.grid-item img{display:block;height:180px;object-fit:cover;width:100%}.modal-backdrop{background-color:#000000d9;box-sizing:border-box;height:100%;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-backdrop,.modal-content{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#2c2c2c;border-radius:5px;box-shadow:0 5px 15px #000000b3;max-height:90vh;max-width:90vw;overflow:auto;padding:25px;position:relative}.modal-content img{border-radius:3px;display:block;max-height:calc(90vh - 60px);max-width:100%;object-fit:contain}.close-button{background:none;border:none;color:#b0b0b0;cursor:pointer;font-size:2.2rem;font-weight:700;line-height:1;padding:0;position:absolute;right:20px;top:15px;transition:color .2s ease}.close-button:hover{color:#fff}
/*# sourceMappingURL=main.8dafaf1c.css.map*/