.pq-option-hint { margin:0 0 24px; padding:14px; background:var(--pq-bg,#f5f5fa); border-radius:8px; line-height:1.5; font-size:14px; text-align:center; }
.pq-field-label { margin:0 0 10px; font-weight:500; }
.pq-target-field { display:flex; align-items:center; gap:10px; }
.pq-number-input { border:1px solid var(--pq-border,rgba(0,0,0,.2)); background:var(--pq-surface,#fff); color:var(--pq-text,#47474f); padding:12px; border-radius:4px; width:100%; min-width:0; }
.pq-presets { display:flex; gap:8px; margin:12px 0 24px; }
.pq-preset { flex:1; padding:9px 4px; border:1px solid var(--pq-border,rgba(0,0,0,.2)); border-radius:4px; background:var(--pq-surface,#fff); color:var(--pq-text,#47474f); }
.pq-preset.active { border-color:var(--pq-primary,#4d90fe); color:var(--pq-primary,#4d90fe); }
.pq-check-label { display:flex !important; align-items:flex-start; gap:10px; font-size:15px; line-height:1.5; }
.pq-check-label input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--pq-primary,#4d90fe); }
.pq-field-error { margin:8px 0 0; font-size:13px; }
.pq-comparison { max-width:620px; margin:20px auto; background:var(--pq-surface,#fff); padding:12px; border-radius:8px; }
.pq-comparison summary { cursor:pointer; padding:8px; }
.pq-compare-frame { position:relative; height:320px; margin:12px 0; background:var(--pq-bg,#f5f5fa); }
.pq-compare-frame img { display:block; width:100%; height:100%; object-fit:contain; }
.pq-compare-frame .pq-compare-original { position:absolute; inset:0; }
.pq-comparison input[type=range] { width:100%; accent-color:var(--pq-primary,#4d90fe); }
@media(max-width:740px) { .pq-compare-frame { height:250px; } }

body[data-tool=compress] .pq-summary { display:flex; align-items:center; justify-content:center; gap:24px; max-width:620px; text-align:start; min-height:84px; }
.pq-saving { display:flex; flex:0 0 84px; width:84px; height:84px; border:7px solid var(--pq-border,rgba(0,0,0,.2)); border-radius:50%; align-items:center; justify-content:center; font-size:22px; font-weight:600; color:var(--pq-heading,#33333b); }
@media(max-width:740px) { body[data-tool=compress] .pq-summary { gap:12px; } .pq-saving { flex-basis:74px; width:74px; height:74px; font-size:18px; border-width:6px; } }