body[data-tool=resize] .pq-option-content { padding:0; }
.pq-resize-tabs { display:flex; }
.pq-resize-tab { position:relative; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:0; height:97px; padding:8px; border:0; border-bottom:1px solid var(--pq-border,rgba(0,0,0,.2)); background:var(--pq-surface,#fff); color:var(--pq-muted,#aaaabc); font-size:16px; }
.pq-resize-tab:first-child { border-inline-end:1px solid var(--pq-border,rgba(0,0,0,.2)); }
.pq-resize-tab[aria-selected=true] { color:var(--pq-heading,#33333b); border-bottom-color:var(--pq-surface,#fff); }
.pq-resize-tab svg { width:48px; height:48px; flex-shrink:0; }
.pq-resize-tab-tick { display:none; position:absolute; top:8px; inset-inline-start:8px; width:18px; height:18px; border-radius:50%; border:1px solid var(--pq-success-border,#31b570); color:var(--pq-surface,#fff); background:var(--pq-success,#43ce7b); font-size:13px; line-height:16px; }
.pq-resize-tab[aria-selected=true] .pq-resize-tab-tick { display:block; }
.pq-resize-hint { margin:0; padding:22px 12px 12px; font-size:16px; line-height:22px; min-height:56px; border-bottom:1px solid var(--pq-divider,#ebebf4); }
.pq-resize-field { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:69px; padding:12px; border-bottom:1px solid var(--pq-divider,#ebebf4); }
.pq-resize-field label { font-size:16px; font-weight:600; }
.pq-resize-field input { width:72px; height:44px; padding:8px; border:1px solid var(--pq-input-border,#858594); border-radius:4px; background:var(--pq-surface,#fff); color:var(--pq-text,#47474f); text-align:start; }
.pq-resize-field input[aria-invalid=true] { border-color:var(--pq-danger,#d64444); }
.pq-option-content .pq-resize-check { display:flex; align-items:center; gap:12px; min-height:47px; padding:10px 12px; border-bottom:1px solid var(--pq-divider,#ebebf4); font-size:16px; line-height:24px; cursor:pointer; }
.pq-resize-check input { appearance:none; position:relative; width:24px; height:24px; flex:0 0 24px; margin:0; border:1px solid var(--pq-input-border,#858594); border-radius:4px; background:var(--pq-surface,#fff); cursor:pointer; }
.pq-resize-check input:checked { border-color:var(--pq-success,#43ce7b); }
.pq-resize-check input:checked::after { content:''; position:absolute; left:7px; top:3px; width:6px; height:12px; border:solid var(--pq-success,#43ce7b); border-width:0 3px 3px 0; transform:rotate(45deg); }
.pq-resize-percentages { margin:0; padding:12px 0 0; border:0; min-width:0; }
.pq-resize-sr, .pq-resize-percent input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.pq-option-content .pq-resize-percent { position:relative; display:flex; justify-content:space-between; align-items:center; min-height:59px; padding:14px 24px; border-bottom:1px solid var(--pq-choice-border,#adadb6); text-transform:uppercase; font-size:16px; color:var(--pq-primary,#4d90fe); cursor:pointer; }
.pq-resize-percent:has(input:checked) { background:var(--pq-choice-bg,#ebebf4); }
.pq-resize-percent:has(input:focus-visible) { outline:3px solid var(--pq-primary,#4d90fe); outline-offset:-3px; }
.pq-resize-percent-tick { visibility:hidden; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:1px solid var(--pq-success-border,#31b570); background:var(--pq-success,#43ce7b); color:var(--pq-surface,#fff); }
.pq-resize-percent:has(input:checked) .pq-resize-percent-tick { visibility:visible; }
.pq-resize-badge { display:flex; justify-content:center; align-items:center; margin:4px 0 0; white-space:nowrap; font-size:12px; line-height:18px; }
.pq-resize-original, .pq-resize-output { padding:0 3px; border-radius:3px; color:var(--pq-surface,#fff); }
.pq-resize-original { background:var(--pq-muted,#aaaabc); }
.pq-resize-output { background:var(--pq-primary,#4d90fe); }
.pq-resize-arrow { color:var(--pq-text,#47474f); }
.pq-resize-note { margin:6px 0 0; font-size:11px; line-height:1.4; }
body[data-tool=resize] .image-card:has(.pq-resize-badge) .card-meta,
body[data-tool=resize] .image-card:has(.pq-resize-badge) .card-state:not(.error) { display:none; }
body[data-tool=resize] .image-card:has(.pq-resize-badge) .card-preview { height:164px; }