:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #2C7873;--secondary-color: #6FB98F;--accent-color: #FFC107;--danger-color: #F44336;--success-color: #4CAF50;--warning-color: #FF9800;--light-color: #F5F5F5;--dark-color: #333333;--gray-color: #9E9E9E;--light-gray: #E0E0E0;--white: #FFFFFF;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-color);color:var(--dark-color);line-height:1.6;display:flex;align-items:center;justify-content:center}.container{max-width:1200px;margin:2rem auto;padding:1.5rem}.title{font-size:2.2rem;margin-bottom:2rem;color:var(--primary-color);text-align:center}.drop-zone{border:2px dashed var(--gray-color);border-radius:12px;padding:3rem 2rem;margin:1.5rem 0;background-color:var(--white);transition:all .3s ease;cursor:pointer;text-align:center}.drop-zone.active{border-color:var(--primary-color);background-color:#2c78730d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drop-zone-content svg{color:var(--primary-color)}.drop-zone__prompt{font-size:.9rem;color:var(--gray-color)}.button-group{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.btn{background-color:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:120px}.btn:hover:not(:disabled){background-color:#245f5b;transform:translateY(-2px)}.btn:disabled{background-color:var(--gray-color);cursor:not-allowed;opacity:.7}.preview-btn{background-color:var(--secondary-color)}.analyze-btn{background-color:var(--primary-color)}.see-more-btn{background-color:var(--accent-color);color:var(--dark-color);margin-top:1.5rem;width:100%;max-width:300px}.progress-container{width:100%;max-width:500px;margin:1.5rem auto;text-align:center}.progress-bar{height:6px;width:100%;background:var(--light-gray);border-radius:3px;overflow:hidden;margin-bottom:.5rem;position:relative}.progress-bar:before{content:"";position:absolute;height:100%;width:40%;background:var(--primary-color);animation:loadingAnimation 1.5s infinite ease-in-out;border-radius:3px}@keyframes loadingAnimation{0%{left:-40%}50%{left:50%}to{left:100%}}.error-message{color:var(--danger-color);background-color:#f443361a;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:600}.success-message{color:var(--success-color);background-color:#4caf501a;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:600}.results-container{background-color:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-top:2rem}.result-section{margin-bottom:2rem}.result-section h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.8rem}.grid-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}}.chart-container,.severity-container{background-color:var(--white);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow)}.chart-container h3,.severity-container h3{margin-bottom:1rem;color:var(--primary-color);font-size:1.2rem}.chart-wrapper{height:300px;width:100%}.severity-chart{position:relative;height:250px;width:100%;margin:0 auto}.severity-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;text-align:center;width:100%}.segmentation-info{background-color:var(--white);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:2rem}.segmentation-info h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.info-label{font-weight:600;color:var(--dark-color);margin-right:.5rem}.info-value{color:var(--primary-color)}.output-images{margin-bottom:2rem}.output-images h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.image-card{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.image-card h4{background-color:var(--primary-color);color:var(--white);padding:.75rem;font-size:1rem;text-align:center}.result-image{width:100%;height:auto;display:block}.image-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--light-gray);color:var(--gray-color)}.rag-output{background-color:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-top:2rem}.rag-output h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.rag-content{background-color:#6fb98f1a;padding:1.5rem;border-radius:8px;line-height:1.8}.rag-content p{margin-bottom:1rem}.rag-content strong{color:var(--primary-color);font-weight:600}.rag-content em{font-style:italic}