[hidden]{display:none!important}
.result .viewer{aspect-ratio:var(--image-ratio,1.5);height:auto;max-height:none;width:min(100%,calc(70vh * var(--image-ratio,1.5)));margin-inline:auto}
#resolution-controls{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}
.resolution-modes{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}
.resolution-modes button{display:flex;align-items:center;justify-content:center;gap:6px;height:64px;padding:8px;min-width:0;border:1px solid var(--line);background:#fff;color:#52655a;font-size:12px;line-height:1.4}
.resolution-modes button span{min-width:0;overflow-wrap:break-word}
.resolution-modes button:first-child{border-radius:4px 0 0 4px}.resolution-modes button:last-child{border-radius:0 4px 4px 0;border-left:0}
.resolution-modes button.selected{background:#e6f0e9;color:#155d43;font-weight:600}
.resolution-modes svg{width:15px;height:15px}
#resize-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
#resize-edge{font:inherit;color:inherit;background:white;border:1px solid var(--line);border-radius:4px;padding:8px}
#resolution-note{line-height:1.5;overflow-wrap:anywhere;min-height:17px}
.operation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;grid-column:1/-1}
.operation-tabs button{border:1px solid var(--line);height:38px;background:white;color:#617067;font-size:12px;display:flex;justify-content:center;align-items:center;gap:7px;min-width:0}
.operation-tabs button:first-child{border-radius:4px 0 0 4px}
.operation-tabs button:last-child{border-radius:0 4px 4px 0;border-left:0}
.operation-tabs button.selected{background:#e6f0e9;color:#155d43;font-weight:600}
.operation-tabs svg{width:15px;height:15px}
#empty-view{position:absolute;inset:0;display:grid;place-items:center;color:#829087;font-size:14px}
.viewer img:not([src]){display:none}
.metrics .dimensions-value{font-size:19px;line-height:1.84;white-space:nowrap}
@media(max-width:620px){.operation-tabs{grid-row:1;margin-bottom:18px}#source-title{grid-row:2}.examples{grid-row:3}.upload{grid-row:3}aside[data-operation=decode] .upload{grid-column:1/-1}.metrics .dimensions-value{font-size:13px;line-height:2.16}}