*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}#root{height:100%}.app-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;width:100%}.navigation-bar{align-items:center;background-color:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:8px 16px;z-index:100}.nav-button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.nav-button:hover:not(:disabled){background-color:#357abd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nav-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.file-selector-container{align-items:center;display:flex;flex:1 1;gap:12px;max-width:600px}.file-selector{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.file-selector optgroup{background-color:#f0f7ff;color:#4a90e2;font-style:normal;font-weight:600;padding:4px 0}.file-selector option{color:#333;font-weight:400;padding:4px 8px}.file-selector:hover{border-color:#4a90e2}.file-selector:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.file-counter{color:#666;font-size:14px;font-weight:500;white-space:nowrap}.annotator-mode-switch{margin:0!important;-webkit-user-select:none;user-select:none}.annotator-mode-switch .MuiFormControlLabel-label{color:#333;font-size:14px;font-weight:500}.run-selector-container{align-items:center;display:flex;gap:8px}.run-selector-label{color:#333;font-size:14px;font-weight:500;white-space:nowrap}.run-selector{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:14px;min-width:100px;padding:6px 12px;transition:border-color .2s ease}.run-selector:focus,.run-selector:hover{border-color:#4a90e2}.run-selector:focus{box-shadow:0 0 0 3px #4a90e21a;outline:none}.content-area{display:flex;flex:1 1;overflow:hidden}.error-message,.loading-message{align-items:center;color:#666;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.error-message{color:#d32f2f}.left-panel{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100vh;overflow:hidden;padding:12px}.toggle-selection-panel{background-color:#4a90e2;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.toggle-selection-panel:hover{background-color:#357abd;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.toggle-selection-panel:active{transform:translateY(0)}.section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:12px}.section.collapsed{flex:0 0 auto}.section-title{color:#333;font-size:18px;font-weight:600;margin:0}.section-header{align-items:center;border-bottom:2px solid #4a90e2;display:flex;flex-shrink:0;justify-content:space-between;margin:0 0 8px;padding-bottom:6px}.section-header-buttons{align-items:center;display:flex;gap:8px}.collapse-icon{background:none;border:none;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapse-icon:hover{background-color:#e8f4ff;transform:scale(1.1)}.expand-icon{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .2s ease}.expand-icon:hover{background-color:#f0f0f0;color:#4a90e2}.section-content{color:#555;flex:1 1;line-height:1.6;overflow-y:auto}.markdown-content{color:#333;font-size:15px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#222;margin:8px 0}.markdown-content p{margin:6px 0}.markdown-content a{color:#1a73e8;text-decoration:underline}.markdown-content pre{background:#0f1724;border-radius:8px;color:#e6eef8;overflow:auto;padding:12px}.markdown-content code,.markdown-content pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace}.markdown-content code{background:#f4f6f8;border-radius:6px;padding:2px 6px}.markdown-content ol,.markdown-content ul{margin:8px 0 8px 20px}.markdown-content table{border-collapse:collapse;margin:12px 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #e6e9ee;padding:8px 10px;text-align:left}.markdown-content th{background:#f6f8fb}.response-section{flex:3 1;min-height:0}.response-section .section-content{overflow-y:auto}.prompt-section{flex:1 1;min-height:0}.prompt-section .section-content{background-color:#f9f9f9;border-radius:4px;font-style:italic;overflow-y:auto;padding:12px}.hyperparameters-section{flex:0 0 auto}.hyperparameters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.param-item{align-items:center;background-color:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.param-label-container{align-items:center;display:flex;gap:6px}.param-label{color:#666;font-weight:500}.info-icon{cursor:pointer;font-size:14px;opacity:.7;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.info-icon:hover{opacity:1}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px 12px}.modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:24px}.modal-description{color:#555;font-size:16px;line-height:1.6;margin:0 0 20px}.modal-details{background-color:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;margin-bottom:20px;padding:16px}.modal-details h4{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.modal-details p{color:#666;line-height:1.6;margin:0}.modal-value{background-color:#f0f7ff;border:1px solid #d6ebff;border-radius:6px;padding:12px 16px}.expanded-modal{max-height:90vh;max-width:90vw;width:900px}.expanded-modal-body{max-height:70vh;overflow-y:auto}.prompt-content{background-color:#f9f9f9;border-radius:8px;font-style:italic;line-height:1.6;padding:16px}.hyperparameters-expanded{display:flex;flex-direction:column;gap:20px}.param-expanded-item{background-color:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;padding:16px}.param-expanded-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.param-expanded-label{color:#333;font-size:16px;font-weight:600}.param-expanded-value{color:#4a90e2;font-size:16px;font-weight:600}.param-expanded-description{color:#555;line-height:1.6;margin:8px 0}.param-expanded-details{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px;padding:12px}.param-expanded-details p{color:#666;font-size:14px;line-height:1.6;margin:0}.image-comparison-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100vw;width:100vw}.image-comparison-body{display:flex;gap:16px;height:calc(100vh - 80px);overflow:auto;padding:16px}.comparison-image-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;min-width:0}.comparison-image-title{color:#333;font-size:18px;font-weight:600;margin:0;text-align:center}.comparison-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-height:calc(100vh - 150px);object-fit:contain;width:100%}@media (max-width:1024px){.image-comparison-body{flex-direction:column}.comparison-image{max-height:45vh}}.param-value{color:#4a90e2;font-weight:600}.right-panel{background-color:#fafafa;border-left:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.image-zoom-button{align-items:center;align-self:flex-end;background-color:#4a90e2;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:44px}.image-zoom-button:hover{background-color:#357abd;box-shadow:0 3px 6px #00000026;transform:scale(1.1)}.image-zoom-button:active{transform:scale(1)}.human-selection-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;padding:12px}.selection-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px;text-align:center}.selection-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.selection-button{align-items:center;background-color:#fff;border:2px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.selection-button:hover{background-color:#f8fbff;border-color:#4a90e2;box-shadow:0 2px 6px #4a90e226;transform:translateY(-1px)}.selection-button.selected{background-color:#e3f2fd;border-color:#4a90e2;font-weight:600}.selection-button.first.selected{background-color:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.selection-button.second.selected{background-color:#e3f2fd;border-color:#1565c0;color:#1565c0}.selection-button.unclear.selected{background-color:#fff3e0;border-color:#f57c00;color:#f57c00}.button-label{flex:1 1}.checkmark{font-size:18px;font-weight:700;margin-left:8px}.clear-selection-button{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:8px;transition:all .2s ease;width:100%}.clear-selection-button:hover{background-color:#f5f5f5;border-color:#999;color:#333}.images-container{flex:1 1;flex-direction:column;gap:20px}.image-item,.images-container{align-items:center;display:flex;justify-content:center}.image-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;min-height:200px;overflow:hidden;width:100%}.heatmap-image{height:auto;max-height:300px;object-fit:contain;width:100%}.image-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:100%;width:100%}.image-container,.placeholder-image{align-items:center;display:flex;justify-content:center}.annotator-mode-layout{grid-gap:12px;display:grid;gap:12px;grid-template-rows:auto 1fr auto;height:calc(100vh - 60px);overflow:hidden;padding:12px}.annotator-question{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px}.annotator-question h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.annotator-question p{color:#555;font-size:14px;line-height:1.4;margin:0}.annotator-images{grid-gap:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:12px;grid-template-columns:1fr 1fr;overflow:hidden;padding:12px}.annotator-image-item{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%}.annotator-image-item h4{color:#333;font-size:14px;font-weight:600;margin:0}.annotator-image-item img{border-radius:4px;height:100%;max-height:100%;object-fit:contain;width:100%}.annotator-selection{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px}.annotator-selection h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px;text-align:center}.annotator-selection .selection-buttons{display:flex;flex-direction:row;gap:8px;justify-content:center}.annotator-selection .selection-button{flex:0 0 auto;font-size:13px;padding:8px 16px}@media (max-width:768px){.app-container{flex-direction:column}.right-panel{border-left:none;border-top:1px solid #e0e0e0}.hyperparameters-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.2231516f.css.map*/