/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
#fileInput { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.resizeimg-page {color:#111827}
.resizeimg-heading {margin-bottom:2rem}
.resizeimg-eyebrow {margin:0 0 .65rem;color:#087f72;font-size:.88rem;font-weight:800}
.resizeimg-heading h1 {margin:0 0 .8rem;color:#0f172a;font-size:clamp(2.1rem,5vw,3.45rem);line-height:1.08}
.resizeimg-heading>p {max-width:800px;margin:0;color:#53657d;line-height:1.8}
.resizeimg-tool,.resizeimg-guide {border:1px solid #d7e1ee;border-radius:8px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden}
.resizeimg-workspace {display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);gap:0}
.resizeimg-form {padding:1.35rem;background:#f8fafc;border-right:1px solid #dfe8f2}
.resizeimg-panel-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.resizeimg-panel-head h2,.resizeimg-preview h2,.resizeimg-guide h2,.resizeimg-guide h3 {margin:0;color:#12263e}
.resizeimg-panel-head h2 {font-size:1.2rem}
.resizeimg-panel-head p {margin:.35rem 0 0;color:#6b7d93;line-height:1.6}
.resizeimg-panel-head button,.resizeimg-actions button,.resizeimg-presets button {min-height:42px;border:1px solid #cbd8e8;border-radius:7px;padding:.6rem .9rem;background:#fff;color:#29405a;font-weight:800;cursor:pointer}
.resizeimg-panel-head button,.resizeimg-actions button:first-child {border-color:#087f72;background:#087f72;color:#fff}
.resizeimg-dropzone {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;min-height:160px;padding:1.2rem;border:1px dashed #a8bdd5;border-radius:8px;background:#fff;color:#53677f;text-align:center;cursor:pointer}
.resizeimg-dropzone strong {color:#172033;font-size:1.05rem}
.resizeimg-dropzone small {display:block;margin-top:.25rem;color:#087f72;font-weight:800;overflow-wrap:anywhere}
.resizeimg-dropzone.is-dragover {border-color:#087f72;background:#eefaf7}
.resizeimg-original {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.resizeimg-original div {padding:.85rem;border:1px solid #dce5ef;border-radius:7px;background:#fff}
.resizeimg-original span,.resizeimg-original strong {display:block}
.resizeimg-original span {color:#7a8ba0;font-size:.74rem}
.resizeimg-original strong {margin-top:.25rem;color:#263b55;overflow-wrap:anywhere}
.resizeimg-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.resizeimg-fields label {min-width:0;color:#30445e;font-size:.84rem;font-weight:800}
.resizeimg-fields input:not([type=range]),.resizeimg-fields select {width:100%;height:48px;margin-top:.4rem;border:1px solid #cbd8e8;border-radius:7px;background:#fff;color:#172033}
.resizeimg-fields input:not([type=range]) {padding:0 .85rem}
.resizeimg-fields input[type=range] {width:100%;margin-top:.85rem;accent-color:#087f72}
.resizeimg-fields small {display:block;margin-top:.25rem;color:#63758b}
.resizeimg-options {display:grid;gap:.55rem;margin-top:1rem}
.resizeimg-options label {display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.65rem .75rem;border:1px solid #dce5ef;border-radius:7px;background:#fff;color:#34495f;font-weight:800}
.resizeimg-options input {width:18px!important;height:18px!important;margin:0!important;opacity:1!important;appearance:auto!important}
.resizeimg-presets {display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.resizeimg-presets button {min-height:38px;padding:.45rem .7rem}
.resizeimg-actions {display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.resizeimg-actions button {min-height:48px}
.resizeimg-actions button:disabled {cursor:not-allowed;opacity:.48}
.resizeimg-status {margin:1rem 0 0;padding:.9rem 1rem;border-radius:7px;background:#edf2f7;color:#53677f}
.resizeimg-status[data-type=success] {background:#eaf7f2;color:#176a55}
.resizeimg-status[data-type=error] {background:#fff0ef;color:#a53b34}
.resizeimg-preview {min-width:0;padding:1.35rem;background:#fff}
.resizeimg-preview p {margin:.35rem 0 1rem;color:#6b7d93}
.resizeimg-preview canvas {display:block;width:100%;max-height:560px;border:1px solid #dce5ef;border-radius:8px;background:#f1f5f9;object-fit:contain}
.resizeimg-guide {margin-top:1.2rem;padding:1.45rem}
.resizeimg-guide>header p {margin:.65rem 0 0;color:#5f7188;line-height:1.75}
.resizeimg-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}
.resizeimg-guide-grid section {padding:1rem;border:1px solid #dbe4ee;border-radius:7px;background:#f8fafc}
.resizeimg-guide-grid h3 {font-size:1rem}
.resizeimg-guide-grid p,.resizeimg-note p {margin:.45rem 0 0;color:#63758b;font-size:.9rem;line-height:1.72}
.resizeimg-note {margin-top:1rem;padding:1rem;border-radius:7px;background:#fff7df;border:1px solid #f1dba6}
.resizeimg-note strong {color:#705a20}
.resizeimg-form input:focus,.resizeimg-form select:focus,.resizeimg-form button:focus-visible,.resizeimg-dropzone:focus-visible {outline:3px solid rgba(8,127,114,.2);outline-offset:2px}
@media screen and (max-width:980px) {
.resizeimg-workspace {grid-template-columns:1fr}
.resizeimg-form {border-right:0;border-bottom:1px solid #dfe8f2}
.resizeimg-original {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:640px) {
.resizeimg-form,.resizeimg-preview,.resizeimg-guide {padding:1rem}
.resizeimg-panel-head {align-items:stretch;flex-direction:column}
.resizeimg-panel-head button {width:100%}
.resizeimg-fields,.resizeimg-original,.resizeimg-guide-grid {grid-template-columns:1fr}
.resizeimg-actions {display:grid;grid-template-columns:1fr}
.resizeimg-actions button {width:100%}
.resizeimg-presets {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.resizeimg-presets button {width:100%}
}