body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f7f6;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.image-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.image-card:hover{transform:translateY(-5px)}.image-card img.thumbnail{width:100%;height:200px;object-fit:cover;cursor:pointer}.image-card .content{padding:15px;flex-grow:1;display:flex;flex-direction:column}.image-card h3{font-size:1.25em;margin-bottom:.5em;color:#2c3e50}.image-card p.description{font-size:.9em;color:#555;margin-bottom:1em;flex-grow:1;max-height:60px;overflow-y:auto}.image-card .tags-container{margin-top:auto}.image-card .tags-container h4{font-size:.9em;color:#34495e;margin-bottom:.5em}.image-card .tag{display:inline-block;background-color:#e0e7ff;color:#4338ca;padding:.25em .75em;margin-right:.5em;margin-bottom:.5em;border-radius:.25rem;font-size:.75em;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:90vw;max-height:90vh;overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:calc(90vh - 80px);display:block;border-radius:4px;object-fit:contain}.modal-close-button{position:absolute;top:10px;right:10px;background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:1rem}.modal-close-button:hover{background-color:#dc2626}button{transition:background-color .2s ease}input[type=text],input[type=url]{padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;width:100%}input[type=text]:focus,input[type=url]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.spinner{border:4px solid rgba(0,0,0,.1);width:24px;height:24px;border-radius:50%;border-left-color:#6366f1;animation:spin 1s ease infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-container{width:100%;background-color:#e5e7eb;border-radius:.25rem;overflow:hidden;height:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.progress-bar{background-color:#4ade80;height:100%;line-height:1.5rem;text-align:center;color:#fff;font-weight:700;transition:width .3s ease-in-out}.error-message{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;padding:.75rem;border-radius:.375rem;margin-top:1rem}