*{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--bg:#090c12;--panel:#141a24;--line:#2a3443;--text:#eef2f8;--green:#87efc4}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}a{color:#bfd3f1;text-decoration:none}button,select{font:inherit;color:inherit;background:#1a2332;border:1px solid #354158;border-radius:8px;padding:8px 12px;max-width:100%}button{cursor:pointer}button:hover{background:#29384c}button:disabled{opacity:.35;cursor:default}select{min-width:0}header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#0c111af5;backdrop-filter:blur(12px);padding:12px 24px;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#case{width:88px}#previous,#next{font-size:22px;line-height:1}input{accent-color:var(--green)}#zoom{width:130px}#zoom-value{width:46px;font-size:12px;font-variant-numeric:tabular-nums}main{max-width:1800px;margin:auto;padding:22px 24px}.selectors,.pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.selectors{margin-bottom:16px}.model-choice{min-width:0;border:1px solid var(--line);padding:10px;border-radius:10px;background:var(--panel)}.model-choice.ours{border-color:#477f67;background:#142a22}.model-choice select{width:100%;font-size:15px;background:#101823;padding:10px}.baseline select{opacity:1;color:#c5cfdd}.ours select{border-color:#497b66}.pair{align-items:start}.compare-card{min-width:0;border:1px solid #384355;border-radius:10px;overflow:hidden;background:#111823}.compare-card.ours{border-color:#6db28f}.base-reference{border-color:#627089}.compare-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:11px 14px;font-size:12px}.compare-label strong{font-weight:550}.ours .compare-label strong{color:#beffdf}.viewport{aspect-ratio:1;position:relative;overflow:hidden;background:#05070b;cursor:zoom-in;touch-action:pan-y}.viewport[data-zoomed="true"]{cursor:grab;touch-action:none}.viewport img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;transform-origin:center;will-change:transform}.viewport[data-loading="true"]::after{content:'…';position:absolute;inset:0;display:grid;place-items:center;background:#0b111bd9;color:#a9b8c9;pointer-events:none}#case-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.case-tile{display:block;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.case-tile:hover,.case-tile:focus-visible{border-color:#8fa6c5}.case-tile.current{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.case-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#05070b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:600px){header{padding:10px;gap:10px}.bar{gap:5px}#case{width:65px}#zoom{width:80px}.tools{margin-left:auto}main{padding:14px 10px}.selectors,.pair{gap:7px}.selectors{margin-bottom:10px}.model-choice{padding:5px}.model-choice select{font-size:10px;padding:8px 3px}.compare-label{align-items:flex-start;min-height:54px;padding:8px 6px;font-size:10px}.compare-label strong{overflow-wrap:anywhere}}@media(max-width:600px){#case-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;padding-top:18px}}
#case-info{margin-top:20px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}#case-info summary{cursor:pointer;line-height:1.6}#prompt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;margin:14px 0 0;font-size:13px;line-height:1.7;color:#d1dae7}