html{scrollbar-gutter:stable}#root{height:100%;max-width:1280px;margin:0 auto;text-align:center}.vertical{display:flex;flex-direction:column;width:100%}#divstarter{width:1280px}.hliner{width:100%;height:0;border:1px dashed #CCC;margin:10px 0}.button-group{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.menu-button{position:relative;padding:8px 16px;border:2px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;text-transform:capitalize;cursor:pointer;transition:all .3s ease;background-color:#f0f0f0;color:#333;border-color:#e0e0e0}.menu-button:hover{background-color:#e6e6e6;border-color:silver}.menu-button.active{background-color:#343148;color:#fff;border-color:#343148;box-shadow:0 2px 4px #0000001a}.menu-button.active:after{content:"";position:absolute;bottom:-6px;left:50%;width:8px;height:8px;background-color:#343148;transform:translate(-50%) rotate(45deg)}.menu-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.menu-button{padding:6px 12px;font-size:.8rem}}.combined-button-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f5f5f5;border-radius:8px}.button-group{flex:1;display:flex;gap:.5rem}.button-group .menu-button{flex:1;white-space:nowrap}.vertical{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.charts-view-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.collapsible-section{position:absolute;top:0;left:0;width:100%;z-index:10;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;overflow:hidden}.content-wrapper{display:flex;width:100%;height:calc(100% - 50px);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:50px}.main-content{width:50%;padding:8px;display:flex;align-items:flex-start;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-on-image{width:50%;padding:8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.selected-image{max-width:100%;max-height:100%;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-label{width:30px;padding:5px 0;font-weight:800;color:#333;text-align:center;flex-shrink:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.8rem;line-height:1.1;white-space:pre;display:flex;align-items:center;justify-content:center}.imageWrapper:hover{border-color:#343148;box-shadow:0 0 10px #007bff33}.thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.whyWrapper{display:flex;flex-direction:column;gap:8px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d}.plots-container{display:flex;gap:8px;justify-content:space-between;width:100%}.plot-wrapper{display:flex;flex-direction:row}.factor-title{font-size:1.2rem;font-weight:600;color:#333;padding:10px 15px;background-color:#f0f0f0;border-radius:6px;border-left:4px solid #343148}.explanation-text{font-size:1rem;line-height:1.6;color:#555;padding:15px;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;text-align:left;max-height:200px;overflow-y:auto;white-space:pre}.explanation-text:empty{display:none}.explanation-text::-webkit-scrollbar{width:8px}.explanation-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.explanation-text::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.explanation-text::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.collapsible-section.open+.content-wrapper{margin-top:300px;transition:all .3s cubic-bezier(.4,0,.2,1)}.collapsible-section{position:absolute;top:0;left:0;width:100%;z-index:10;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-content{padding:10px 0;width:100%;height:220px;opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.collapsible-section:not(.open) .sidebar-content{opacity:0;transform:translateY(-20px)}.sidebar-toggle{width:100%;padding:8px 16px;background-color:#f0f0f0;border:2px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;text-transform:capitalize;cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background-color:#e6e6e6;border-color:silver}.imagecol{width:100%;display:flex;flex-direction:column;gap:2px}.imagerow{display:flex;width:100%;height:70px;gap:2px;align-items:center}.topic-label{width:30px;padding:5px 0;font-weight:500;color:#333;text-align:center;flex-shrink:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1rem;display:flex;align-items:center;justify-content:center}.images-container{display:flex;flex-grow:1;gap:2px;height:100%}.imageWrapper{flex:1;border:1px solid #e0e0e0;cursor:pointer;transition:all .3s ease;height:100%;position:relative}.imageWrapper:hover{border-color:#007bff;box-shadow:0 0 10px #007bff33}.imageWrapper:hover .thumbnail{opacity:.7}.imageWrapper:hover .image-hover-text{opacity:1}.thumbnail{width:100%;height:100%;object-fit:cover}.image-hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap;z-index:2}.chart-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.comparison-container{display:flex;flex-direction:column;width:100%}.comparison-container .chart-container{width:100%;display:flex;justify-content:center}.comparison-container .divider{width:100%;height:1px;background-color:#ddd;margin:20px 0}.comparison-container .comparison-row{display:flex;align-items:center;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.comparison-container .comparison-row .image-name{display:flex;font-size:.6em;font-weight:1000;flex-direction:column;align-items:center}.comparison-container .comparison-row .comparison-images{width:200px;flex-shrink:0}.comparison-container .comparison-row .comparison-images .image-pair{display:flex}.comparison-container .comparison-row .comparison-images .image-pair img{width:100px;height:100px;object-fit:cover}.comparison-container .comparison-row .comparison-details{flex-grow:1;padding:10px}.comparison-container .comparison-row .comparison-details .score-info{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9em;color:#666}.comparison-container .comparison-row .comparison-details .score-info .score-difference{color:#343148}.comparison-container .comparison-row .comparison-details .score-info .prediction-status{color:#28a745}.comparison-container .comparison-row .comparison-details .reason-text{font-size:.8em;color:#333}.comparison-container .model-selector{display:flex;justify-content:center;margin-bottom:20px;gap:10px}.comparison-container .model-selector .model-button{padding:8px 16px;border:2px solid #e0e0e0;background-color:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s ease}.comparison-container .model-selector .model-button:hover{background-color:#e6e6e6;border-color:silver}.comparison-container .model-selector .model-button.active{background-color:#343148;color:#fff;border-color:#343148}.comparison-container .filters{display:flex;gap:20px;margin-bottom:20px;padding:10px}.comparison-container .filter-group{display:flex;align-items:center;gap:8px}.comparison-container .filter-group label{font-weight:500}.comparison-container .filter-group select{padding:4px 8px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.comparison-container .filter-group select:hover{border-color:#999}.introduction-page{text-align:left;display:flex;flex-direction:column;gap:8px}.introduction-page table{margin-top:4px}.introduction-page p{margin-top:4px;margin-bottom:4px}.introduction-page h2{margin-top:12px;margin-bottom:4px}.introduction-page h3{font-size:1.2rem;margin-top:8px;margin-bottom:4px}.introduction-page ul{margin-top:4px}.abstract{width:100%;text-align:justify;text-wrap:pretty}.data-files{flex-direction:row}.prompts{margin-bottom:100px}.prompts .prompt-box{border:1px solid #333;margin:10px 0;border-radius:4px}.prompts .prompt-box-title{font-weight:700;padding:2px 4px;background-color:#f0f0f0;border-radius:4px;margin-bottom:2px}.prompts .prompt-box-text{white-space:pre-line;padding:0 4px}:root{font-family:Inter,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;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}}