@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";: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{--bg: #f3f0ea;--bg-deep: #e6eef0;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #1c1f24;--muted: #5b6675;--accent: #0f6b6e;--accent-strong: #0a3f43;--border: #e2ddd3;--shadow-soft: 0 16px 30px rgba(18, 24, 38, .08);--shadow-card: 0 8px 18px rgba(18, 24, 38, .08);--sidebar-width: 310px;--sidebar-collapsed-width: 56px}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);min-height:100vh;background:linear-gradient(135deg,var(--bg),var(--bg-deep))}#root{max-width:100%}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-status{min-height:100vh;display:grid;place-items:center;font-size:1.1rem;color:var(--muted)}.viewer-layout{display:flex;min-height:100vh}.viewer-layout--collapsed .controls-panel{width:var(--sidebar-collapsed-width)}.controls-panel{width:var(--sidebar-width);flex-shrink:0;padding:1rem 1rem 1.25rem;background:#fffdf8f2;border-right:1px solid var(--border);box-shadow:4px 0 20px #1218260f;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:100;transition:width .28s ease,padding .28s ease}.controls-panel--collapsed{width:var(--sidebar-collapsed-width);padding:.8rem .45rem;display:flex;flex-direction:column;align-items:center}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.panel-title h2,.page-title,.gallery-divider h2,.empty-state h3{margin:0;font-family:Fraunces,serif;font-weight:600}.panel-title h2{margin-bottom:.3rem;font-size:1.3rem}.panel-title p,.page-subtitle,.gallery-divider p,.empty-state p{margin:0;color:var(--muted)}.panel-title p{font-size:.93rem}.panel-collapse-btn,.panel-toggle{background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .15s ease}.panel-collapse-btn{color:var(--muted);font-size:1rem;padding:.25rem .35rem}.panel-collapse-btn:hover,.panel-toggle:hover{background:#0000000d;color:var(--ink)}.panel-toggle{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .25rem;width:100%}.panel-toggle__icon{font-size:1rem;color:var(--accent);letter-spacing:-.2em}.panel-toggle__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);writing-mode:vertical-rl;text-orientation:mixed}.panel-fields{margin-top:1rem;display:flex;flex-direction:column;gap:.68rem}.mode-switcher{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:12px;background:#ffffffb8;padding:.3rem;gap:.25rem}.mode-switcher__tab{border:none;border-radius:8px;background:transparent;padding:.5rem .65rem;text-align:left;font-size:.82rem;color:var(--muted);cursor:pointer;transition:all .13s ease}.mode-switcher__tab:hover{background:#0f6b6e1a;color:var(--accent-strong)}.mode-switcher__tab--active{background:var(--accent);color:#f4fffe;box-shadow:0 8px 14px #0f6b6e40}.tiny-form{text-align:left;display:flex;flex-direction:column;gap:.3rem}.tiny-form__label{font-weight:600;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.combo{position:relative}.combo__input{width:100%;appearance:none;padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px;font-size:.9rem;background-color:var(--surface);color:var(--ink);box-shadow:inset 0 1px #ffffff80;transition:all .15s ease}.combo__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f6b6e26}.combo__input:disabled{background-color:#e2ddd366;color:var(--muted);cursor:not-allowed}.combo__input::placeholder{color:var(--muted);opacity:.7}.combo__list{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 8px 24px #12182626;animation:combo-fade-in .15s ease}@keyframes combo-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.combo__option{width:100%;text-align:left;padding:.55rem .75rem;border-radius:8px;background:transparent;border:0;cursor:pointer;font-size:.85rem;color:var(--ink);transition:all .12s ease}.combo__option:hover,.combo__option:focus{outline:none;background:#0f6b6e1f;color:var(--accent-strong)}.combo__empty{padding:.75rem;font-size:.85rem;color:var(--muted);text-align:center}.combo__group-header{padding:.45rem .75rem .25rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none}.status-message{margin-top:.2rem;padding:.65rem .75rem;border-radius:10px;border:1px dashed rgba(91,102,117,.5);background:#5b667514;color:var(--muted);font-size:.8rem;line-height:1.3}.viewer-content{flex:1;margin-left:var(--sidebar-width);padding:1rem 1.8rem 2rem;display:flex;flex-direction:column;gap:.75rem;width:calc(100vw - var(--sidebar-width));transition:margin-left .28s ease,width .28s ease}.viewer-layout--collapsed .viewer-content{margin-left:var(--sidebar-collapsed-width);width:calc(100vw - var(--sidebar-collapsed-width))}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.35rem 0 .65rem}.page-title{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.02em;line-height:1.05}.page-title span:first-child:after{content:" "}.page-subtitle{margin-top:.4rem;font-size:.96rem;max-width:620px}.summary-strip{border:1px solid rgba(15,107,110,.25);border-radius:11px;padding:.6rem .8rem;background:linear-gradient(90deg,#0f6b6e1f,#0f6b6e08);color:var(--accent-strong);font-size:.86rem;letter-spacing:.01em}.model-stats{border:1px solid rgba(15,107,110,.2);border-radius:14px;background:radial-gradient(circle at top right,rgba(15,107,110,.12),transparent 42%),#fffdf8e0;box-shadow:var(--shadow-card);padding:.9rem 1rem 1rem}.model-stats__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.model-stats__header h2{margin:0;font-family:Fraunces,serif;font-size:1.15rem}.model-stats__header p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.model-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.model-stats__item{border:1px solid var(--border);border-radius:12px;background:#fffc;padding:.75rem .8rem;display:flex;flex-direction:column;gap:.3rem}.model-stats__label{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.model-stats__value{font-size:1.1rem;line-height:1.1}.empty-state-shell{min-height:280px;display:flex;align-items:center;justify-content:center}.empty-state{padding:1.45rem 1.55rem;border-radius:14px;border:1px dashed var(--border);background:#fffdf8d1;text-align:center;max-width:440px;box-shadow:var(--shadow-soft)}.empty-state h3{margin-bottom:.4rem;font-size:1.24rem}.empty-state p{font-size:1rem}.image-gallery{display:flex;flex-direction:column;gap:.5rem}.gallery-divider{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.gallery-divider h2{font-size:1.45rem}.gallery-divider p{font-size:.95rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.72rem}.image-card{padding:0;border-radius:12px;border:none;background:var(--surface-strong);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;animation:fade-in .55s ease both;animation-delay:var(--delay, 0ms);transition:all .18s ease}.image-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #1218261f}.image-card__header{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.5rem .5rem .25rem}.image-card h3{margin:0;font-size:.9rem;font-weight:600;overflow-wrap:break-word}.image-card__image,.mini-image__asset{width:100%;display:block}.image-card__image--original,.mini-image__asset--original{aspect-ratio:1;object-fit:contain;border-radius:0;background:#f7f4ee}.image-card__image--attribution,.mini-image__asset--attribution{height:auto;object-fit:contain;border-radius:0;background:transparent}.colorbar{width:100%;height:auto;display:block;border-radius:0;margin-top:-2px}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.75rem}.model-grid-card{border:1px solid var(--border);border-radius:12px;padding:.6rem;background:#ffffffe0;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.5rem}.model-grid-card__meta h3{margin:0;font-size:.92rem;line-height:1.2}.model-grid-card__meta p{margin:.2rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.25}.model-grid-card__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mini-image{margin:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mini-image figcaption{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.35rem .4rem .2rem}.mini-image__missing{width:100%;aspect-ratio:1;border-radius:6px;border:1px dashed var(--border);background:#e2ddd32e;color:var(--muted);display:grid;place-items:center;text-align:center;font-size:.72rem;padding:.4rem}.compare-matrix{display:flex;flex-direction:column;gap:.62rem}.compare-header,.compare-row{display:grid;grid-template-columns:repeat(var(--compare-columns, 1),minmax(220px,1fr));gap:.6rem}.compare-header{position:sticky;top:0;z-index:5;background:#f3f0eae6;padding-top:.15rem}.compare-header__cell{border:1px solid var(--border);border-radius:10px;background:#fffdf8f2;padding:.45rem .6rem;font-size:.8rem;font-weight:600}.compare-row{align-items:start}.compare-cell{border:1px solid var(--border);border-radius:12px;background:#ffffffe6;box-shadow:var(--shadow-card);padding:.55rem;display:flex;flex-direction:column;gap:.45rem}.compare-cell--original{position:sticky;top:2.5rem;align-self:start}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1080px){:root{--sidebar-width: 250px;--sidebar-collapsed-width: 48px}.viewer-content{padding:1rem 1.2rem 1.8rem}.compare-header,.compare-row{grid-template-columns:repeat(var(--compare-columns, 1),minmax(200px,1fr))}}@media(max-width:760px){:root{--sidebar-width: 100%;--sidebar-collapsed-width: 48px}.controls-panel{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.controls-panel--collapsed{position:fixed;width:var(--sidebar-collapsed-width);height:100vh;border-right:1px solid var(--border);border-bottom:none}.viewer-content{margin-left:0;width:100%;padding:1rem 1rem 1.8rem}.viewer-layout--collapsed .viewer-content{margin-left:var(--sidebar-collapsed-width);width:calc(100vw - var(--sidebar-collapsed-width))}.page-header{flex-direction:column;align-items:flex-start;padding-bottom:.2rem}.model-stats__header{flex-direction:column;gap:.4rem}.model-grid{grid-template-columns:1fr}.compare-header{display:none}.compare-row{grid-template-columns:1fr;border:1px solid var(--border);border-radius:12px;background:#ffffffbf;padding:.55rem}.compare-cell{position:relative}.compare-cell:before{content:attr(data-model);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem}.compare-cell--original:before{content:"Original"}.model-grid-card__images{grid-template-columns:1fr 1fr}}.prediction-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:6px;font-size:.85rem;line-height:1.3;margin-top:.25rem;border:1px solid}.prediction-badge--correct{background:#108a4c1a;border-color:#108a4c4d;color:#0a7a45}.prediction-badge--incorrect{background:#c2382c1a;border-color:#c2382c4d;color:#a8332a}.prediction-badge__icon{font-weight:700;font-size:.85rem}.prediction-badge__text em{font-style:normal;font-weight:600}.compare-cell .prediction-badge{margin-bottom:.25rem}