| [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}} |
|
|
