.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_toolShell__LJD_S{border-radius:10px;display:flex;gap:16px;overflow:hidden;min-height:360px;position:relative}.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_controlPanelRoot__YY40D{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 16px;box-sizing:border-box}.image-resizer_sidebarHeader___StiL{display:flex;align-items:center;gap:12px;margin-bottom:4px}.image-resizer_fieldsetReset__i_0fs{border:0;padding:0;margin:0;min-width:0}.image-resizer_field__CuLGu{display:flex;flex-direction:column;gap:6px}.image-resizer_label__v_or7{font-size:.78rem;color:#475569;font-weight:600}.image-resizer_input__kHyFT,.image-resizer_select__liuF5{height:40px;padding:7px 10px;border-radius:8px;border:1px solid #dbe1e8;background:#ffffff;color:#0f172a;box-sizing:border-box;width:100%;min-width:0;outline:none}.image-resizer_input__kHyFT:focus,.image-resizer_select__liuF5:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.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:0;background:transparent;padding:7px 8px;border-radius:8px;font-weight:650;font-size:.86rem;min-height:34px;color:#64748b;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.image-resizer_presetBtn__hzFiM:focus-visible,.image-resizer_primaryBtn__yfJZ9:focus-visible,.image-resizer_ratioButton__DWAfR:focus-visible,.image-resizer_toggleBtn__5eiXe:focus-visible,.image-resizer_unitBtn__z24H_:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.image-resizer_activeToggle__iOVOr{background:#ffffff;color:#1e40af;box-shadow:0 1px 3px rgba(15,23,42,.1)}.image-resizer_unitToggle__9qAmj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}.image-resizer_unitBtn__z24H_{border:1px solid #e2e8f0;background:#ffffff;color:#64748b;border-radius:8px;min-height:35px;padding:6px 4px;font-size:.8rem;font-weight:650;cursor:pointer}.image-resizer_activeUnit__tBbHm{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.image-resizer_sizeInputs__MYmy7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.image-resizer_ratioButton__DWAfR{width:fit-content;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#475569;padding:2px 0;font-size:.8rem;font-weight:600;cursor:pointer}.image-resizer_ratioButton__DWAfR:hover{color:#1d4ed8}.image-resizer_dpiRow__VPL5r{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:end}.image-resizer_helperText__3O2Wz{margin:0;color:#64748b;font-size:.72rem;line-height:1.45}.image-resizer_percentSection__AyQkm{display:flex;flex-direction:column;gap:10px}.image-resizer_percentPresets__WVsUE{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.image-resizer_presetBtn__hzFiM{border:1px solid #e2e8f0;background:#ffffff;color:#64748b;min-height:34px;border-radius:8px;font-size:.8rem;font-weight:650;cursor:pointer}.image-resizer_presetActive__44TTh{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.image-resizer_outputPreview__hzuPJ{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:.82rem}.image-resizer_outputPreviewLabel__QXd8T{color:#64748b;font-weight:600}.image-resizer_warningBox__pvTyl{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:9px;font-size:.72rem;line-height:1.45}.image-resizer_warningBox__pvTyl svg{flex:0 0 auto;margin-top:1px}.image-resizer_primaryBtn__yfJZ9{background:#3b82f6;color:#fff;border:none;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:700;width:100%;transition:box-shadow .2s ease,transform .14s ease,background-color .16s ease}.image-resizer_primaryBtn__yfJZ9:hover{transform:translateY(-1px);background-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.16)}.image-resizer_primaryBtn__yfJZ9:active{transform:none}.image-resizer_panelFooter__iWPJx{margin-top:auto;padding-top:2px}@media (max-width:1023px){.image-resizer_sidebarHeader___StiL{display:none}.image-resizer_controlPanelRoot__YY40D{padding:0;gap:8px}.image-resizer_input__kHyFT,.image-resizer_select__liuF5{height:38px;font-size:.88rem}.image-resizer_dpiRow__VPL5r{grid-template-columns:76px minmax(0,1fr)}}@media (max-width:640px){.image-resizer_unitToggle__9qAmj{gap:4px}.image-resizer_presetBtn__hzFiM,.image-resizer_unitBtn__z24H_{min-height:32px;font-size:.76rem}.image-resizer_dpiRow__VPL5r{grid-template-columns:72px minmax(0,1fr)}.image-resizer_helperText__3O2Wz{font-size:.68rem}.image-resizer_outputPreview__hzuPJ{font-size:.78rem}}.image-resizer_landingUploadWrap__bCr9x{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.image-resizer_continueEditingBtn__RjQ_h{border:0;background:transparent;color:#2563eb;font-size:.86rem;font-weight:700;padding:6px 10px;border-radius:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.image-resizer_continueEditingBtn__RjQ_h:hover{background:#eff6ff}.image-resizer_continueEditingBtn__RjQ_h:focus-visible,.image-resizer_downloadBtn__Q60bS:focus-visible,.image-resizer_workspaceBackButton__hyyCY:focus-visible,.image-resizer_workspaceCloseIcon__n87HL:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.image-resizer_workspaceOverlay__2UsMb{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc;color:#0f172a;isolation:isolate}.image-resizer_workspaceOpen__oRLnv{visibility:visible}.image-resizer_workspaceClosed__Wu1ag{display:none}.image-resizer_workspaceTopbar__XBezs{flex:0 0 auto;min-height:60px;padding:calc(9px + env(safe-area-inset-top, 0px)) calc(14px + env(safe-area-inset-right, 0px)) 9px calc(14px + env(safe-area-inset-left, 0px));background:rgba(255,255,255,.96);border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:0 1px 8px rgba(15,23,42,.04)}.image-resizer_workspaceBackButton__hyyCY,.image-resizer_workspaceCloseIcon__n87HL{border:1px solid #e2e8f0;background:#ffffff;color:#475569;min-height:40px;border-radius:10px;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.image-resizer_workspaceBackButton__hyyCY{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;font-size:.82rem;font-weight:700}.image-resizer_workspaceCloseIcon__n87HL{width:40px;display:inline-flex;align-items:center;justify-content:center}.image-resizer_workspaceBackButton__hyyCY:hover,.image-resizer_workspaceCloseIcon__n87HL:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.image-resizer_workspaceBackButton__hyyCY:disabled,.image-resizer_workspaceCloseIcon__n87HL:disabled{opacity:.5;cursor:not-allowed}.image-resizer_workspaceTitleWrap__aRCcf{min-width:0;text-align:center}.image-resizer_workspaceTitle__U3o4e{margin:0;font-size:1rem;line-height:1.25;font-weight:800;color:#0f172a}.image-resizer_workspaceFilename__WrJSY{margin:2px auto 0;max-width:min(480px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.72rem;line-height:1.2}.image-resizer_workspaceBody___ITE1{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.image-resizer_workspacePreviewPane__vXDo4{flex:1 1 auto;min-height:180px;overflow:hidden;padding:12px;display:flex;align-items:stretch;justify-content:stretch;background:#eef2f7}.image-resizer_workspacePreviewContent__ZKdbJ{width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:stretch;gap:10px}.image-resizer_workspacePreviewFrame__Fhu4l{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border:1px solid #dbe3ed;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:12px;background-color:#f8fafc;background-image:linear-gradient(45deg,#e8edf4 25%,transparent 0),linear-gradient(-45deg,#e8edf4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e8edf4 0),linear-gradient(-45deg,transparent 75%,#e8edf4 0);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.image-resizer_workspacePreviewImage__O_fVn{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 18px rgba(15,23,42,.12))}.image-resizer_workspaceSizeBar__VuTOs{flex:0 0 auto;min-height:32px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;font-weight:700}.image-resizer_originalSizeBadge__4Lp1_,.image-resizer_targetSizeBadge__6zIdN{max-width:46vw;padding:6px 9px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-resizer_originalSizeBadge__4Lp1_{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.image-resizer_targetSizeBadge__6zIdN{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.image-resizer_sizeArrow__5NHnO{color:#94a3b8;font-size:1rem}.image-resizer_workspaceEmptyPreview__WgBru{margin:auto;color:#64748b;font-size:.9rem}.image-resizer_workspaceControls__F8qvW{flex:0 0 auto;width:100%;max-height:min(52dvh,560px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:100px;background:#ffffff;border-top:1px solid #e2e8f0;padding:12px calc(14px + env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) calc(14px + env(safe-area-inset-left, 0px));box-shadow:0 -10px 28px rgba(15,23,42,.06)}.image-resizer_dangerBox__9J0pn,.image-resizer_successBox__hb53C{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:9px;font-size:.72rem;line-height:1.45}.image-resizer_dangerBox__9J0pn{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.image-resizer_successBox__hb53C{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.image-resizer_dangerBox__9J0pn svg,.image-resizer_successBox__hb53C svg{flex:0 0 auto;margin-top:1px}.image-resizer_downloadBtn__Q60bS:disabled,.image-resizer_input__kHyFT:disabled,.image-resizer_presetBtn__hzFiM:disabled,.image-resizer_primaryBtn__yfJZ9:disabled,.image-resizer_ratioButton__DWAfR:disabled,.image-resizer_select__liuF5:disabled,.image-resizer_toggleBtn__5eiXe:disabled,.image-resizer_unitBtn__z24H_:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.image-resizer_panelFooter__iWPJx{position:sticky;bottom:calc(-12px - env(safe-area-inset-bottom, 0px));z-index:3;margin-top:4px;padding-top:9px;padding-bottom:calc(2px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 14px,#fff);display:grid;gap:8px}.image-resizer_downloadBtn__Q60bS{width:100%;min-height:42px;border-radius:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;font-weight:800;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.image-resizer_downloadBtn__Q60bS:hover{background:#dcfce7;border-color:#86efac}@media (min-width:900px){.image-resizer_workspaceBody___ITE1{display:grid;grid-template-columns:minmax(0,1fr) 380px}.image-resizer_workspacePreviewPane__vXDo4{min-width:0;min-height:0;padding:clamp(16px,2vw,28px)}.image-resizer_workspaceControls__F8qvW{width:380px;max-height:none;height:100%;border-top:0;border-left:1px solid #e2e8f0;box-shadow:-10px 0 28px rgba(15,23,42,.04);padding:18px 18px calc(18px + env(safe-area-inset-bottom, 0px))}.image-resizer_workspacePreviewFrame__Fhu4l{border-radius:18px;padding:clamp(16px,2vw,28px)}.image-resizer_originalSizeBadge__4Lp1_,.image-resizer_targetSizeBadge__6zIdN{max-width:260px}.image-resizer_panelFooter__iWPJx{bottom:-18px;padding-bottom:4px}}@media (max-width:899px){.image-resizer_sidebarHeader___StiL{display:none}.image-resizer_controlPanelRoot__YY40D{min-height:auto;padding:0;gap:8px}.image-resizer_workspacePreviewFrame__Fhu4l{border-radius:12px}.image-resizer_input__kHyFT,.image-resizer_select__liuF5{height:40px;font-size:16px}.image-resizer_workspaceTitle__U3o4e{font-size:.94rem}}@media (max-width:520px){.image-resizer_workspaceTopbar__XBezs{gap:7px;padding-left:calc(8px + env(safe-area-inset-left, 0px));padding-right:calc(8px + env(safe-area-inset-right, 0px))}.image-resizer_workspaceBackButton__hyyCY{padding:8px}.image-resizer_workspaceBackButton__hyyCY span{display:none}.image-resizer_workspaceFilename__WrJSY{max-width:52vw}.image-resizer_workspacePreviewPane__vXDo4{padding:8px;min-height:150px}.image-resizer_workspaceControls__F8qvW{max-height:min(54dvh,520px);padding-top:10px}.image-resizer_workspaceSizeBar__VuTOs{font-size:.66rem}.image-resizer_originalSizeBadge__4Lp1_,.image-resizer_targetSizeBadge__6zIdN{max-width:42vw;padding:5px 7px}}@media (max-width:899px) and (max-height:600px){.image-resizer_workspaceControls__F8qvW{max-height:60dvh}.image-resizer_workspacePreviewPane__vXDo4{min-height:120px}}