.comparison{--column-width: 280px}.comparison button,.comparison select,.comparison input[type=search]{color:var(--fg);background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:8px 12px;min-height:40px}.comparison button{cursor:pointer}.comparison button:hover{border-color:var(--accent)}.comparison button:disabled{opacity:.35;cursor:default}.comparison .toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.comparison .task-picker{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}.comparison [data-task-selection]{margin-left:8px;color:var(--fg-dim)}.comparison .task-options{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.comparison select{flex:1;min-width:0;max-width:620px}.comparison .task-navigation{display:flex;gap:4px}.comparison .model-picker{border:1px solid var(--line);border-radius:8px;margin-top:12px;background:var(--bg-2)}.comparison summary{cursor:pointer;padding:10px 12px;font-size:13px}.comparison [data-selection-count]{color:var(--accent);margin-left:8px}.comparison .picker-body{display:flex;flex-wrap:wrap;gap:10px;padding:0 12px 12px}.comparison .search-label{display:flex;align-items:center;gap:10px;flex:1;font-size:12px}.comparison input[type=search]{width:100%;min-width:120px;flex:1}.comparison .model-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;width:100%;max-height:180px;overflow-y:auto}.comparison .model-option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:12px}.comparison .model-option:has(:checked){border-color:var(--accent);background:#193047}.comparison .model-option span{overflow-wrap:anywhere}.comparison .model-option small{display:block;color:var(--fg-dim);font-size:10px}.comparison .model-option .vendor-icon{margin-right:0}.comparison .model-identity{display:inline-flex;align-items:center;gap:7px}.comparison .model-identity .vendor-icon{width:18px;height:18px;margin-right:0}.comparison input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.comparison [hidden]{display:none!important}.comparison .selected-models{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.comparison .selected-models button{min-height:32px;font-size:12px;color:var(--accent)}.comparison .task-prompt{border-bottom:1px solid var(--line)}.comparison .task-prompt summary{padding-left:0}.comparison .task-prompt a{margin-left:16px}.comparison .task-prompt p{white-space:pre-wrap;max-height:220px;overflow-y:auto;font-size:13px}.comparison .comparison-help,.comparison .footnote{font-size:12px;color:var(--fg-dim);margin:10px 0}.comparison .comparison-status{font-size:12px;color:var(--fg-dim);margin:6px 0}.comparison .comparison-summary{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}.comparison .share-link{margin-left:auto;padding:4px 0;min-height:28px;border:0;border-radius:0;background:transparent;color:var(--fg-dim);font-size:11px;white-space:nowrap}.comparison .share-link:hover{color:var(--accent);text-decoration:underline}.comparison .board-scroll{overflow:auto;max-height:74vh;border:1px solid var(--line);border-radius:8px}.comparison .board{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max(100%,calc(112px + var(--model-count, 3) * var(--column-width)))}.comparison .board th,.comparison .board td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;vertical-align:top}.comparison .board thead th{position:sticky;top:0;z-index:3;background:var(--bg-2);text-align:left;font-size:14px}.comparison .board thead th:first-child{width:112px;left:0;z-index:4}.comparison .board th small{display:block;font-weight:400;color:var(--fg-dim);font-size:10px;overflow-wrap:anywhere}.comparison .board tbody th{width:112px;position:sticky;left:0;z-index:1;background:var(--bg-2);text-align:left;font-size:12px;overflow-wrap:anywhere}.comparison .board tbody tr.family-heading th{position:static;padding:0}.comparison .board tbody tr.task-heading th{position:static;padding:10px;border-top:2px solid var(--line)}.comparison .task-heading .task-info{position:sticky;left:10px;width:min(640px,calc(100vw - 64px))}.comparison .task-heading a{font-size:13px}.comparison .task-heading .task-prompt{border:0;font-weight:400}.comparison .task-heading summary{padding:4px 0 0;font-size:11px;color:var(--fg-dim)}.comparison .family-heading button{position:sticky;left:0;border:0;text-align:left;font-size:12px;min-width:240px;color:var(--accent)}.comparison .render-link{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--render-bg);border-radius:5px;overflow:hidden}.comparison .render-link:hover{outline:2px solid var(--accent)}.comparison .render-link img{width:100%;height:100%;object-fit:contain}.comparison .run-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font:11px var(--mono);margin-top:8px;color:var(--fg-dim)}.comparison .run-status{color:var(--warn)}.comparison .run-status[data-status=success]{color:var(--ok)}.comparison .no-render{aspect-ratio:4 / 3;display:flex;justify-content:center;align-items:center;text-align:center;font-size:13px;color:var(--fg-dim);border:1px dashed var(--line);border-radius:5px}.comparison .comparison-empty{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:8px}@media(max-width:640px){.comparison{--column-width: 230px}.comparison .task-picker{flex-basis:100%}.comparison .board thead th:first-child,.comparison .board tbody th{width:85px}.comparison .board{width:calc(85px + var(--model-count, 3) * var(--column-width))}.comparison .model-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.comparison button{min-height:44px}.comparison .board-scroll{max-height:70vh}}