:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","JetBrains Mono",monospace;--font-title:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-primary:#4a6cfd;--color-primary-hover:#3b57e3;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-on-primary:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg-app:#f9fafb;--color-bg-component:#fff;--color-bg-alt:#f3f4f6;--color-border:#e5e7eb;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-bg-app);color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);margin:0}.app-layout{grid-gap:1.5rem;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:320px 1fr;margin:0 auto;max-width:1600px;padding:1.5rem;padding:var(--spacing-lg)}.header{background-color:#fff;background-color:var(--color-bg-component);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);grid-column:1/-1;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:.95em;text-align:center}.header__title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.header__subtitle{font-weight:500}.header__desc,.header__subtitle{color:#4b5563;color:var(--color-text-secondary)}.header__desc{font-size:1rem;margin-top:.5rem;margin-top:var(--spacing-sm)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.sidebar-expander{background:#f3f4f6;background:var(--color-bg-alt);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-top:2rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.sidebar-expander__toggle{align-items:center;background:none;border:none;color:#0d66ff;cursor:pointer;display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-title);font-weight:600;justify-content:space-between;padding:.25rem 0;padding:var(--spacing-xs) 0;transition:color .18s;width:100%}.sidebar-expander__toggle:focus,.sidebar-expander__toggle:hover{color:#084ec4}.sidebar-expander__icon{margin-left:.5rem}.sidebar-expander__icon,.sidebar-title{font-size:1.1rem;transition:transform .2s}.sidebar-expander__icon.expanded{transform:rotate(180deg)}.sidebar-expander__panel{background:none;border-radius:4px;border-radius:var(--radius-sm);color:#4b5563;color:var(--color-text-secondary);font-size:.98rem;line-height:1.6;margin-top:.5rem;margin-top:var(--spacing-sm);padding:.2rem .1rem}.card{background-color:#fff;background-color:var(--color-bg-component);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.card__title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);font-size:1.25rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0;padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card__subtitle{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:-.5rem 0 1rem;margin:calc(var(--spacing-sm)*-1) 0 var(--spacing-md) 0}.tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transform:translateY(1px)}.tab.active,.tab:hover{color:#4a6cfd;color:var(--color-primary)}.tab.active{border-bottom-color:#4a6cfd;border-bottom-color:var(--color-primary)}.tab-content{padding-top:1rem;padding-top:var(--spacing-md)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-select{background-color:#fff;background-color:var(--color-bg-component);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.button-group{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md)}.btn{border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.btn--primary{background-color:#4a6cfd;background-color:var(--color-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-text-on-primary)}.btn--primary:hover{background-color:#3b57e3;background-color:var(--color-primary-hover)}.btn--secondary{background-color:#fff;background-color:var(--color-bg-component);border-color:#e5e7eb;border-color:var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#4b5563;color:var(--color-text-secondary)}.btn--secondary:hover{border-color:#d1d5db}.btn:disabled{cursor:not-allowed;opacity:.5}.loading-indicator{align-items:center;display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4a6cfd;border:3px solid var(--color-border);border-top-color:var(--color-primary);height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background-color:#fee2e2;border-radius:8px;border-radius:var(--radius-md);color:#991b1b;font-weight:500;margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.status-ok{color:#10b981;color:var(--color-success)}.status-bad{color:#ef4444;color:var(--color-danger)}.model-info__callout{background-color:#f3f4f6;background-color:var(--color-bg-alt);border-left:3px solid #4a6cfd;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.model-info__callout h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.model-info__callout p{color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;margin:0}.publication-link{color:#4a6cfd;color:var(--color-primary);display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;margin-top:var(--spacing-sm);text-decoration:none}.publication-link:hover{text-decoration:underline}.analysis-layout{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:768px){.analysis-layout{align-items:start;grid-template-columns:2fr 3fr}}.analysis-column{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.chart-container{height:350px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:100%}.dropzone{background-color:#f3f4f6;background-color:var(--color-bg-alt);border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;padding:2rem;padding:var(--spacing-xl);text-align:center;transition:background-color .2s ease,border-color .2s ease}.dropzone--active,.dropzone:hover{background-color:#eef2ff;border-color:#4a6cfd;border-color:var(--color-primary)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.dropzone-icon{font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.dropzone__text{color:#111827;color:var(--color-text-primary);font-weight:500;margin:0}.dropzone__subtext{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;margin:0}.dropzone-tooltip{background:#f5f8fa;border:1px solid #e6eef8;border-radius:6px;box-shadow:0 2px 8px #0d66ff12;color:#123249;display:none;font-size:.95rem;left:100%;margin-left:1rem;padding:.5rem .8rem;position:absolute;top:0;width:220px;z-index:10}.dropzone:focus .dropzone-tooltip,.dropzone:hover .dropzone-tooltip{display:block}.sample-data-prompt{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm)}.sample-data-link{border-radius:4px;border-radius:var(--radius-sm);color:#4a6cfd;color:var(--color-primary);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color .2s ease}.sample-data-link:hover{background-color:#eef2ff;text-decoration:underline}.spectrum-info{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;border-radius:var(--radius-md);color:#3730a3;font-size:.9rem;margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.spectrum-info p{margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.placeholder{align-items:center;border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:12px;border-radius:var(--radius-lg);color:#6b7280;color:var(--color-text-tertiary);display:flex;justify-content:center;min-height:200px;padding:1rem;padding:var(--spacing-md);text-align:center}.results-wrapper{padding-top:1.5rem;padding-top:var(--spacing-lg)}.results-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.confidence-display__label{color:#4b5563;color:var(--color-text-secondary);font-size:.9rem}.confidence-display__value{color:#4a6cfd;color:var(--color-primary);font-size:3rem;font-weight:700;letter-spacing:-.025em;line-height:1.1}.confidence-bar{background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:4px;height:8px;margin:1rem 0;margin:var(--spacing-md) 0;overflow:hidden;width:100%}.confidence-bar__fill{background-color:#4a6cfd;background-color:var(--color-primary);border-radius:4px;height:100%;transition:width .4s ease}.probabilities{display:flex;gap:1.5rem;gap:var(--spacing-lg)}.prob-item__label{color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;margin-right:.5rem;margin-right:var(--spacing-sm)}.prob-item__value{font-weight:500}.results-grid-container{background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:12px;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.results-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.results-card{background-color:#fff;background-color:var(--color-bg-component);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.results-card__title{color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.results-card__list{font-size:.9rem;list-style:none;margin:0;padding:0}.results-card__list li{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.results-card__list li:last-child{border-bottom:none}.results-card__list span:first-child{color:#4b5563;color:var(--color-text-secondary)}.results-card__list span:last-child{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:500}.qc-ok{color:#10b981;color:var(--color-success)}.qc-issue{color:#ef4444;color:var(--color-danger)}.results-issues{background-color:#fffbeb;border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning);border-radius:8px;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.results-issues h5{color:#b45309;font-size:.875rem;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.results-issues ul{color:#78350f;font-size:.9rem;margin:0;padding-left:1rem;padding-left:var(--spacing-md)}.explanation-layout{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:1.5rem;margin-top:var(--spacing-lg)}.prediction-summary-content{text-align:center}.prediction-badge{border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--color-text-on-primary);display:inline-block;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.prediction-badge.stable{background-color:#4a6cfd;background-color:var(--color-primary)}.prediction-badge.weathered{background-color:#ef4444;background-color:var(--color-danger)}.confidence-score{color:#4b5563;color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.probability-breakdown{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg);text-align:left}.probability-item{grid-gap:.5rem;grid-gap:var(--spacing-sm);align-items:center;display:grid;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:80px 1fr 50px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.class-label{font-weight:500;text-transform:capitalize}.probability-bar{background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:6px;height:12px;overflow:hidden}.probability-fill{border-radius:6px;height:100%;transition:width .3s ease-in-out}.probability-fill.stable{background-color:#4a6cfd;background-color:var(--color-primary)}.probability-fill.weathered{background-color:#ef4444;background-color:var(--color-danger)}.probability-value{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:500;text-align:right}.model-info-footer{color:#6b7280;color:var(--color-text-tertiary);font-size:.8rem;margin-top:1rem;margin-top:var(--spacing-md);text-align:center}.importance-summary{grid-gap:1rem;grid-gap:var(--spacing-md);background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:8px;border-radius:var(--radius-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.summary-item label{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:500}.summary-item span{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:600;text-transform:capitalize}.top-features-title{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.features-grid{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.feature-item{grid-gap:1rem;grid-gap:var(--spacing-md);align-items:center;display:grid;font-size:.9rem;gap:1rem;gap:var(--spacing-md);grid-template-columns:60px 1fr 50px}.feature-index{border-radius:4px;border-radius:var(--radius-sm);color:#4b5563;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);padding:.25rem;padding:var(--spacing-xs);text-align:center}.feature-index,.importance-bar{background-color:#f3f4f6;background-color:var(--color-bg-alt)}.importance-bar{border-radius:8px;height:16px;overflow:hidden}.importance-fill{background-color:#4a6cfd;background-color:var(--color-primary);border-radius:8px;height:100%;transition:width .3s ease-in-out}.importance-value{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:500;text-align:right}.interpretation-guide{margin-top:1.5rem;margin-top:var(--spacing-lg)}.interpretation-guide ul{font-size:.9rem;margin:0;padding-left:1rem;padding-left:var(--spacing-md)}.interpretation-guide li{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.interpretation-guide li::marker{color:#4a6cfd;color:var(--color-primary)}.performance-panel{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.info-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-item{background-color:#f3f4f6;background-color:var(--color-bg-alt);border-radius:8px;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.info-item label{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.info-item span{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:600}.model-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.model-card,.model-grid{gap:1rem;gap:var(--spacing-md)}.model-card{background-color:#fff;background-color:var(--color-bg-component);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1rem;padding:var(--spacing-md)}.model-card__title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);font-size:1.1rem;font-weight:600;margin:0;padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.model-card__metrics{grid-gap:.5rem 1rem;grid-gap:var(--spacing-sm) var(--spacing-md);display:grid;font-size:.9rem;gap:.5rem 1rem;gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:1fr 1fr}.model-card__metrics div{align-items:center;display:flex;justify-content:space-between}.model-card__metrics span:first-child{color:#4b5563;color:var(--color-text-secondary);font-weight:500}.model-card__metrics span:last-child{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:600}.model-info__title{font-size:1rem;font-weight:600}.model-info__meta-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:1rem;margin-top:var(--spacing-md)}.meta-item{background-color:#f9fafb;background-color:var(--color-bg-app);border-radius:8px;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.meta-item__label{color:#4b5563;color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.meta-item__value{display:block;font-size:1.1rem;font-weight:600}@media (max-width:1024px){.app-layout,.explanation-layout{grid-template-columns:1fr}}@media (max-width:768px){.analysis-layout{grid-template-columns:1fr}}@media (max-width:600px){.results-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.49f98ff0.css.map*/