body,figcaption,figure,h1,h2,h3,li,p,ul{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:10px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%}#root{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App{padding:20px;text-align:center}.main-container{display:flex;height:90vh;margin-left:20px;text-align:center;width:90vw}.image-panel{flex:1 1 auto;gap:10px;overflow-y:auto;padding:10px}.image-list img{border:2px solid #0000;transition:border-color .3s ease}.image-list img:hover{border-color:#007bff}.image-list{gap:10px;height:100%;width:100%}.image-list-container{border-right:1px solid #ddd}.image-list-container,.image-panel-results{box-sizing:border-box;display:flex;flex:0 0 25%;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:10px}.image-panel-results{border-left:1px solid #ddd}.image-list-container .thumbnail{cursor:pointer;flex:0 0 auto;margin-bottom:8px;object-fit:cover}.image-viewer img{border:2px solid #ddd;border-radius:10px;display:flex;flex:0 0 auto;height:400px;margin-top:20px;object-fit:contain;width:400px}.thumbnail{cursor:pointer;height:60px;margin:5px;object-fit:contain;width:60px}.image-viewer-container{box-sizing:border-box;flex-direction:row;flex-grow:1;padding:10px}.extra-algorith-rank,.image-viewer,.rank-panel{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:10px;justify-content:left;padding:10px}.rank-type-label,.upload-section{font-size:15px;font-weight:700;margin-bottom:10px;width:50%}.page-size-controls,.pagination-controls{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.loading-spinner{animation:grow-shrink 1s linear infinite;border-radius:50%;height:40px;width:40px}.rank-text-criterial{box-sizing:border-box;display:flex;flex-direction:row;gap:20px;height:20%;padding:2px;width:100%}.rank-text-description{width:60%}.rank-text-keywords{display:flex;flex-direction:column;flex-grow:wrap;flex-grow:1;height:200px}.keywords-list{display:flex;flex-direction:column;height:100%;object-fit:cover;overflow-y:auto;width:100%}textarea{height:100%;resize:vertical;width:100%}.input-container{display:flex;margin-bottom:12px}.input-container input{border:1px solid #ccc;display:flex;flex-direction:column;width:200px}.input-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;gap:5px;padding:8px 12px}.input-container button:hover{background-color:#0056b3}.keyword-item{align-items:center;background-color:#e0edf8;border-radius:4px;display:flex;justify-content:space-between;max-width:100%;min-width:150px;padding:8px}.keyword-item button{background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:4px}.keyword-item button:hover{background-color:darkred}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes grow-shrink{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .2s ease}button:disabled{background-color:#ccc}select{border:1px solid #ccc;border-radius:4px;padding:5px}
/*# sourceMappingURL=main.4003f49a.css.map*/