.ImageResizer_container__W0bAq{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:900px;margin:0 auto}.ImageResizer_uploadArea__8UJKd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);gap:var(--spacing-4);transition:border-color .2s ease}.ImageResizer_uploadArea__8UJKd:hover{border-color:var(--brand-primary)}.ImageResizer_uploadBtn__V_W7m{background:var(--brand-primary);color:#171717;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:inline-block}.ImageResizer_uploadBtn__V_W7m:hover{background:var(--brand-primary-hover);transform:translateY(-2px)}.ImageResizer_fileInput__WAGgM{display:none}.ImageResizer_helpText__pD_PB{font-size:.875rem;color:var(--text-secondary);margin:0;text-align:center}.ImageResizer_workspace__Zfc1K{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-6)}.ImageResizer_topBar__Htuwc{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-4)}.ImageResizer_fileName__jHgil{font-weight:600;color:var(--text-primary);word-break:break-all}.ImageResizer_clearBtn__ujVhz{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s ease}.ImageResizer_clearBtn__ujVhz:hover{background:var(--border-color)}.ImageResizer_mainContent__XWvkY{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width:768px){.ImageResizer_mainContent__XWvkY{grid-template-columns:1.5fr 1fr}}.ImageResizer_panelTitle__8XCez{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.ImageResizer_previewPanel__FYJuV{display:flex;flex-direction:column}.ImageResizer_imageBox___zk9f{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;min-height:200px}.ImageResizer_previewImg__Ya5U_{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm)}.ImageResizer_dimText__xUsOu{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-2)}.ImageResizer_controlsPanel__MMNUc{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4)}.ImageResizer_inputGroup__lZA4P{display:flex;flex-direction:column;gap:var(--spacing-1)}.ImageResizer_inputGroup__lZA4P label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ImageResizer_numberInput__4o_tM,.ImageResizer_selectInput__8YSrt{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;outline:none;font-family:inherit}.ImageResizer_numberInput__4o_tM:focus,.ImageResizer_selectInput__8YSrt:focus{border-color:var(--brand-primary)}.ImageResizer_checkboxLabel__tw2nr{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;color:var(--text-primary);cursor:pointer}.ImageResizer_actionBtn__UtUQv{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-2)}.ImageResizer_actionBtn__UtUQv:hover{background:var(--border-color)}.ImageResizer_resultActions__5I0dx{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px dashed var(--border-color)}.ImageResizer_successText__vv2zd{color:#10b981;font-size:.875rem;font-weight:600;text-align:center;margin:0}.ImageResizer_downloadBtn__rS3y_{background:var(--brand-primary);color:#171717;border:none;padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.ImageResizer_downloadBtn__rS3y_:hover{background:var(--brand-primary-hover);transform:translateY(-2px)}