.image-resizer .upload-section{margin-bottom:16px}.image-resizer .upload-section .upload-area{border:2px dashed var(--teb-hairline);border-radius:14px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;background:var(--teb-canvas)}.image-resizer .upload-section .upload-area:hover{border-color:var(--teb-primary);background:var(--teb-primary-tint)}.image-resizer .upload-section .upload-area svg{color:var(--teb-primary);margin-bottom:16px}.image-resizer .settings-section{background:var(--teb-surface);border-radius:14px;padding:24px;margin-bottom:16px;border:1px solid var(--teb-hairline);box-shadow:var(--teb-shadow-card)}.image-resizer .settings-section .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.image-resizer .settings-section .settings-grid .setting-group{display:flex;flex-direction:column}.image-resizer .settings-section .settings-grid .setting-group label{font-weight:500;color:var(--teb-ink);margin-bottom:8px;font-size:13px}.image-resizer .settings-section .settings-grid .setting-group input,.image-resizer .settings-section .settings-grid .setting-group select{padding:8px 12px;border:1px solid var(--teb-hairline);border-radius:8px;font-size:13px;background:var(--teb-canvas);color:var(--teb-ink);transition:border-color .15s ease}.image-resizer .settings-section .settings-grid .setting-group input:focus,.image-resizer .settings-section .settings-grid .setting-group select:focus{outline:none;border-color:var(--teb-primary);box-shadow:var(--teb-ring)}.image-resizer .settings-section .settings-grid .setting-group input[type=range]{padding:0}.image-resizer .settings-section .settings-grid .setting-group.checkbox-group{flex-direction:row;align-items:center}.image-resizer .settings-section .settings-grid .setting-group.checkbox-group label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.image-resizer .settings-section .settings-grid .setting-group.checkbox-group label input[type=checkbox]{margin-right:8px;width:auto}.image-resizer .images-section .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.image-resizer .images-section .images-grid .image-card{background:var(--teb-surface);border-radius:14px;overflow:hidden;border:1px solid var(--teb-hairline);transition:transform .15s ease,box-shadow .15s ease}.image-resizer .images-section .images-grid .image-card:hover{transform:translateY(-2px);box-shadow:var(--teb-shadow-card)}.image-resizer .images-section .images-grid .image-card .image-preview{position:relative;height:200px;overflow:hidden}.image-resizer .images-section .images-grid .image-card .image-preview img{width:100%;height:100%;object-fit:cover}.image-resizer .images-section .images-grid .image-card .image-info{padding:16px}.image-resizer .images-section .images-grid .image-card .image-info .image-stats{margin-bottom:16px}.image-resizer .images-section .images-grid .image-card .image-info .image-stats .stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.image-resizer .images-section .images-grid .image-card .image-info .image-stats .stat .label{color:var(--teb-ink-muted);font-weight:500}.image-resizer .images-section .images-grid .image-card .image-info .image-stats .stat.processed{color:var(--teb-success)}.image-resizer .images-section .images-grid .image-card .image-info .image-stats .stat .savings{color:var(--teb-error);font-weight:600}.image-resizer .images-section .images-grid .image-card .image-info .image-actions{display:flex;gap:8px;margin-bottom:12px}.image-resizer .images-section .images-grid .image-card .image-info .image-actions button{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.image-resizer .images-section .images-grid .image-card .image-info .image-actions button.download-btn{background:var(--teb-success);color:#fff}.image-resizer .images-section .images-grid .image-card .image-info .image-actions button.remove-btn{background:var(--teb-error);color:#fff}.image-resizer .images-section .images-grid .image-card .image-info .image-actions button:hover{opacity:.85}.image-resizer .images-section .images-grid .image-card .image-info .status-badge{display:flex;align-items:center;gap:4px;color:var(--teb-success);font-size:12px;font-weight:500}@media (max-width: 768px){.image-resizer .settings-grid,.image-resizer .images-grid{grid-template-columns:1fr}.image-resizer .upload-area{padding:32px 16px}}