.zr-list{border:1px solid var(--line);border-radius:var(--r-tile,12px);max-height:360px;margin:0;padding:0;list-style:none;overflow:auto}.zr-list li{border-top:1px solid var(--line-soft,var(--line));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px;font-size:13.5px;display:grid}.zr-list li:first-child{border-top:0}.zr-from{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zr-to{color:var(--fg);overflow-wrap:anywhere;font-weight:600}.zr-arrow{color:var(--muted)}.zr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.zr-list li{grid-template-columns:minmax(0,1fr);gap:2px}.zr-arrow{display:none}}
.zt-controls{grid-template-columns:1fr 1fr;align-items:end;gap:14px 18px;display:grid}.zt-controls .z-chips{grid-column:1/-1}.zt-label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.zt-val{color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:14px}.zt-pair{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.zt-fig{gap:6px;min-width:0;margin:0;display:grid}.zt-fig .zd-preview{min-height:180px}.zt-fig .zd-preview img{width:auto;max-height:280px}.zt-fig figcaption{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;display:flex}.zt-swatches{gap:3px;display:inline-flex}.zt-swatches span{border:1px solid var(--line);border-radius:3px;width:12px;height:12px}@media (max-width:720px){.zt-controls{grid-template-columns:1fr}.zt-pair{grid-template-columns:1fr 1fr;gap:8px}.zt-fig .zd-preview{min-height:120px;padding:8px}}