.img-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 14px;margin-top:14px}
.img-opts .field{margin:0}
.img-opts input[type=range]{width:100%;accent-color:var(--brand)}
.results{margin-top:12px}
.res{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.res .thumb{width:56px;height:56px;flex:none;border-radius:0;background:#e0e0e0;overflow:hidden}
.res .thumb img{width:100%;height:100%;object-fit:cover}
.res .meta{flex:1;min-width:0;display:flex;flex-direction:column}
.res .meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res .meta span{font-size:.88rem}
.res.err .meta span{color:var(--bad)}
@media (max-width:719px){.img-opts{grid-template-columns:1fr 1fr;gap:8px 10px}.img-opts label{font-size:.85rem}}