/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.page-image-resizer .tools-shell{max-width:1100px}.page-image-resizer .tools-hero{max-width:930px}.page-image-resizer .tools-hero h1{max-width:none}.resizer-direct-answer{border-block:1px solid var(--accent);max-width:820px;margin:0 auto 20px;padding:18px 22px}@supports (color:color-mix(in lab, red, red)){.resizer-direct-answer{border-block:1px solid color-mix(in srgb, var(--accent) 32%, transparent 68%)}}.resizer-direct-answer{color:var(--text-secondary);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.resizer-direct-answer{background:color-mix(in srgb, var(--accent) 5%, transparent 95%)}}.resizer-direct-answer{text-align:center;font-size:.95rem;line-height:1.65}.resizer-direct-answer strong{color:var(--text)}.resizer-review-heading{margin-bottom:26px}.resizer-review-heading>p:last-child{color:var(--text-secondary);margin:0;line-height:1.55}.resizer-form{max-width:720px;margin:0 auto}.resizer-primary-settings{border:1px solid var(--text);grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:start;gap:18px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.resizer-primary-settings{border:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%)}}.resizer-primary-settings{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.resizer-primary-settings{background:color-mix(in srgb, var(--bg) 34%, var(--surface) 66%)}}.resizer-field{min-width:0;color:var(--text);gap:8px;font-size:.82rem;font-weight:700;display:grid}.resizer-field>span:first-child,.resizer-fit-fields legend,.resizer-fit-fields label>span:first-child{color:var(--text);font-size:.78rem;font-weight:700}.resizer-field small{color:var(--text-secondary);font-size:.72rem;font-weight:400;line-height:1.45}.resizer-field select,.resizer-field input[type=number],.resizer-fit-fields input,.resizer-option-grid select{border:1px solid var(--text);width:100%;min-height:48px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.resizer-field select,.resizer-field input[type=number],.resizer-fit-fields input,.resizer-option-grid select{border:1px solid color-mix(in srgb, var(--text) 24%, transparent 76%)}}.resizer-field select,.resizer-field input[type=number],.resizer-fit-fields input,.resizer-option-grid select{color:var(--text);background:var(--surface);font:600 1rem var(--font-body);border-radius:0}.resizer-field input[type=number],.resizer-fit-fields input[type=number]{appearance:textfield}.resizer-select{min-width:0;display:block;position:relative}.resizer-select:after{border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);content:"";pointer-events:none;width:10px;height:10px;position:absolute;inset-block-start:50%;inset-inline-end:18px;transform:translateY(-70%)rotate(45deg)}.resizer-select select{appearance:none;padding-inline-end:48px}.resizer-field input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.resizer-field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.resizer-fit-fields input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.resizer-fit-fields input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.resizer-field select:focus-visible,.resizer-field input:focus-visible,.resizer-fit-fields input:focus-visible,.resizer-option-grid select:focus-visible,.resizer-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resizer-input-with-unit{display:block;position:relative}.resizer-input-with-unit input{padding-inline-end:48px}.resizer-input-with-unit>span{color:var(--text-secondary);pointer-events:none;font-size:.76rem;font-weight:700;position:absolute;inset-block-start:50%;inset-inline-end:14px;transform:translateY(-50%)}.resizer-fit-fields{border:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;min-width:0;margin:0;padding:0;display:grid}.resizer-fit-fields[hidden]{display:none}.resizer-fit-fields legend{float:inline-start;width:100%;margin-bottom:8px}.resizer-fit-fields label{gap:8px;display:grid}.resizer-fit-times{min-height:48px;color:var(--text-secondary);place-items:center;display:grid}.resizer-check{min-height:48px;color:var(--text);cursor:pointer;grid-column:1/-1;align-items:center;gap:12px;display:flex}.resizer-check input{width:20px;height:20px;accent-color:var(--accent)}.resizer-check>span{gap:2px;display:grid}.resizer-check strong{font-size:.8rem}.resizer-check small{color:var(--text-secondary);font-size:.72rem}.resizer-output-summary{border:1px solid var(--accent);justify-items:center;gap:4px;margin-top:16px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.resizer-output-summary{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent 62%)}}.resizer-output-summary{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.resizer-output-summary{background:color-mix(in srgb, var(--accent) 7%, transparent 93%)}}.resizer-output-summary{text-align:center}.resizer-output-summary>span,.resizer-output-summary small{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.resizer-output-summary strong{color:var(--text);font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(1.35rem,4vw,2rem)}.resizer-settings-error{min-height:22px;color:var(--highlight);text-align:center;margin:8px 0 0;font-size:.78rem;line-height:1.45}.resizer-output-options,.resizer-metadata{margin-top:14px}.resizer-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;padding:20px;display:grid}.resizer-field input[type=range]{width:100%;min-height:44px;accent-color:var(--accent)}.resizer-field output{float:inline-end;color:var(--accent)}.resizer-metadata .tool-disclosure-body{padding:18px}.resizer-metadata p{color:var(--text-secondary);margin:0 0 12px;font-size:.78rem;line-height:1.55}.resizer-metadata ul{overscroll-behavior:contain;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.resizer-metadata li{overflow-wrap:anywhere;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);gap:12px;padding:11px 0;display:grid}.resizer-metadata li.resizer-metadata-empty{width:100%;display:block}.resizer-metadata li+li{border-top:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.resizer-metadata li+li{border-top:1px solid color-mix(in srgb, var(--text) 9%, transparent 91%)}}.resizer-metadata li strong{color:var(--text);font-size:.75rem}.resizer-metadata li span{color:var(--text-secondary);font-size:.75rem}.resizer-ready-file{border:1px solid var(--text);grid-template-columns:84px minmax(0,1fr);align-items:center;gap:15px;max-width:500px;margin:28px auto 0;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.resizer-ready-file{border:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%)}}.resizer-ready-file{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.resizer-ready-file{background:color-mix(in srgb, var(--bg) 38%, transparent 62%)}}.resizer-ready-file{text-align:left}.resizer-ready-file img{object-fit:contain;background:linear-gradient(45deg, var(--text) 25%, transparent 25%), linear-gradient(-45deg, var(--text) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text) 75%), linear-gradient(-45deg, transparent 75%, var(--text) 75%);width:84px;height:72px}@supports (color:color-mix(in lab, red, red)){.resizer-ready-file img{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 8%, transparent 92%) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 8%, transparent 92%) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 8%, transparent 92%) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 8%, transparent 92%) 75%)}}.resizer-ready-file img{background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.resizer-ready-file>span{min-width:0;display:grid}.resizer-ready-file strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.resizer-ready-file small{color:var(--text-secondary);font-size:.75rem}.resizer-before-after{border-block:1px solid var(--text);margin-top:32px}@supports (color:color-mix(in lab, red, red)){.resizer-before-after{border-block:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%)}}.resizer-before-after{text-align:left}.resizer-before-after>header{padding:20px 0}.resizer-before-after h4{color:var(--text);margin:0 0 4px;font-size:.95rem}.resizer-before-after header p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.resizer-preview-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:20px;display:grid}.resizer-preview-pair figure{border:1px solid var(--text);min-width:0;margin:0;display:grid}@supports (color:color-mix(in lab, red, red)){.resizer-preview-pair figure{border:1px solid color-mix(in srgb, var(--text) 12%, transparent 88%)}}.resizer-preview-pair figure{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.resizer-preview-pair figure{background:color-mix(in srgb, var(--bg) 38%, transparent 62%)}}.resizer-preview-pair img{object-fit:contain;background:linear-gradient(45deg, var(--text) 25%, transparent 25%), linear-gradient(-45deg, var(--text) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text) 75%), linear-gradient(-45deg, transparent 75%, var(--text) 75%);width:100%;height:190px}@supports (color:color-mix(in lab, red, red)){.resizer-preview-pair img{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 7%, transparent 93%) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 7%, transparent 93%) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 7%, transparent 93%) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 7%, transparent 93%) 75%)}}.resizer-preview-pair img{background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.resizer-preview-pair figcaption{border-top:1px solid var(--text);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.resizer-preview-pair figcaption{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent 90%)}}.resizer-preview-pair figcaption{color:var(--text-secondary);letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:.7rem;font-weight:700}.resizer-receipt{margin:0;display:grid}.resizer-receipt>div{border-top:1px solid var(--text);grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);gap:16px;padding:16px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.resizer-receipt>div{border-top:1px solid color-mix(in srgb, var(--text) 9%, transparent 91%)}}.resizer-receipt dt,.resizer-receipt dd{overflow-wrap:anywhere;min-width:0;margin:0}.resizer-receipt dt{color:var(--text);font-size:.77rem;font-weight:700}.resizer-receipt dd{gap:5px;display:grid}.resizer-receipt dd span{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.resizer-receipt dd span:last-child{color:#75d59b}:root[data-theme=light] .resizer-receipt dd span:last-child{color:#176b38}.resizer-failed-mark,.resizer-cancelled-mark{width:56px;height:56px;color:var(--highlight);font:700 1.5rem var(--font-display);border:1px solid;place-items:center;display:grid}.resizer-failed small{color:var(--text-secondary);font:.72rem/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:720px){.resizer-direct-answer{text-align:left}.resizer-primary-settings,.resizer-option-grid{grid-template-columns:1fr;padding:18px}.resizer-fit-fields,.resizer-check{grid-column:auto}.resizer-metadata li{grid-template-columns:1fr;gap:4px}.resizer-receipt>div{grid-template-columns:1fr;gap:6px}}@media (max-width:480px){.resizer-fit-fields{grid-template-columns:1fr}.resizer-fit-times{display:none}.resizer-preview-pair{grid-template-columns:1fr}.resizer-preview-pair img{height:170px}.resizer-ready-file{grid-template-columns:68px minmax(0,1fr)}.resizer-ready-file img{width:68px;height:62px}}@media (prefers-reduced-motion:reduce){.image-resizer .tool-view{animation:none}}