/* Image resizer pages: the tool card. Uses the site theme variables. */
.rz [hidden]{display:none!important}
.rz{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:18px}
.rz-drop{display:grid;place-items:center;text-align:center;gap:4px;padding:34px 18px;border:1.5px dashed var(--line);border-radius:14px;background:var(--soft2);cursor:pointer;transition:border-color .15s,background .15s}
.rz-drop:hover,.rz-drop.dragging,.rz-drop:focus-within{border-color:var(--ink)}
.rz-drop strong{font-size:18px;letter-spacing:-.3px}
.rz-drop span{color:var(--muted);font-size:14px}
.rz-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rz.has-image .rz-drop{padding:16px 18px}
.rz.has-image .rz-drop strong{font-size:15px}
.rz-source{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.rz-source strong{overflow-wrap:anywhere}
.rz-source span{color:var(--muted);font-size:14px}
.rz-label{margin:0 0 8px;color:var(--faint);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.rz-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rz-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);font-size:14.5px;line-height:1.2}
.rz-chip.selected{background:var(--ink);color:var(--on-ink);border-color:var(--ink);font-weight:650}
.rz-chip .tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.rz-chip.app{color:var(--muted);background:var(--soft2)}
.rz-chip.app svg{flex:none;opacity:.7}
.rz-chip.app.match{color:var(--ink);border-color:var(--ink)}
.rz-cta{margin:12px 0 0;font-weight:650}
.rz-cta a{color:var(--ink)}
.rz-soon{margin:2px 0 0;color:var(--muted);font-size:14px}
.rz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.rz-row label{color:var(--muted);font-size:14.5px;display:flex;align-items:center;gap:8px}
.rz-row select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 10px}
.rz button.button{font:inherit;font-weight:650;cursor:pointer}
.rz button.button:disabled{opacity:.45;cursor:default}
.rz-progress{margin:0;color:var(--muted);font-size:14px;min-height:1.4em}
.rz-error{margin:0;color:var(--brick,#a33);font-weight:600}
.rz-result{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:18px}
.rz-verdict{margin:0;font-size:20px;font-weight:700;letter-spacing:-.4px}
.rz-verdict.miss{color:var(--brick,#a33)}
.rz-table{border-collapse:collapse;width:100%;font-size:14.5px}
.rz-table th,.rz-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.rz-table th{color:var(--muted);font-weight:600}
.rz-table td{font-variant-numeric:tabular-nums}
.rz-note{margin:0;color:var(--muted);font-size:14px}
.rz-actions{display:flex;gap:10px;flex-wrap:wrap}
.rz-privacy{margin:0;color:var(--faint);font-size:13.5px}