html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}: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}body{margin:0;min-width:320px}h1{font-size:2.5em;line-height:1.1;text-align:center;margin-bottom:2rem}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}button{background-color:#f9f9f9}}.single-test-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 60px);overflow:hidden}.form-container{background:var(--form-bg-color);padding:2rem;overflow-y:auto}.form-container h1{margin-top:0;margin-bottom:2rem;color:var(--text-color)}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.form-group input[type=number],.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg-color);color:var(--text-color)}.form-group textarea{resize:vertical;min-height:150px}.field-description{font-size:.9rem;color:var(--text-color);opacity:.8;margin-top:.25rem;margin-bottom:.5rem}.prompt-help code{background:var(--stats-bg-color);padding:.2rem .4rem;border-radius:3px;opacity:1}.reset-button{float:right;padding:.25rem .5rem;font-size:.9rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer}.reset-button:hover{opacity:.8}.button{width:100%;padding:.75rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:opacity .2s}button:hover{opacity:.8}button:disabled{background:var(--border-color);cursor:not-allowed;opacity:.5}.results-container{background:var(--background-color);padding:2rem;border-radius:8px;overflow-y:auto}.results h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.stats{background:var(--stats-bg-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.stats p{margin:.5rem 0;color:var(--text-color)}.stats-subheading{margin:1.5rem 0 .5rem;color:var(--text-color);font-weight:500}.latency-note{font-size:.9rem;color:var(--text-color);opacity:.8;margin:.5rem 0 1rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:var(--stats-bg-color);padding:1rem;border-radius:8px}.result-item.correct{border-left:4px solid #42b883}.result-item.incorrect{border-left:4px solid #ff4949}.result-item.invalid{border-left:4px solid #fb923c}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.result-header p{margin:.25rem 0;color:var(--text-color)}.toggle-details{width:auto;padding:.5rem 1rem;font-size:.9rem;background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color)}.toggle-details:hover{opacity:.8}.email-details{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.email-subject,.email-content-type{margin-bottom:.5rem;color:var(--text-color)}.email-body{margin-top:1rem}.email-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.email-tab{padding:.5rem 1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-color)}.email-tab.active{background:#646cff;color:#fff;border-color:#646cff}.email-text,.email-html{width:100%;min-height:200px;padding:1rem;background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:monospace;white-space:pre-wrap;overflow-x:auto}.email-html{border:none;padding:0}.react-select-container{margin-bottom:1rem}.model-option,.dataset-option,.provider-option{padding:.5rem}.model-name,.dataset-name,.provider-name{font-weight:700;color:var(--text-color)}.model-description,.dataset-description,.provider-description{font-size:.9rem;color:var(--text-color);opacity:.8;margin-top:.25rem}.dataset-link,.provider-link{color:#646cff;text-decoration:none}.dataset-link:hover,.provider-link:hover{color:#535bf2;text-decoration:underline}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fecaca}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loader{border:4px solid #f3f3f3;border-top:4px solid #646cff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.single-test-container{grid-template-columns:1fr;gap:1rem;height:auto;padding:1rem}.form-container,.results-container{padding:1rem}.email-text,.email-html{min-height:150px}}.benchmark-results{padding:1rem;background:var(--background-color);border-radius:8px;margin-top:1rem}.benchmark-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--stats-bg-color);border-radius:4px}.benchmark-summary p{margin:0;padding:.5rem;text-align:center}.benchmark-tables{display:flex;flex-direction:column;gap:2rem}.benchmark-table-container{overflow-x:auto;background:var(--stats-bg-color);padding:1rem;border-radius:4px}.benchmark-table-container h3{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.benchmark-table{width:100%;border-collapse:collapse;font-size:.9rem}.benchmark-table th,.benchmark-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.benchmark-table th:last-child,.benchmark-table td:last-child{border-right:none}.benchmark-table th{background:var(--background-color);font-weight:700;position:sticky;top:0;z-index:1;white-space:nowrap}.benchmark-table th:first-child,.benchmark-table td:first-child{position:sticky;left:0;background:inherit;z-index:2;min-width:200px}.benchmark-table th:first-child{z-index:3}.benchmark-table tr:hover,.benchmark-table tr:hover td:first-child{background:var(--background-color)}.model-name{font-weight:500;white-space:nowrap}.metrics-cell{min-width:180px;padding:.5rem}.metric{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.metric:first-child{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px dashed var(--border-color)}.metric .label{font-weight:500;color:var(--text-color);opacity:.8}.metric .value{font-family:monospace}.metric.accuracy .value{color:#42b883}.metric.latency .value{color:#646cff}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:1.5rem}.sortable-header:hover{background:var(--background-color)}.sortable-header:after{content:attr(data-sort-icon);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.benchmark-summary{grid-template-columns:1fr}.benchmark-table{font-size:.8rem}.benchmark-table th,.benchmark-table td{padding:.5rem}.metrics-cell{min-width:150px}.metric{flex-direction:column;align-items:flex-start}.metric .value{margin-top:.25rem}.sortable-header{padding-right:1.2rem}}.benchmark-page{height:calc(100vh - 60px);padding:2rem;overflow-y:auto}.benchmark-container{max-width:1200px;margin:0 auto;padding-bottom:4rem}.benchmark-page h1{margin-bottom:1rem;color:var(--text-color)}.page-description{color:var(--text-color);opacity:.8;margin-bottom:2rem}form{margin-bottom:2rem}.benchmark-form{background:var(--form-bg-color);padding:2rem;border-radius:8px;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg-color);color:var(--text-color);font-family:monospace;resize:vertical}.reset-button{margin-top:.5rem;padding:.5rem 1rem;background:var(--secondary-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.reset-button:hover{background:var(--secondary-color-hover)}button[type=submit]{width:100%;padding:1rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}button[type=submit]:hover:not(:disabled){background:#535bf2}button[type=submit]:disabled{background:var(--disabled-color);cursor:not-allowed}.error-message{background:var(--error-bg-color);color:var(--error-color);padding:1rem;border-radius:4px;margin-bottom:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--background-color);border-radius:8px}.loading-container p{color:var(--text-color);opacity:.8}@media (max-width: 768px){.benchmark-page,.benchmark-form{padding:1rem}.form-group textarea{font-size:.9rem}}.select-actions{display:flex;gap:.5rem}.select-action-button{padding:.25rem .5rem;font-size:.9rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;width:auto}.select-action-button:hover{opacity:.8}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{height:60px;padding:0 2rem;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.app-header h1{margin:0;font-size:1.5rem;color:var(--text-color)}.app-header nav{display:flex;gap:1rem}.app-header a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border-radius:4px}.app-header a:hover{background:var(--border-color)}.app-header a.active{background:#646cff;color:#fff}.app-content{flex:1;overflow:hidden}.container{max-width:800px;margin:0 auto}.form-group{margin-bottom:1.5rem;text-align:left;width:100%;box-sizing:border-box}label{display:block;margin-bottom:.5rem;font-weight:700}select,input,textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--input-bg-color);color:var(--text-color);box-sizing:border-box;max-width:100%}textarea{resize:vertical;min-height:100px}button{width:auto;min-width:120px;margin-top:1rem}button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#f55;color:#fff;padding:1rem;border-radius:4px;margin:1rem 0}.results{text-align:left}.stats{background:var(--stats-bg-color);padding:.75rem;border-radius:4px;margin-bottom:.75rem;font-size:.95rem}.stats h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.stats p{margin:.3rem 0;line-height:1.3}.result-item{border:1px solid var(--border-color);padding:.75rem;margin-bottom:.75rem;border-radius:4px;font-size:.95rem}.result-item.correct{border-left:4px solid #4CAF50}.result-item.incorrect{border-left:4px solid #f44336}.result-item.invalid{border-left:4px solid #ff9800}:root{--background-color: #242424;--text-color: rgba(255, 255, 255, .87);--border-color: #333;--input-bg-color: #1a1a1a;--stats-bg-color: #1a1a1a;--form-bg-color: #1e1e2e}@media (prefers-color-scheme: light){:root{--background-color: #ffffff;--text-color: #213547;--border-color: #e5e7eb;--input-bg-color: #f9fafb;--stats-bg-color: #f9fafb;--form-bg-color: #f0f4f8}}.auth-container{max-width:400px;width:100%;margin:0 auto;padding:2rem;background:var(--stats-bg-color);border-radius:8px;box-shadow:0 4px 20px #00000026}.logout-button{position:fixed;top:1rem;right:1rem;margin:0;padding:.5rem 1rem;z-index:100}form>button{width:100%}.prompt-help{font-size:.9rem;color:var(--text-color);opacity:.8;margin-bottom:.5rem}.prompt-help code{background:var(--stats-bg-color);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.reset-button{float:right;margin:0;padding:.3rem .6rem;font-size:.9rem;min-width:auto;background:transparent;border:1px solid var(--border-color)}.reset-button:hover{background:var(--stats-bg-color)}textarea{font-family:monospace;line-height:1.4;-moz-tab-size:2;tab-size:2}.result-header{display:flex;justify-content:space-between;align-items:flex-start}.result-header p{margin:.3rem 0;line-height:1.3}.result-header p span{font-weight:700}.toggle-details{background:transparent;border:1px solid var(--border-color);margin:0;padding:.25rem .5rem;font-size:.85rem;min-width:auto;margin-left:.5rem}.toggle-details:hover{background:var(--stats-bg-color)}.email-details{display:none;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.email-details.show{display:block}.email-subject,.email-content-type{margin-bottom:.5rem}.email-body pre{white-space:pre-wrap;word-wrap:break-word;background:var(--stats-bg-color);padding:1rem;border-radius:4px;margin:.5rem 0 0;font-size:.9rem;max-height:300px;overflow-y:auto}.email-tabs{margin:.5rem 0;border-bottom:1px solid var(--border-color)}.tab-button{background:var(--stats-bg-color);border:1px solid var(--border-color);border-bottom:none;margin:0;padding:.3rem .75rem;font-size:.85rem;min-width:auto;border-radius:4px 4px 0 0;margin-right:.5rem;position:relative;top:1px}.tab-button.active{background:transparent;border-bottom:1px solid var(--input-bg-color);font-weight:700}.email-html{width:100%;height:300px;border:none;background:var(--stats-bg-color);border-radius:4px;margin:.5rem 0 0}.email-html img{max-width:100%;height:auto}.email-html table{border-collapse:collapse;width:100%}.email-html td,.email-html th{border:1px solid var(--border-color);padding:.5rem}.email-html a{color:#646cff;text-decoration:underline}.email-html a:hover{color:#535bf2}.main-container{display:flex;width:100%;flex:1;overflow:hidden}.form-container{flex:0 0 40%;overflow-y:auto;padding:2.5rem;border-right:1px solid var(--border-color);position:relative;background-color:var(--form-bg-color);box-shadow:0 0 20px #0000001a}.results-container{flex:1;overflow-y:auto;padding:1.5rem;position:relative}h1{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem;text-align:left}@media (max-width: 1024px){.app{height:auto;overflow:auto}.main-container{flex-direction:column;height:auto}.form-container{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border-color);height:auto}.results-container{flex:0 0 auto;height:auto}}form{width:100%;box-sizing:border-box}.loading-indicator{font-size:.85rem;font-weight:400;opacity:.7;margin-left:.5rem}.model-option{padding:10px;cursor:pointer;border-bottom:1px solid var(--border-color)}.model-option:last-child{border-bottom:none}.model-option.selected{background-color:var(--stats-bg-color)}.model-name{font-weight:700;margin-bottom:4px}.model-description{font-size:.85rem;opacity:.8;white-space:normal;line-height:1.3}.react-select-container{width:100%}.react-select__menu{width:100%;max-height:300px}.email-html-placeholder{display:none}.field-description{font-size:.85rem;color:var(--text-color);opacity:.8;margin-bottom:.5rem;line-height:1.3}.stats-note{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--border-color);font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;top:0;left:0;text-align:center;padding:2rem;box-sizing:border-box}.loader{border:5px solid var(--stats-bg-color);border-top:5px solid var(--text-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:1.1rem;opacity:.9}.stats-subheading{margin:1rem 0 .5rem;font-size:1rem;font-weight:700;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.3rem}.latency-note{margin:.25rem 0 .75rem;font-style:italic;font-size:.8rem}.dataset-option{padding:10px;cursor:pointer;border-bottom:1px solid var(--border-color)}.dataset-option:last-child{border-bottom:none}.dataset-option.selected{background-color:var(--stats-bg-color)}.dataset-name{font-weight:700;margin-bottom:4px}.dataset-description{font-size:.85rem;opacity:.8;white-space:normal;line-height:1.3}.dataset-link{color:#646cff;text-decoration:underline}.dataset-link:hover{color:#535bf2}.provider-option{padding:10px;cursor:pointer;border-bottom:1px solid var(--border-color)}.provider-option:last-child{border-bottom:none}.provider-option.selected{background-color:var(--stats-bg-color)}.provider-name{font-weight:700;margin-bottom:4px}.provider-description{font-size:.85rem;opacity:.8;white-space:normal;line-height:1.3}.provider-link{color:#646cff;text-decoration:underline}.provider-link:hover{color:#535bf2}.benchmark-button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s;margin-bottom:1rem;width:100%}.benchmark-button:hover{background-color:var(--accent-color-hover)}.benchmark-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}@media (max-width: 768px){.app-header{padding:0 1rem}.app-header h1{font-size:1.25rem}.app-header nav{gap:.5rem}.app-header a{padding:.25rem .5rem}}