:root{color-scheme:dark;--bg:#111310;--panel:#1b1e18;--line:#343a2e;--muted:#a7ad9d;--ink:#f1f1e8;--accent:#d2ec9a;--serif:Georgia,'Noto Serif KR',serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,'Noto Sans KR',sans-serif}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button,input,select{min-height:40px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.pan:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 13px}button:hover:not(:disabled){border-color:#839269}a{color:var(--accent)}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4vw}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.025em}.brand span{font:10px monospace;letter-spacing:.12em;color:var(--muted);margin-left:14px}.mode{font-size:11px;color:var(--accent);white-space:nowrap}main{max-width:1680px;margin:auto;padding:0 4vw 50px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 24px}h1{font:500 clamp(27px,3vw,39px)/1.15 var(--serif);letter-spacing:-.04em;margin:0;white-space:nowrap}.intro p{margin:9px 0 0;color:var(--muted);font-size:13px}.view-switch{display:flex;flex-shrink:0;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.view-switch button{border:0;background:transparent;min-width:62px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--accent);color:#1a2310}.tools{border-block:1px solid var(--line);padding:16px 0}.search{display:flex;width:100%;min-width:0;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:0 15px;height:48px}.search:focus-within{border-color:var(--accent)}.search>span{font-size:27px;color:var(--accent)}.search input{flex:1;width:100%;min-width:0;border:0;background:none;outline:0;font-size:14px}.search kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 7px;font:12px monospace}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.filters label{min-width:0;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.filters select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:0 10px;color:var(--ink);font-size:12px}.filter-heading{display:flex;justify-content:flex-end;margin-top:4px;min-height:28px}.filter-heading #filter-toggle{display:none}.text-button{background:transparent;border-color:transparent;color:var(--muted);font-size:12px;padding:4px 8px;min-height:32px}.quiet{color:var(--ink)}.primary{background:var(--accent);border-color:var(--accent);color:#17200f}.summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;color:var(--muted);font-size:12px}.summary #count{color:var(--ink)}#diag{display:block;font-size:11px;color:var(--muted);margin-top:3px}.sort-label{display:flex;gap:8px;align-items:center;flex-shrink:0}.sort-label select{background:transparent;border:0;font-size:12px;max-width:200px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{position:relative;min-width:0;background:var(--panel);border:1px solid #2c3225;border-radius:8px;overflow:hidden}.card:hover{border-color:#778565}.card.selected{border-color:var(--accent)}.image-open{display:block;border:0;border-radius:0;background:#161913;padding:0;width:100%;aspect-ratio:4/5;min-height:0;overflow:hidden;cursor:zoom-in}.thumb{display:block;width:100%;height:100%;object-fit:contain;color:var(--muted);font-size:12px}.badge{position:absolute;top:10px;left:10px;padding:3px 7px;background:#10150ee6;border:1px solid #414b36;border-radius:4px;color:var(--accent);font-size:10px;pointer-events:none}.select-wrap{position:absolute;right:7px;top:7px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#10150ed9;border-radius:5px;cursor:pointer}.select-image{width:19px;height:19px;min-height:0;accent-color:var(--accent);margin:0;cursor:pointer}.cardmeta{padding:12px 13px}.card-title{display:block;text-align:left;padding:0;min-height:0;width:100%;color:var(--ink);background:none;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;border-radius:0}.sub,.bench-line{color:var(--muted);font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bench-line{display:none}.bench .bench-line{display:block}.bench .image-open{aspect-ratio:1}.bench .grid{gap:12px}.more{display:block;margin:26px auto;padding:12px 40px}.empty{border:1px dashed var(--line);padding:60px 16px;text-align:center;color:var(--muted)}.empty strong{color:var(--ink);font-weight:500}.selection-tray{position:sticky;bottom:14px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:18px;margin:25px auto 0;padding:14px 18px;max-width:920px;background:#242c1bf5;border:1px solid #7c9259;border-radius:10px;box-shadow:0 9px 36px #0007}.selection-tray strong{font-size:13px}.selection-tray #selection-hint{display:block;font-size:11px;color:var(--muted);margin-top:2px}.tray-actions{display:flex;gap:8px;align-items:center}.tray-actions button{white-space:nowrap;font-size:12px}footer{border-top:1px solid var(--line);padding:23px 4vw;display:flex;gap:15px;justify-content:space-between;color:var(--muted);font-size:11px}footer>span:first-child{font-family:monospace;letter-spacing:.12em}body.modal-open{overflow:hidden}dialog{padding:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:min(1440px,96vw);max-width:none;max-height:94dvh;overflow:hidden}dialog::backdrop{background:#000d;backdrop-filter:blur(4px)}.dialog-bar{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dialog-bar>strong,.position{font-size:12px;margin-right:auto;color:var(--muted)}.zoom-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.zoom-controls button{padding:5px 10px;min-height:34px;font-size:12px}.zoom-controls output{min-width:42px;text-align:center;font-size:11px;color:var(--muted)}.close{font-size:25px;line-height:1;min-width:36px;min-height:36px;padding:0 7px;margin-left:auto}.view{display:grid;grid-template-columns:minmax(0,1fr) 290px;height:min(78dvh,900px)}.image-area{position:relative;min-width:0;min-height:0;background:#090b08}.pan{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:#64744c #12160e;touch-action:pan-x pan-y}.pan.zoomed{cursor:grab}.pan.dragging{cursor:grabbing;user-select:none}.zoom-surface{width:100%;height:100%;min-width:100%;min-height:100%;position:relative}.zoom-surface img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.nav{position:absolute;top:calc(50% - 25px);font-size:30px;min-width:36px;padding:0 8px;height:50px;background:#1b2118c9;border-color:#455139}.prev{left:10px}.next{right:10px}.image-status{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#10150ed9;border-radius:4px;padding:4px 9px;font-size:11px;pointer-events:none}.image-status:empty{display:none}.view aside{overflow:auto;padding:20px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.view aside h2{font-size:17px;line-height:1.4;color:var(--ink);margin:0 0 10px}.view aside>p{margin:7px 0}.view aside details{padding:12px 0;border-top:1px solid var(--line);margin-top:15px}.view aside summary{cursor:pointer;color:var(--ink)}.meta-row{margin:12px 0}.meta-row dt{color:#d1d8c6;font-size:11px}.meta-row dd{margin:2px 0 0;white-space:pre-wrap}.view aside a{display:inline-block;margin-top:10px}.compare-hint{font-size:11px;color:var(--muted);margin:12px 18px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;max-height:74dvh;overflow:auto}.compare-item{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.compare-item.active{border-color:var(--accent)}.compare-item .pan{height:57dvh;background:#090b08}.compare-grid.four .pan{height:27dvh}.compare-label{padding:9px 11px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.sync-control{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.sync-control input{width:15px;height:15px;min-height:0;accent-color:var(--accent)}
@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.view{grid-template-columns:minmax(0,1fr) 245px}.dialog-bar{gap:7px}.zoom-controls{gap:4px}}@media(max-width:650px){header{height:55px;padding:0 16px}.brand span{display:none}.mode{font-size:10px}main{padding:0 14px 32px}.intro{padding:21px 0 18px;gap:10px}.intro p{font-size:11px;max-width:260px}.view-switch button{padding:5px 10px;min-width:45px;font-size:12px}.tools{padding:12px 0}.search{height:46px;padding:0 10px}.search input{font-size:13px}.search kbd{display:none}.filter-heading{margin-top:8px;justify-content:space-between}.filter-heading #filter-toggle{display:block;min-height:34px;padding:5px 10px;font-size:12px}.filters{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.tools.filters-open .filters{display:grid}.summary{font-size:11px;align-items:flex-start;padding:15px 0}.sort-label{gap:2px;font-size:10px}.sort-label select{font-size:11px;max-width:154px;min-height:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cardmeta{padding:9px}.card-title{font-size:11px}.sub,.bench-line{font-size:10px}.badge{left:6px;top:7px;font-size:9px;padding:2px 5px}.selection-tray{bottom:7px;padding:11px;display:block}.tray-actions{justify-content:flex-end;margin-top:10px;gap:5px}.tray-actions button{font-size:11px;padding:6px 9px}.selection-tray #selection-hint{display:inline;margin-left:8px}footer{padding:19px 16px;flex-wrap:wrap;gap:7px}footer>span:last-child{display:none}dialog{width:100vw;max-height:100dvh;border-radius:0;border:0}.dialog-bar{padding:7px;min-height:52px}.position{font-size:10px}.zoom-controls button{padding:5px 7px;font-size:11px;min-height:32px}.zoom-controls output{min-width:34px;font-size:10px}.close{min-width:31px;min-height:32px}.view{display:block;height:auto;max-height:calc(100dvh - 100px);overflow:auto}.image-area{height:62dvh}.view aside{padding:14px 18px;max-height:26dvh}.view aside h2{font-size:14px}.nav{height:43px;font-size:26px;min-width:31px}.compare-grid{gap:6px;padding:0 6px 8px;max-height:72dvh}.compare-item .pan{height:48dvh}.compare-grid.four .pan{height:25dvh}.compare-label{font-size:10px;padding:7px}.compare-hint{margin:8px 10px;font-size:10px}.sync-control{font-size:10px}.intro h1{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.card{transition:border-color .15s}.more{transition:background .15s}} 

#compare-view{overflow:auto}.condition-comparison{margin:0 14px 16px;padding:12px 0;border-top:1px solid var(--line)}.condition-comparison summary{cursor:pointer;font-size:12px;color:var(--ink)}.condition-comparison>p{font-size:11px;color:var(--muted)}.condition-scroll{overflow:auto;max-height:42dvh}.condition-scroll table{border-collapse:collapse;width:100%;min-width:560px;font-size:11px;table-layout:fixed}.condition-scroll th,.condition-scroll td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}.condition-scroll th{color:var(--muted);font-weight:500;background:var(--panel)}.condition-scroll th:first-child{width:90px}.condition-scroll th:last-child{width:75px}.condition-different{color:var(--accent)}.condition-unknown{color:var(--muted)}

.benchmark-guide{margin:4px 0 22px;padding:20px;background:linear-gradient(145deg,#20251b,#171a15);border:1px solid var(--line);border-radius:10px}.benchmark-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.benchmark-heading h2{font:500 clamp(21px,2.5vw,30px)/1.2 var(--serif);margin:0}.benchmark-heading p{color:var(--muted);margin:8px 0 0}.benchmark-heading .eyebrow{font:10px monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin:0 0 8px}.bench-counts{color:var(--accent);font-size:12px;text-align:right;white-space:nowrap}.bench-how{margin:18px 0;padding:12px 14px;border-left:2px solid var(--accent);background:#141711;color:var(--muted);font-size:12px}.bench-how strong{color:var(--ink)}.benchmark-controls{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:10px;align-items:end}.benchmark-controls label{display:grid;gap:5px;color:var(--muted);font-size:11px}.benchmark-controls select{min-width:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px}.benchmark-controls button{white-space:nowrap}.bench-status{font-size:12px;color:var(--muted);min-height:1.3em;margin:12px 0 8px}.model-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:9px}.model-card{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#161914}.model-card h3{font-size:14px;margin:0 0 6px;color:var(--accent);overflow-wrap:anywhere}.model-card p{font-size:11px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.bench-method,.bench-prompt{margin-top:12px;border-top:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:12px}.bench-method summary,.bench-prompt summary{cursor:pointer;color:var(--ink)}.bench-method p,.bench-prompt p{white-space:pre-wrap;overflow-wrap:anywhere}.bench-prompt-item{margin:8px 0;padding:8px;border:1px solid var(--line);border-radius:5px}.bench-prompt-item h4{margin:9px 0 3px;color:var(--accent)}body.bench .tools{margin-top:8px}
@media(max-width:650px){body.bench .intro>div:first-child{min-width:0}body.bench .intro h1{white-space:normal;font-size:clamp(22px,6vw,27px)}.benchmark-guide{padding:14px;margin:0 0 16px}.benchmark-heading{display:block}.bench-counts{text-align:left;white-space:normal;margin-top:10px}.bench-how{font-size:11px;margin:12px 0}.benchmark-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.benchmark-controls button{grid-column:1/-1;width:100%}.model-cards{grid-template-columns:1fr 1fr}.model-card{padding:10px}.benchmark-heading h2{white-space:normal}}

/* Public benchmark: show results before optional model documentation. */
.public-benchmark .benchmark-guide{padding:16px;margin-bottom:12px}.public-benchmark .benchmark-heading h2{font-size:24px}.public-benchmark .benchmark-heading .eyebrow,.public-benchmark .bench-how{display:none}.public-benchmark .benchmark-controls{grid-template-columns:1.2fr 1.5fr 1fr auto auto;margin-top:12px}.bench-environment{font-size:11px;color:var(--muted);margin:6px 0}.public-benchmark .bench-prompt,.public-benchmark .bench-method{display:inline-block;margin:4px 14px 0 0;padding-top:6px}.public-benchmark .bench-method[open],.public-benchmark .bench-prompt[open]{display:block}.public-benchmark #model-information{display:block;margin:18px 0}.public-benchmark #filters,.public-benchmark .sort-label{display:none}.public-benchmark .tools{padding-bottom:12px}.public-benchmark .intro{margin-bottom:18px}.public-benchmark .benchmark-heading p{font-size:13px}.public-benchmark .card-title{font-size:15px;color:var(--accent)}
@media(max-width:650px){.public-benchmark .benchmark-controls{grid-template-columns:1fr 1fr}.public-benchmark .benchmark-controls label:first-child{grid-column:1/-1}.public-benchmark .benchmark-controls button{grid-column:auto;white-space:normal}.public-benchmark .benchmark-heading h2{font-size:21px}.public-benchmark .benchmark-guide{padding:12px}.public-benchmark .bench-environment{line-height:1.5}}

.prompt-view-panel{margin:4px 0 24px;padding:18px;background:linear-gradient(145deg,#20251b,#171a15);border:1px solid var(--line);border-radius:10px}.prompt-controls{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:12px}.prompt-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px}.prompt-controls select{min-width:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px}.prompt-summary{color:var(--muted);font-size:12px;margin:14px 0}.prompt-text{padding:12px;border-left:2px solid var(--accent);background:#141711;color:var(--ink);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.prompt-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:12px}.prompt-card{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:#161914}.prompt-card h3{margin:0 0 7px;color:var(--accent);font-size:14px;overflow-wrap:anywhere}.prompt-card .prompt-image{display:block;width:100%;height:340px;object-fit:contain;background:#090a08;border:0;padding:0}.prompt-meta{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.prompt-missing{height:340px;display:grid;place-items:center;border:1px dashed var(--line);color:var(--muted);text-align:center;padding:18px}.prompt-tuning{border-top:1px solid var(--line);margin-top:9px;padding-top:9px}.prompt-tuning h4{margin:0 0 6px;font-size:12px;color:var(--ink)}body.prompt-view #benchmark-guide,body.prompt-view .tools,body.prompt-view .summary,body.prompt-view #grid,body.prompt-view #model-information,body.prompt-view #empty,body.prompt-view #more,body.prompt-view #batch{display:none!important}.view-switch #prompt-view[aria-pressed=true]{background:var(--accent);color:#1a2310}
@media(max-width:650px){.prompt-view-panel{padding:12px}.prompt-controls{grid-template-columns:1fr 1fr}.prompt-controls label:first-child{grid-column:1/-1}.prompt-card .prompt-image,.prompt-missing{height:260px}.view-switch button{min-width:45px;padding-inline:7px;font-size:11px}}
.prompt-manual{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px;color:var(--muted);font-size:12px}.prompt-manual button{min-height:34px;padding:5px 10px}.prompt-card .prompt-tuning button,.prompt-card>div>button.quiet{margin-top:7px}
.prompt-source{margin:6px 0 14px;color:var(--muted);font-size:11px}.prompt-source summary{cursor:pointer}.prompt-source .prompt-text{max-height:240px;overflow:auto}.prompt-source code{overflow-wrap:anywhere}.prompt-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.prompt-card .prompt-image,.prompt-missing{height:240px}.prompt-meta.negative{margin-top:6px}.prompt-card .prompt-tuning{border-top:0;margin-top:6px;padding-top:0}
@media(min-width:1500px){.prompt-results{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.prompt-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.prompt-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.prompt-card .prompt-image,.prompt-missing{height:220px}}

/* Atlas-first browsing: keep the three useful facets visible; fold the rest. */
.advanced-filters{display:contents}.filters .advanced-field{display:none}.filters.show-advanced .advanced-field{display:grid}.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.filter-chip{min-height:30px;padding:4px 9px;border-radius:999px;font-size:11px;background:#252a20;border-color:#59634a}.bench-selection{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}.selected-model-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:11px}.selected-model-chip button{min-height:26px;padding:2px 5px}.bench-selection>strong{font-size:12px;color:var(--accent)}.option-search{min-height:34px!important;font-size:11px!important;padding:5px 8px!important}.filters select option:disabled{color:#777}.filters label{min-width:0}
@media(max-width:650px){.intro{align-items:flex-start;flex-wrap:wrap;padding:16px 0 12px}.intro>div:first-child{width:100%}.intro h1{white-space:normal;font-size:27px}.intro p{margin-top:5px}.view-switch{width:100%;justify-content:stretch}.view-switch button{flex:1}.tools{padding:10px 0}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.filters label{font-size:10px}.filters select{min-width:0;width:100%;font-size:11px;padding:5px}.advanced-filters{display:contents}.filters .advanced-field{display:none}.filters.show-advanced .advanced-field{display:grid}.filter-heading{margin-top:6px}.active-filters{margin-top:6px}.filter-chip{font-size:10px;padding:3px 7px;min-height:28px}.public-benchmark .intro{margin-bottom:8px}.public-benchmark .benchmark-guide{margin-top:0}.public-benchmark .bench-selection{font-size:11px}.benchmark-controls label{gap:4px}}

.explore-panel{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.explore-head{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.explore-head label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.explore-head select{background:#141711;border:1px solid var(--line);border-radius:5px;padding:5px 8px;min-height:36px}.explore-head #tree-toggle{display:none}.explore-head #breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.explore-body{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,270px) 1fr;gap:16px}.semantic-tree{max-height:260px;overflow:auto;padding-right:4px;border-right:1px solid var(--line)}.tree-row{margin:2px 8px 2px 0}.tree-choice{width:100%;text-align:left;background:transparent;border-color:transparent;color:var(--muted);min-height:34px;padding:5px 8px}.tree-choice.selected{color:var(--ink);background:#343d29;border-color:#586347}.semantic-note{color:var(--muted);font-size:12px}.summary{gap:18px;flex-wrap:wrap}.summary>div{flex:1}.sort-label select{max-width:230px}.card .bench-line{color:var(--muted)}
.gallery-group{grid-column:1/-1;margin:16px 0 0;padding:8px 4px;border-bottom:1px solid var(--line);font:500 17px/1.3 var(--serif);color:var(--accent)}
@media(max-width:650px){.explore-panel{display:block;padding:10px;margin-bottom:12px}.explore-head{gap:8px}.explore-head label{flex:1}.explore-head #tree-toggle{display:block;min-height:42px}.explore-head #breadcrumbs{width:100%;overflow-wrap:anywhere}.explore-body{display:block}.semantic-tree{display:none;max-height:48vh;border:1px solid var(--line);border-radius:6px;padding:6px;margin:8px 0}.semantic-tree.mobile-open{display:block}.explore-summary{margin-top:7px}.explore-panel>#to-all{margin-top:8px;min-height:44px;width:100%}.summary{gap:7px}.sort-label select{max-width:160px}}

/* Keep the before/after images adjacent within each catalog. */
.prompt-assets{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.prompt-card.prompt-pair{grid-column:span 2}.prompt-pair .prompt-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-assets>div{min-width:0}.prompt-assets h4{min-height:2.6em;margin:0 0 6px;font-size:12px;line-height:1.3;color:var(--ink)}

.filter-heading #filter-toggle{display:block;min-height:34px;padding:5px 10px;font-size:12px}

/* Content-first card labels: keep long generated titles and model names readable. */
.card-title{display:-webkit-box;width:100%;min-height:2.9em;overflow:hidden;text-align:left;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}
.filter-hint{margin:5px 0;color:var(--muted);font-size:11px}
.cardmeta .sub{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;max-height:2.8em}

/* Compare catalogs within their canonical base-model families. */
#prompt-results.family-groups{display:block}.prompt-family{margin:24px 0}.prompt-family:first-child{margin-top:0}.prompt-family>h2{font:600 19px/1.4 var(--serif);color:var(--accent);margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--line)}

.prompt-reference{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,2fr);gap:10px 16px;margin:4px 0 16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#151812}.reference-heading{grid-column:1/-1}.reference-heading strong{color:var(--accent)}.reference-heading p,.reference-info p{margin:4px 0;color:var(--muted);font-size:11px}.prompt-reference>select{grid-column:1/-1;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px}.reference-body{display:flex;gap:12px;min-width:0}.reference-image{width:min(170px,36vw);height:210px;min-height:0;padding:0;flex:none;background:#090a08}.reference-image img{width:100%;height:100%;object-fit:contain}.reference-info{min-width:0;font-size:11px;overflow-wrap:anywhere}.reference-info details{margin-top:7px}.reference-info details p{max-height:150px;overflow:auto;white-space:pre-wrap}.reference-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-content:start}.reference-thumb{min-height:54px;height:76px;padding:2px}.reference-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:650px){.prompt-reference{grid-template-columns:1fr}.reference-heading,.prompt-reference>select{grid-column:1}.reference-body{gap:8px}.reference-image{width:36vw;height:170px}.reference-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-thumb{height:62px}}

/* Navigation is a real sidebar beside the working list; all-images stays full-width. */
.browse-layout{display:grid;grid-template-columns:minmax(240px,260px) minmax(0,1fr);gap:22px;align-items:start}.results-workspace{min-width:0}.explore-panel{display:block;position:sticky;top:12px;align-self:start;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.explore-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.explore-head label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.explore-head select{background:#141711;border:1px solid var(--line);border-radius:5px;padding:5px 8px;min-height:36px}.explore-head #tree-toggle{display:none}.explore-head #breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:12px}.explore-body{display:block;margin-top:10px}.semantic-tree{max-height:calc(100dvh - 245px);overflow:auto;padding-right:4px}.tree-row{margin:2px 0}.tree-row.child{padding-left:14px;border-left:1px solid var(--line)}.tree-choice{width:100%;text-align:left;background:transparent;border-color:transparent;color:var(--muted);min-height:38px;padding:6px 8px}.tree-choice.selected{color:var(--ink);background:#343d29;border-color:#586347}.semantic-note{color:var(--muted);font-size:11px;margin:8px 0}.explore-panel>#to-all{width:100%;min-height:44px;margin-top:8px}.all-view .browse-layout{display:block}.all-view #explore-panel{display:none}.summary{gap:12px;flex-wrap:wrap}.summary>div{flex:1}.sort-label select{max-width:230px}.card .bench-line{color:var(--muted)}
@media(max-width:650px){.browse-layout{display:block}.explore-panel{position:static;margin-bottom:10px;padding:10px}.explore-head #tree-toggle{display:block;min-height:44px}.explore-head #breadcrumbs{width:100%}.explore-body{display:block;margin-top:5px}.semantic-tree{display:none;max-height:55dvh;border:1px solid var(--line);border-radius:6px;padding:6px;margin:6px 0}.semantic-tree.mobile-open{display:block}.explore-panel>#to-all{min-height:44px}.all-view #explore-panel{display:none}}
.date-filter{margin-top:8px}.date-filter>summary{display:inline-flex;align-items:center;min-height:40px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);cursor:pointer;font-size:12px}.date-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:7px}.date-controls label{display:grid;align-content:start;gap:4px;color:var(--muted);font-size:11px}.date-controls input,.date-controls select{width:100%;min-width:0;min-height:40px;padding:5px 7px;background:#141711;border:1px solid var(--line);border-radius:5px}.date-controls label:last-child{display:flex;align-items:center;gap:6px}.date-controls label:last-child input{width:18px;min-height:18px}@media(max-width:650px){.date-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}}

/* Comparison board: constrained grids, compact source context and paired view. */
.prompt-controls,.prompt-results,.prompt-family-grid,.prompt-card,.prompt-reference{min-width:0;max-width:100%}
.prompt-controls select{width:100%;min-width:0;max-width:100%}
.prompt-results{grid-template-columns:repeat(4,minmax(0,1fr))}
.prompt-card{overflow-wrap:anywhere}
.prompt-card>.variant-role-meta{min-height:2.8em;line-height:1.4;}
#prompt-results .prompt-family-grid>.prompt-card>h3{height:2.6em;overflow:hidden}
#prompt-results .prompt-family-grid>.prompt-card>.prompt-meta{height:2.8em;min-height:2.8em;overflow:hidden;margin-block:5px}
.prompt-card>.image-open{width:100%;height:auto;aspect-ratio:4/5;min-height:0;padding:4px;background:#090a08}
.prompt-card>.image-open img{width:100%;height:100%;object-fit:contain}
.prompt-meta,.prompt-extra{overflow-wrap:anywhere}
.prompt-extra{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;border-top:1px solid var(--line)}
.direct-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.direct-image{min-width:0}.direct-image h3{font-size:11px;overflow-wrap:anywhere}.direct-image .image-open{width:100%;aspect-ratio:1/1.55;min-height:0;padding:2px;background:#090a08}.direct-image img{width:100%;height:100%;object-fit:contain}
.tuning-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.tuning-arm{min-width:0;padding:6px;border:1px solid var(--line);border-radius:6px}.tuning-arm strong{display:block;color:var(--accent);font-size:11px}.tuning-arm .image-open{width:100%;aspect-ratio:1/1.35;min-height:0;padding:2px;background:#090a08}.tuning-arm img{width:100%;height:100%;object-fit:contain}.tuning-arm p{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.tuning-diff{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:650px){.prompt-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.prompt-controls label:first-child{grid-column:1/-1}.prompt-controls label{min-width:0}.prompt-controls select{min-height:44px;min-width:0;width:100%;max-width:100%;font-size:12px}.prompt-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.prompt-card{padding:7px}.prompt-card h3{font-size:12px;line-height:1.3}.prompt-card>.image-open{aspect-ratio:3/4}.prompt-reference{display:block;width:100%;min-width:0;padding:8px}.direct-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-image .image-open{aspect-ratio:1/1.45}.prompt-manual button,.prompt-card button,.prompt-reference button{min-height:44px}.prompt-family{margin:17px 0}.prompt-family>h2{font-size:16px}.prompt-view-panel{min-width:0;overflow-wrap:anywhere}.prompt-source .prompt-text{max-width:100%;overflow-wrap:anywhere}}
@media(max-width:650px){body.prompt-view .intro{align-items:center;flex-wrap:nowrap;padding:10px 0 8px;gap:8px}body.prompt-view .intro>div:first-child{width:auto;min-width:0}body.prompt-view .intro h1{font-size:22px;white-space:normal}body.prompt-view .intro p{display:none}body.prompt-view .view-switch{width:auto;flex:1;min-width:0}body.prompt-view .view-switch button{min-height:44px;min-width:0;padding:5px 7px;font-size:10px}body.prompt-view #all-view{display:none}body.prompt-view #prompt-view-panel{padding:6px}.dialog-bar .close{min-width:44px;min-height:44px}.dialog-bar .zoom-controls button,.dialog-bar .sync-control{min-height:44px}}

/* JOB-4794 direct targets and generated outputs share one equal-size canvas grid. */
#prompt-results.direct-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
#prompt-results.direct-comparison>.prompt-card{grid-column:auto;min-width:0}
#prompt-results.direct-comparison>.direct-reference-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:8px 12px;align-items:start}
#prompt-results.direct-comparison>.direct-reference-card>h3{grid-column:1/-1}
#prompt-results.direct-comparison>.direct-reference-card>.image-open{grid-column:1;grid-row:2/5;max-width:250px}
#prompt-results.direct-comparison>.direct-reference-card>.prompt-meta,#prompt-results.direct-comparison>.direct-reference-card>a,#prompt-results.direct-comparison>.direct-reference-card>details{grid-column:2}
#prompt-results.direct-comparison>.prompt-card>.image-open{display:block;width:100%;height:clamp(240px,52vh,540px);aspect-ratio:auto;padding:4px;background:#090a08}
#prompt-results.direct-comparison>.prompt-card>.image-open img{display:block;width:100%;height:100%;object-fit:contain}
#prompt-results.direct-comparison>.prompt-card>h3{min-height:2.6em}
.direct-comparison-heading{display:none}
@media(min-width:651px){#prompt-results.direct-comparison.direct-comparison-three{grid-template-columns:repeat(3,minmax(0,1fr))}#prompt-results.direct-comparison>.direct-reference-card{grid-column:auto;display:block}#prompt-results.direct-comparison>.direct-reference-card>.image-open{max-width:none}}
@media(max-width:650px){#prompt-results.direct-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#prompt-results.direct-comparison>.prompt-card{padding:2px}#prompt-results.direct-comparison>.prompt-card>.image-open{height:clamp(144px,43vw,188px)}#prompt-results.direct-comparison>.prompt-card>h3{height:2.6em;min-height:2.6em;font-size:12px;line-height:1.3;overflow:hidden}#prompt-results.direct-comparison>.direct-reference-card{grid-column:auto;display:block;padding:2px}#prompt-results.direct-comparison>.direct-reference-card>h3{min-height:2.6em;height:2.6em;margin:0 0 7px}#prompt-results.direct-comparison>.direct-reference-card>.image-open{width:100%;max-width:none;height:clamp(144px,43vw,188px);aspect-ratio:auto}#prompt-results.direct-comparison>.direct-reference-card>.prompt-meta{margin:8px 0 0;min-height:0}#prompt-results.direct-comparison>.direct-reference-card>details{grid-column:2;grid-row:auto;font-size:10px}#prompt-results.direct-comparison>.direct-reference-card>a{grid-column:2;grid-row:auto;font-size:10px}#prompt-results.direct-comparison>.direct-comparison-heading{display:none}}

/* Final visual acceptance: pairs occupy the board width; optional tools stay compact. */
.prompt-manual[hidden]{display:none}.tuning-card{grid-column:span 2}.style-references{margin-top:8px}.style-reference-row{display:grid;grid-template-columns:minmax(0,80px) minmax(0,1fr);gap:8px;margin-top:8px;min-width:0}.style-reference-row .image-open{width:100%;aspect-ratio:3/4;padding:2px;min-height:0}.style-reference-row img{width:100%;height:100%;object-fit:contain}.style-reference-row p{font-size:12px;overflow-wrap:anywhere}.prompt-reference p{overflow-wrap:anywhere}.prompt-extra{flex-wrap:wrap}
@media(max-width:650px){.tuning-card{grid-column:1/-1}.tuning-arm p{font-size:12px}.prompt-card:not(.tuning-card)>h3{min-height:32px}.prompt-card:not(.tuning-card)>.prompt-meta{min-height:38px}.prompt-reference .direct-image .image-open{aspect-ratio:1/1.3}.prompt-manual{position:sticky;top:0;z-index:3;background:var(--panel);padding:6px;flex-wrap:wrap}.prompt-manual button{padding:6px 9px}.dialog-bar button,.dialog-bar .sync-control{min-width:44px;min-height:44px}.dialog-bar .zoom-controls{flex-wrap:wrap;min-width:0}.dialog-bar{flex-wrap:wrap}.prompt-source summary,.prompt-card summary{min-height:36px;padding:6px 0}.prompt-reference a{display:inline-flex;align-items:center;min-height:44px}}

@media(max-width:650px){#prompt-results.direct-comparison.dmd-target-pairs>.target-pair-card{grid-column:1/-1}}
.target-pair-card{min-width:0}.target-pair-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.target-pair-cell{min-width:0}.target-pair-cell>strong{display:block;min-height:2.6em;margin:2px 0 6px;font-size:12px;line-height:1.3}.target-pair-cell>.image-open{display:block;width:100%;height:auto;aspect-ratio:1/1;padding:4px;background:#090a08}.target-pair-cell>.image-open img{display:block;width:100%;height:100%;object-fit:contain}.target-pair-card>details{margin-top:8px}.target-pair-card>details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}
@media(max-width:650px){.target-pair-images{gap:4px}.target-pair-cell>strong{font-size:11px}.target-pair-card .prompt-meta{font-size:10px;line-height:1.4}}


.qwen-two-reference-board>.qwen-two-reference-card{grid-column:1/-1;min-width:0}.qwen-input-strip,.qwen-expected-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.qwen-input-cell,.qwen-output-cell{min-width:0}.qwen-input-cell>strong,.qwen-output-cell>strong{display:block;min-height:2.5em;margin:2px 0 5px;font-size:12px;line-height:1.3}.qwen-input-cell>.image-open,.qwen-output-cell>.image-open{display:block;width:100%;height:clamp(110px,18vh,145px);padding:3px;background:#090a08}.qwen-input-cell>.image-open img,.qwen-output-cell>.image-open img{display:block;width:100%;height:100%;object-fit:contain}.qwen-expected-pair{margin-top:10px}.qwen-output-cell>.image-open{height:clamp(240px,48vh,400px)}.qwen-two-reference-card>details{margin-top:8px}.qwen-two-reference-card>details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}
@media(max-width:650px){.qwen-input-strip,.qwen-expected-pair{gap:4px}.qwen-input-cell>strong,.qwen-output-cell>strong{font-size:10px}.qwen-input-cell>.image-open{height:clamp(78px,23vw,104px)}.qwen-output-cell>.image-open{height:clamp(150px,45vw,188px)}.qwen-two-reference-card{padding:6px!important}.qwen-two-reference-card>.prompt-meta{font-size:10px;line-height:1.4}}

.tools{position:relative;padding:10px 0}.filter-hint{display:none}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.filters .option-search{display:none}.filters.show-advanced .option-search{display:block}.active-filters:empty{display:none}.filter-heading{margin-top:2px}.summary{padding:10px 0}#diag{display:none}.date-filter{margin:0;align-self:end}.date-filter>summary{width:100%;min-height:40px}.date-controls{position:absolute;left:0;right:0;z-index:12;background:var(--panel);box-shadow:0 10px 25px #0008}.intro{padding:22px 0 18px}.date-meta{display:block}
@media(max-width:650px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.date-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{gap:4px}.summary>div{flex-basis:100%}.sort-label{flex-shrink:1;min-width:0}.sort-label select{max-width:190px}.intro{padding:16px 0 12px}.tools{padding:8px 0}}

.prompt-reference{display:block}.direct-pair{max-width:480px;margin-top:8px}
@media(max-width:650px){.explore-panel #explore-summary,.explore-panel>#to-all{display:none}.explore-panel .explore-body{margin-top:0}.explore-head #breadcrumbs{font-size:11px}.intro p{margin-top:5px}.explore-panel{padding:8px}.explore-head{gap:5px}.explore-head #breadcrumbs:empty{display:none}}

.card.detailed .bench-line{display:block}

/* Semantic atlas: each dimension is an independent disclosure tree. */
#view-pan{touch-action:none}
.semantic-query-label{display:grid!important;grid-template-columns:minmax(0,1fr);gap:5px!important;flex:1;min-width:min(100%,260px);color:var(--muted);font-size:11px}.semantic-query-label input{width:100%;min-width:0;min-height:42px;padding:7px 9px;background:#141711;border:1px solid var(--line);border-radius:6px}.semantic-query-status{flex-basis:100%;margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.semantic-axis{display:block;margin:0 0 8px;border-bottom:1px solid var(--line);padding:0 0 6px}.semantic-axis:focus-visible,.semantic-treeitem:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.semantic-axis-head{display:flex;align-items:flex-start;gap:5px}.tree-axis-toggle{width:100%;min-height:38px;padding:5px 7px;text-align:left;background:transparent;border-color:transparent;color:var(--ink);font-weight:600}.semantic-status-counts{padding:8px 2px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.semantic-treegroup{margin-left:10px;padding-left:7px;border-left:1px solid var(--line)}.semantic-treeitem{display:block;min-height:34px;margin:2px 0;padding:2px 4px;border-radius:4px;color:var(--muted);cursor:pointer}.semantic-treeitem:hover{background:#252a20}.semantic-treeitem[aria-selected=true]{color:var(--ink);background:#343d29}.semantic-treeitem .tree-row{display:flex;align-items:center;gap:4px;margin:0}.semantic-treeitem .tree-label{overflow-wrap:anywhere}.tree-disclosure{width:28px;min-width:28px;min-height:30px;padding:2px;background:transparent;border-color:transparent;color:var(--accent)}.tree-disclosure-spacer{display:inline-block;width:28px;flex:none;text-align:center}.semantic-treeitem[aria-expanded=true]>.tree-row>.tree-disclosure{color:var(--ink)}
@media(max-width:650px){.semantic-query-label{flex-basis:100%;min-width:100%}.semantic-query-status{font-size:10px}.semantic-axis-head{display:block}.semantic-status-counts{display:block;padding:0 7px 4px}.semantic-treeitem{min-height:40px;padding:4px 5px}.tree-disclosure{min-width:36px;min-height:36px}.tree-disclosure-spacer{width:36px}}

/* Compact mobile browse tools keep the first image visible. */
.semantic-query-status:empty{display:none}.gesture-help{display:none;pointer-events:none}
@media(max-width:650px){.intro p{display:none}.semantic-query-label{font-size:0;gap:0!important}.semantic-query-label input{font-size:12px}.filters:not(.show-advanced) [data-facet="role"],.filters:not(.show-advanced) #date-filter{display:none}.gesture-help{display:block;position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);padding:3px 7px;border-radius:5px;background:#111a;color:var(--muted);font-size:10px}.semantic-query-status{line-height:1.5}}

/* The two-input board is one full-width card, including narrow viewports. */
#prompt-results.direct-comparison.qwen-two-reference-board{grid-template-columns:minmax(0,1fr)}
#prompt-results.direct-comparison.qwen-two-reference-board>.qwen-two-reference-card{grid-column:1/-1}
.qwen-input-strip{max-width:360px;margin-left:auto;margin-right:auto}

/* Actual Bria source/B/C share geometry; keep concise headings and aligned, fitted canvases. */
@media(min-width:651px){#prompt-results.direct-comparison.bria-vgl-comparison>.prompt-card>.image-open{height:auto;aspect-ratio:var(--bria-comparison-aspect,1)}}

/* Qwen single-input alpha outputs remain visibly transparent on checkerboard. */
#prompt-results.qwen-single-board{grid-template-columns:minmax(0,1fr)}
.qwen-single-input-card{grid-column:1/-1;min-width:0}
.qwen-single-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.qwen-single-cell{min-width:0}.qwen-single-cell>strong{display:block;min-height:2.6em;margin:2px 0 6px;font-size:12px;line-height:1.3}
.qwen-single-cell>.image-open{display:block;width:100%;height:clamp(240px,48vh,430px);padding:4px;background-color:#090a08;background-image:linear-gradient(45deg,#292d25 25%,transparent 25%),linear-gradient(-45deg,#292d25 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292d25 75%),linear-gradient(-45deg,transparent 75%,#292d25 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.qwen-single-cell>.image-open img{display:block;width:100%;height:100%;object-fit:contain}
.qwen-single-input>.image-open{display:block;width:min(100%,320px);height:220px;padding:3px;background:#090a08}.qwen-single-input>.image-open img{width:100%;height:100%;object-fit:contain}
.alpha-checkerboard{background-color:#282c28!important;background-image:linear-gradient(45deg,#555b53 25%,transparent 25%),linear-gradient(-45deg,#555b53 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555b53 75%),linear-gradient(-45deg,transparent 75%,#555b53 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0!important}
.alpha-checkerboard img{object-fit:contain!important}
.qwen-hairstyle-board{grid-template-columns:minmax(0,1fr)!important}.qwen-hairstyle-card{grid-column:1/-1}.qwen-hairstyle-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.qwen-hairstyle-cell{min-width:0}.qwen-hairstyle-cell>strong,.qwen-hairstyle-input>strong{display:block;min-height:2.5em;margin:2px 0 5px;font-size:12px;line-height:1.3}.qwen-hairstyle-cell>.image-open{display:block;width:100%;height:clamp(230px,52vh,520px);padding:4px;background:#090a08}.qwen-hairstyle-cell>.image-open img{width:100%;height:100%;object-fit:contain}.qwen-hairstyle-card>details{margin-top:8px}.qwen-hairstyle-input{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1fr);gap:8px;align-items:start}.qwen-hairstyle-input>.image-open{width:100%;height:200px;padding:3px;background:#090a08}.qwen-hairstyle-input>.image-open img{width:100%;height:100%;object-fit:contain}
.bria-recovery-pairs>.bria-recovery-pair{grid-column:1/-1}.bria-pair-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bria-pair-cell{min-width:0}.bria-pair-cell>strong{display:block;height:3.6em;min-height:3.6em;margin:2px 0 5px;font-size:12px;line-height:1.3;overflow:hidden}.bria-pair-cell>.image-open{display:block;width:100%;height:clamp(180px,42vh,400px);padding:3px;background:#090a08}.bria-pair-cell>.image-open img{width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.qwen-single-pair{gap:5px}.qwen-single-cell>strong{font-size:11px}.qwen-single-cell>.image-open{height:clamp(150px,45vw,190px)}.qwen-single-input-card{padding:6px!important}.qwen-single-input>.image-open{height:180px}.qwen-single-input-card>.prompt-meta{font-size:10px}}
@media(max-width:650px){#prompt-results.direct-comparison.qwen-hairstyle-board{grid-template-columns:minmax(0,1fr)}.qwen-hairstyle-card{padding:7px}.qwen-hairstyle-pair{gap:5px}.qwen-hairstyle-cell>strong{font-size:11px}.qwen-hairstyle-cell>.image-open{height:clamp(190px,67vw,280px)}.qwen-hairstyle-input{grid-template-columns:1fr}.qwen-hairstyle-input>.image-open{height:180px}}
@media(max-width:650px){#prompt-results.direct-comparison.bria-recovery-pairs>.bria-recovery-pair{grid-column:1/-1}.bria-pair-images{gap:5px}.bria-pair-cell>strong{font-size:11px}.bria-pair-cell>.image-open{height:clamp(144px,43vw,188px)}.bria-recovery-pair{padding:6px!important}.bria-recovery-pair .prompt-meta{font-size:10px;line-height:1.4}}

/* The explorer tree is the single semantic entry point at every viewport. */
.explore-head #tree-toggle{display:block;min-height:40px}
.browse-layout.tree-collapsed{grid-template-columns:minmax(0,1fr)}
.public-benchmark .browse-layout{display:block}
.public-benchmark .results-workspace{width:100%;min-width:0}
.public-benchmark .bench-how{display:block}
.prompt-how{margin:0 0 12px;padding:10px 12px;border-left:2px solid var(--accent);background:#141711;color:var(--muted);font-size:12px}
.prompt-how strong{color:var(--ink)}
@media(max-width:650px){.semantic-tree{display:block;max-height:min(22dvh,180px);overflow:auto;border:1px solid var(--line);border-radius:6px;padding:6px;margin:6px 0}.public-benchmark .bench-how{line-height:1.6}}
.public-benchmark .intro{padding:12px 0 8px;margin-bottom:4px}.public-benchmark .intro p{display:none}.public-benchmark .benchmark-guide{padding:11px 14px;margin:0 0 8px}.public-benchmark .benchmark-heading{align-items:center}.public-benchmark .benchmark-heading h2{font-size:20px}.public-benchmark .benchmark-heading p{display:none}.public-benchmark .bench-how{font-size:12px;margin:7px 0;padding:6px 9px}.public-benchmark .benchmark-controls{grid-template-columns:1.1fr 1.4fr 1fr auto auto;margin-top:7px;gap:7px}.public-benchmark .benchmark-controls label{gap:2px;font-size:10px}.public-benchmark .benchmark-controls select{min-height:36px;padding:4px 7px;font-size:12px}.public-benchmark .benchmark-controls button{min-height:36px;padding:5px 9px;font-size:11px}.public-benchmark .bench-status{min-height:0;margin:5px 0 2px;font-size:11px}.public-benchmark .bench-selection{margin:3px 0}.public-benchmark .bench-initial-note{margin:2px 0;color:var(--muted);font-size:10px}.public-benchmark .bench-environment-fold,.public-benchmark .bench-prompt,.public-benchmark .bench-method{display:block;margin:4px 12px 0 0;padding:3px 0;font-size:11px}.public-benchmark .bench-environment-fold[open],.public-benchmark .bench-prompt[open],.public-benchmark .bench-method[open]{display:block}.public-benchmark .bench-environment-fold summary,.public-benchmark .bench-prompt summary,.public-benchmark .bench-method summary{font-size:11px}.public-benchmark #model-information{margin:8px 0}.public-benchmark .tools{padding:4px 0 8px}.public-benchmark .summary{padding:6px 0}.public-benchmark #grid{gap:9px}
@media(max-width:650px){.public-benchmark .intro{padding:8px 0 5px}.public-benchmark .intro h1{font-size:23px}.public-benchmark .view-switch button{min-height:34px;padding:4px 7px}.public-benchmark .benchmark-guide{padding:9px;margin-bottom:6px}.public-benchmark .benchmark-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.public-benchmark .bench-counts{display:none}.public-benchmark .bench-how{font-size:10px;line-height:1.4;margin:5px 0;padding:5px 7px}.public-benchmark .benchmark-controls{grid-template-columns:1fr 1fr;gap:5px}.public-benchmark .benchmark-controls label:first-child{grid-column:auto}.public-benchmark .benchmark-controls label:nth-child(3){grid-column:1/-1}.public-benchmark .benchmark-controls select{min-height:40px}.public-benchmark .benchmark-controls button{grid-column:auto;width:100%;white-space:normal;min-height:40px;padding:4px;font-size:10px}.public-benchmark .bench-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.public-benchmark .bench-selection{gap:2px;margin:1px 0}.public-benchmark .selected-model-chip{font-size:9px;padding:1px 4px;line-height:1.25}.public-benchmark .selected-model-chip button{min-height:22px;padding:1px 4px}.public-benchmark .bench-initial-note{font-size:9px;margin:1px 0}.public-benchmark .bench-environment-fold,.public-benchmark .bench-prompt,.public-benchmark .bench-method{display:inline-block;margin-right:8px}.public-benchmark .bench-environment-fold[open],.public-benchmark .bench-prompt[open],.public-benchmark .bench-method[open]{display:block}.public-benchmark .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.public-benchmark .card-title{font-size:12px}}

/* Keep a source and its three catalog settings in the same desktop row. */
@media(min-width:1051px){#prompt-results.direct-comparison.direct-comparison-four{grid-template-columns:repeat(4,minmax(0,1fr))}#prompt-results.direct-comparison.direct-comparison-four>.prompt-card>h3{height:3.9em;min-height:3.9em;line-height:1.3;overflow:hidden}}

/* Image-first cards: sizing is independent from the metadata density control. */
body[data-thumb-size="small"]{--atlas-thumb-height:128px}
body[data-thumb-size="medium"]{--atlas-thumb-height:205px}
body[data-thumb-size="large"]{--atlas-thumb-height:310px}
body[data-thumb-size="xlarge"]{--atlas-thumb-height:clamp(340px,58vh,620px)}
#grid .card>.image-open{height:var(--atlas-thumb-height);aspect-ratio:auto}
#grid .card>.image-open img{object-fit:contain}
.thumbnail-mode #grid .cardmeta{display:none}
.thumbnail-mode #grid .card>.image-open{height:var(--atlas-thumb-height);aspect-ratio:auto}
.thumbnail-mode #grid .card>.select-wrap{right:6px;top:6px}
.thumbnail-mode #prompt-results .prompt-meta{display:none!important}
.thumbnail-mode #prompt-results .image-open{height:var(--atlas-thumb-height)!important;aspect-ratio:auto!important}
.thumbnail-mode #prompt-results .image-open img{object-fit:contain!important}
.benchmark-tabs{display:flex;gap:6px;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.benchmark-tabs button{flex:1;min-width:0;border-color:transparent;background:transparent;color:var(--muted)}
.benchmark-tabs button[aria-pressed="true"]{background:var(--accent);color:#1a2310}
.history-panel{margin:4px 0 18px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.history-panel h2{margin:0 0 6px;font:500 22px/1.3 var(--serif)}
.history-panel>p{color:var(--muted);font-size:12px}
.history-search{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;max-width:520px;color:var(--muted);font-size:11px}
.history-search input{min-height:40px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:#141711}
.history-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:9px;margin-top:12px}
.history-group{min-width:0;padding:11px;border:1px solid var(--line);border-radius:7px;background:#161914}
.history-group h3{margin:0;color:var(--accent);font-size:13px;overflow-wrap:anywhere}
.history-group p{margin:5px 0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.history-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:7px;margin-top:14px}
.history-results:empty{display:none}
.history-image{width:100%;height:var(--atlas-thumb-height);min-height:0;padding:2px;background:#090a08;overflow:hidden}
.history-image img{width:100%;height:100%;object-fit:contain}
.history-more{grid-column:1/-1}
body.history-view #private-benchmark-empty{display:none!important}
@media(max-width:650px){
 body[data-thumb-size="small"]{--atlas-thumb-height:92px}
 body[data-thumb-size="medium"]{--atlas-thumb-height:132px}
 body[data-thumb-size="large"]{--atlas-thumb-height:188px}
 body[data-thumb-size="xlarge"]{--atlas-thumb-height:clamp(220px,66vw,290px)}
 .benchmark-tabs{margin-bottom:9px;gap:3px;padding:3px}
 .benchmark-tabs button{min-height:42px;padding:5px 4px;font-size:11px;white-space:normal}
 .history-panel{padding:9px}.history-groups{grid-template-columns:1fr;gap:6px}.history-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
}

/* Thumbnail size changes the real grid tracks, not only the image canvas. */
body[data-thumb-size="small"]{--atlas-thumb-min-width:120px;--atlas-history-min-width:120px}
body[data-thumb-size="medium"]{--atlas-thumb-min-width:220px;--atlas-history-min-width:220px}
body[data-thumb-size="large"]{--atlas-thumb-min-width:340px;--atlas-history-min-width:340px}
body[data-thumb-size="xlarge"]{--atlas-thumb-min-width:500px;--atlas-history-min-width:500px}
#grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--atlas-thumb-min-width,220px),100%),1fr))!important}
.thumbnail-mode #prompt-results,.thumbnail-mode #prompt-results.prompt-family-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--atlas-thumb-min-width,220px),100%),1fr))!important}
.history-results{grid-template-columns:repeat(auto-fill,minmax(min(var(--atlas-history-min-width,220px),100%),1fr))}
.history-view .tools,.history-view #grid,.history-view #more,.history-view #empty{display:none!important}
body.history-view #browse-layout{display:block!important}body.history-view #explore-panel{display:none!important}
.history-view .summary>div,.history-view .summary label:has(#sort),.history-view #shuffle-again{display:none!important}
@media(max-width:650px){
 body[data-thumb-size="small"]{--atlas-thumb-min-width:96px;--atlas-history-min-width:96px}
 body[data-thumb-size="medium"]{--atlas-thumb-min-width:160px;--atlas-history-min-width:160px}
 body[data-thumb-size="large"]{--atlas-thumb-min-width:240px;--atlas-history-min-width:240px}
 body[data-thumb-size="xlarge"]{--atlas-thumb-min-width:320px;--atlas-history-min-width:320px}
}

/* History tiles reuse the gallery selection and density controls. */
.history-card{min-width:0;position:relative}.history-card .history-image{display:block;width:100%}.thumbnail-mode .history-card .cardmeta{display:none}