.topright select,.topright button{height:44px;min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font-size:14px;line-height:1.4}
/* A compact alternative to the full comparison cards. */
.mainhead{grid-template-columns:minmax(0,1fr) auto auto auto}
.mainhead #compactToggle{grid-column:2;grid-row:1;min-height:44px;font-size:12px;white-space:nowrap}
.mainhead #sort{grid-column:3;grid-row:1}
.mainhead .toolbar-bucket{grid-column:4;grid-row:1}
#compactToggle[aria-pressed=true]{background:#e8f1ff;color:#2456a6;border-color:#9bbbf0}
body.compact-view #compactToggle:focus-visible{outline:3px solid #6b9cde;outline-offset:2px}
html{overflow-anchor:none}
.filter-result-summary{font-size:13px;font-weight:700;color:#af3454;line-height:1.6;margin:0 0 18px}
body.compact-view .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
body.compact-view .studio{min-width:0;border-radius:11px}
body.compact-view .studio .scene{height:auto;aspect-ratio:4 / 3;flex-shrink:0}
body.compact-view .studio .scene img{width:100%;height:100%;object-fit:cover}
body.compact-view .studio .scene:not([role=button]){font-size:11px;padding:8px;text-align:center}
body.compact-view .studio>.photo-previews,body.compact-view .studio .photo-count,
body.compact-view .studio>.body>p,body.compact-view .studio>.body>a,
body.compact-view .studio>.body>button:not(.bucket-add){display:none}
body.compact-view .studio>.body{padding:9px;min-width:0}
body.compact-view .studio h3{font-size:14px;line-height:1.5;margin:0;width:100%;overflow-wrap:anywhere}
body.compact-view .studio h3 a{display:block;font-size:inherit;line-height:inherit;margin:0;min-height:32px}
body.compact-view .studio-tags{margin:7px 0 0;gap:4px}
body.compact-view .studio-tag{font-size:10px;padding:2px 5px}
body.compact-view .studio-tags{margin-bottom:10px}
body.compact-view .studio>.body>.bucket-add{display:block;position:static;top:auto;width:100%;min-height:44px;margin:auto 0 0;padding:8px 4px;font-size:11px;line-height:1.5;white-space:normal}
body.compact-view .affiliate-slot{align-self:stretch}
@media(max-width:680px){
 .mainhead{grid-template-columns:minmax(0,1fr) auto}
 .mainhead .toolbar-bucket{grid-column:2;grid-row:1}
 .mainhead #compactToggle{grid-column:1;grid-row:2;justify-self:start;min-height:38px;padding:8px 10px}
 .mainhead #sort{grid-column:2;grid-row:2;min-height:38px}
 .filters.open .filter-result-summary{position:sticky;top:-20px;z-index:2;background:#fff;padding:12px 0;border-bottom:1px solid var(--line)}
 .filters.open .filter-actions{position:fixed;left:0;right:0;bottom:0;z-index:26;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px #3137470a}
 .filter-actions button{min-height:44px}.filter-actions #applyFilters{flex:1}
 body.compact-view .cards{gap:9px}
 body.compact-view .studio h3{font-size:12px}
 body.compact-view .studio>.body{padding:8px}
 body.compact-view .studio-tag{font-size:10px;padding:2px 4px}
 /* Keep the supplied 300 x 250 advertising creative at its original size. */
 body.compact-view .affiliate-slot{grid-column:1 / -1}
}
@media(max-width:360px){body.compact-view .affiliate-slot{width:max(100%,302px);justify-self:center}}
/* Desktop compact mode keeps three columns, shallow photos and essential details. */
@media(min-width:681px){
 body.compact-view .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.compact-view .studio>.scene{display:grid;height:140px;aspect-ratio:auto}
 body.compact-view .studio>.body{padding:14px}
 body.compact-view .studio h3{font-size:16px}
 body.compact-view .studio>.body>.studio-location{display:block;font-size:13px;margin:5px 0 0}
 body.compact-view .studio>.body>.studio-official{display:inline-block;font-size:13px;margin:0 0 12px;color:#af3454}
 body.compact-view .studio>.body>.bucket-add{font-size:13px;padding:9px}
 body.compact-view .studio-tag{font-size:11px}
 /* The unmodified A8 creative occupies one cell whenever its 300px width fits. */
 body.compact-view .affiliate-slot{grid-column:auto}
}
@media(min-width:681px) and (max-width:1249px){
 body.compact-view .affiliate-slot{grid-column:1 / -1}
}