.resize-tool{min-width:0;color:var(--ink)}.resize-picker{border:1px dashed var(--control-border);background:#fff;border-radius:8px;gap:8px;padding:16px;display:grid}.resize-picker label{font-weight:720}.resize-picker input:not(.file-control-native){width:100%;min-height:44px;margin-top:7px;display:block}.resize-picker small,.resize-hint,.resize-live{color:var(--muted);font-size:12px;line-height:1.6}.resize-error{color:#842b27;background:#fff2f0;border-left:3px solid #a83731;margin:16px 0;padding:10px 12px;font-size:13px;line-height:1.5}.resize-live{min-height:1.5em;margin:14px 0}.resize-options{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding:18px 0 14px;display:grid}.resize-transform{border:1px solid var(--line);border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:12px;display:grid}.resize-transform legend{color:var(--ink);padding:0 5px;font-weight:700}.resize-transform label{color:#46564e;align-content:end;gap:6px;font-size:12px;font-weight:650;display:grid}.resize-transform input,.resize-transform select{border:1px solid var(--control-border);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;padding:0 10px}.resize-crop-preview{background:var(--soft);border-radius:6px;min-height:150px;position:relative;overflow:hidden}.resize-crop-preview img{object-fit:contain;touch-action:none;cursor:crosshair;width:100%;height:150px;display:block}.resize-crop-overlay{pointer-events:none;border:2px solid var(--accent);background:#ffffff1f;position:absolute;box-shadow:0 0 0 9999px #00000047}.resize-crop-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.resize-crop-fields label{min-width:0}.resize-options>label{color:#46564e;gap:6px;min-width:0;font-size:12px;font-weight:650;display:grid}.resize-options input,.resize-options select{border:1px solid var(--control-border);width:100%;height:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;padding:0 10px}.resize-dimensions{grid-column:span 2;grid-template-columns:1fr 1fr;gap:8px;display:grid}.resize-dimensions label{color:#46564e;gap:6px;font-size:12px;font-weight:650;display:grid}.resize-check{grid-template-columns:auto 1fr;align-items:center;min-height:44px;gap:8px!important;display:flex!important}.resize-check input{width:20px;height:20px;min-height:20px}.resize-options .primary,.resize-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;min-height:44px;padding:0 14px;font-weight:700}.resize-options button:disabled,.resize-actions button:disabled{cursor:not-allowed;opacity:.55}.resize-hint{margin:12px 0}.resize-input-list,.resize-results{gap:8px;margin-top:16px;display:grid}.resize-input-row,.resize-result-row{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.resize-input-row img,.resize-result-row img{object-fit:contain;background:var(--soft);flex:none;width:64px;height:64px}.resize-input-row>div,.resize-result-row>div{gap:5px;min-width:0;display:grid}.resize-input-row strong,.resize-result-row strong{overflow-wrap:anywhere}.resize-input-row small,.resize-result-row small{color:var(--muted);font-size:12px}.resize-result-row.is-error{background:#fff7f5;border-color:#d9a8a2}.resize-result-row.is-error small{color:#842b27}.resize-actions{justify-content:flex-end;margin-top:18px;display:flex}.resize-picker:focus-within,.resize-transform input:focus-visible,.resize-transform select:focus-visible,.resize-options input:focus-visible,.resize-options select:focus-visible,.resize-options button:focus-visible,.resize-actions button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=650px){.resize-options{grid-template-columns:1fr 1fr}.resize-dimensions{grid-column:1/-1}.resize-transform{grid-template-columns:1fr 1fr}.resize-crop-preview,.resize-options>label:last-of-type,.resize-options button{grid-column:1/-1}}@media (width<=420px){.resize-options{grid-template-columns:1fr}.resize-dimensions,.resize-transform,.resize-options>label:last-of-type,.resize-options button{grid-column:auto}.resize-actions{display:grid}.resize-actions button{width:100%}}.resize-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.resize-presets button,.resize-compare-button{border:1px solid var(--control-border);min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:8px 12px}.resize-compare-button{flex-shrink:0;margin-left:auto}.resize-result-row{flex-wrap:wrap}.resize-comparison{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:20px;padding:16px}.resize-comparison-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.resize-comparison-images figure{min-width:0;margin:0}.resize-comparison-images figcaption{margin-bottom:8px;font-weight:650}.resize-comparison-images img{object-fit:contain;background:repeating-conic-gradient(#edf0ee 0% 25%,#fff 0% 50%) 50%/16px 16px;width:100%;height:280px}.resize-comparison>p{overflow-wrap:anywhere;font-size:13px}@media (width<=520px){.resize-comparison-images{grid-template-columns:1fr}.resize-comparison-images img{height:220px}}