.image-resizer_pageWrapper__Nvrgv{--main-blue:#2563eb;--muted:#e5e7eb;--text:#111827;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827;max-width:1200px;margin:0 auto;position:relative;box-sizing:border-box}.image-resizer_organizeWrapper__TVByr{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:0 14px 110px;box-sizing:border-box}.image-resizer_previewColumn__T4twG{width:100%;display:flex;justify-content:center;align-items:center;padding-left:12px;padding-right:0;box-sizing:border-box}.image-resizer_controlPanelRoot__YY40D{display:flex;flex-direction:column;gap:12px;height:100%;padding:12px 16px;box-sizing:border-box}.image-resizer_toolShell__LJD_S{border-radius:10px;display:flex;gap:16px;overflow:hidden;min-height:360px;position:relative}.image-resizer_uploadArea__QtyNh{border:2px dashed #e5e7eb;border-radius:8px;padding:28px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;background:white}.image-resizer_uploadArea__QtyNh input[type=file]{display:none}.image-resizer_uploadBtn__ncDsh{padding:10px 14px;background:#111827;color:#fff;border-radius:6px;cursor:pointer}.image-resizer_previewWrapper__BPXUo{width:100%;display:flex;justify-content:center;box-sizing:border-box}.image-resizer_previewInner__Yz1GW{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.image-resizer_previewFrame__MMX_7{width:min(460px,100%);height:340px;max-height:65vh;min-height:260px;background:#f9fafb;border-radius:8px;padding:10px;box-sizing:border-box;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:box-shadow .24s ease,transform .18s ease}.image-resizer_previewFrame__MMX_7:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,23,42,.1)}.image-resizer_previewImage__ea4vm{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}.image-resizer_sizeRow__hCON_{display:flex;align-items:center;gap:10px}.image-resizer_sizeValue__eEdVz{padding:6px 10px;border-radius:6px;font-weight:600;font-size:10px}.image-resizer_sizeRow__hCON_ .image-resizer_sizeValue__eEdVz:first-child{background-color:#f97316;color:#ffffff}.image-resizer_sizeRow__hCON_ .image-resizer_sizeValue__eEdVz:last-child{background-color:#dbeafe;color:#1e40af}.image-resizer_field__CuLGu{display:flex;flex-direction:column;gap:6px}.image-resizer_label__v_or7{font-size:.85rem;color:#374151}.image-resizer_input__kHyFT,.image-resizer_select__liuF5{padding:8px 10px;border-radius:6px;border:1px solid #e5e7eb;box-sizing:border-box;width:100%;min-width:0}.image-resizer_primaryBtn__yfJZ9{background:#3b82f6;color:#fff;border:none;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;transition:box-shadow .2s ease,transform .14s ease,background-color .16s ease}.image-resizer_primaryBtn__yfJZ9:hover{transform:translateY(-2px);background-color:#2563eb;box-shadow:0 12px 30px rgba(15,23,42,.1)}.image-resizer_primaryBtn__yfJZ9:active{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.08)}.image-resizer_sizeInputs__MYmy7{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.image-resizer_sizeInputs__MYmy7 .image-resizer_field__CuLGu{min-width:0}.image-resizer_panelFooter__iWPJx{margin-top:0}.image-resizer_panelFooter__iWPJx .image-resizer_primaryBtn__yfJZ9{display:inline-block}.image-resizer_modeToggle__8qJSX,.image-resizer_percentPresets__WVsUE,.image-resizer_toggleDivider__26pjP{display:none}.image-resizer_toggleBtn__5eiXe{border:1px solid var(--muted);background:#f8fafc;padding:8px 10px;border-radius:8px;font-weight:600;cursor:pointer;min-height:38px;width:50%;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;color:var(--text)}.image-resizer_toggleIcon__LFoVK{display:inline-flex;width:18px;height:18px}.image-resizer_toggleText__M1sCJ{display:inline-block;font-size:.95rem}.image-resizer_activeToggle__iOVOr{background:#dbeafe;color:#1e40af;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #bfdbfe}.image-resizer_toggleDivider__26pjP{height:1px;background:var(--muted);margin-top:8px;margin-bottom:8px;width:100%}.image-resizer_presetsColumn____AMl{display:flex;flex-direction:column;gap:8px}.image-resizer_presetBtn__hzFiM{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid var(--muted);font-weight:600;cursor:pointer}.image-resizer_presetActive__44TTh{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.image-resizer_presetsRow__Y3mRh{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:6px}.image-resizer_rowInline__Yh4Oo{display:flex;align-items:center}.image-resizer_sidebarHeader___StiL{display:none}@media (min-width:768px){.image-resizer_organizeWrapper__TVByr{flex-direction:row;justify-content:center;align-items:flex-start;min-height:calc(100vh - 48px);padding:32px 24px 24px 28px}.image-resizer_previewColumn__T4twG{flex:1 1 auto;justify-content:center;align-items:flex-start;margin-top:50px;padding-left:28px;padding-right:360px}.image-resizer_controlSidebar__URrQh{position:fixed;right:0;top:80px;bottom:0;width:360px;border-radius:16px 0 0 16px;padding:24px;overflow-y:auto;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;background-color:#ffffff;box-shadow:-10px 0 30px rgba(0,0,0,.03)}.image-resizer_percentControl__tIYIe{margin-bottom:6px}.image-resizer_panelFooter__iWPJx{margin-top:auto}.image-resizer_panelFooter__iWPJx .image-resizer_primaryBtn__yfJZ9{width:calc(100% - 32px);margin:12px 16px;padding:12px 14px;border-radius:12px;font-weight:800}.image-resizer_modeToggle__8qJSX,.image-resizer_percentPresets__WVsUE{display:none}.image-resizer_sidebarHeader___StiL{display:flex;align-items:center;gap:12px;margin-bottom:24px}}@media (max-width:767px){.image-resizer_organizeWrapper__TVByr{flex-direction:column;align-items:center;padding:0 10px 100px;box-sizing:border-box}.image-resizer_previewColumn__T4twG{width:100%;display:flex;justify-content:center;align-items:center;padding-left:0;padding-right:0;margin-top:10px;box-sizing:border-box}.image-resizer_previewFrame__MMX_7{width:100%;max-width:400px;height:220px;max-height:35vh;min-height:160px;padding:8px;margin:0 auto;box-shadow:0 4px 15px rgba(15,23,42,.05);box-sizing:border-box}.image-resizer_controlSidebar__URrQh{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:10px 12px 14px;border-radius:20px 20px 0 0;border-top:1px solid #e2e8f0;box-shadow:0 -10px 25px rgba(0,0,0,.08);background-color:#ffffff;z-index:50;box-sizing:border-box}.image-resizer_controlPanelRoot__YY40D{padding:0;gap:8px}.image-resizer_percentControl__tIYIe{display:none}.image-resizer_modeToggle__8qJSX{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;align-items:center}.image-resizer_toggleBtn__5eiXe{flex:1;border:none;background:transparent;padding:6px 4px;border-radius:8px;font-weight:600;font-size:.85rem;min-height:32px;display:flex;justify-content:center;align-items:center;gap:6px;transition:all .2s ease}.image-resizer_activeToggle__iOVOr{background:#ffffff;color:#1e40af;box-shadow:0 1px 3px rgba(0,0,0,.1)}.image-resizer_sizeInputs__MYmy7{flex-direction:row;gap:10px}.image-resizer_sizeInputs__MYmy7 .image-resizer_field__CuLGu{flex:1;min-width:0}.image-resizer_input__kHyFT{height:38px;padding:6px 10px;font-size:.9rem}.image-resizer_label__v_or7{font-size:.75rem;margin-bottom:2px;color:#475569}.image-resizer_percentPresets__WVsUE{display:block}.image-resizer_presetsColumn____AMl{display:flex;flex-direction:column;gap:6px}.image-resizer_presetBtn__hzFiM{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;font-size:.9rem;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}.image-resizer_panelFooter__iWPJx{width:100%;padding-bottom:env(safe-area-inset-bottom);margin-top:2px}.image-resizer_panelFooter__iWPJx .image-resizer_primaryBtn__yfJZ9{width:100%;margin:0;padding:12px 16px;border-radius:12px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px rgba(37,99,235,.2)}.image-resizer_sizeRow__hCON_{margin-top:10px;margin-bottom:8px}}