.gth-image-resize-calculator .gth-form-section { margin-bottom: var(--gth-space-4); }
.gth-image-resize-calculator .gth-dimension-inputs { display: flex; align-items: flex-end; gap: var(--gth-space-2); }
.gth-image-resize-calculator .gth-dimension-inputs .gth-form-group { flex: 1; }
.gth-image-resize-calculator .gth-dimension-x { font-size: var(--gth-text-xl); color: var(--gth-text-secondary); padding-bottom: var(--gth-space-2); }
.gth-image-resize-calculator .gth-label-sm { font-size: var(--gth-text-xs); color: var(--gth-text-secondary); }
.gth-image-resize-calculator .gth-lock-ratio { margin-bottom: var(--gth-space-2); }
.gth-image-resize-calculator .gth-checkbox { display: flex; align-items: center; gap: var(--gth-space-2); cursor: pointer; font-size: var(--gth-text-sm); }
.gth-image-resize-calculator .gth-resize-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-image-resize-calculator .gth-info-card { text-align: center; padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-image-resize-calculator .gth-info-card .gth-info-label { font-size: var(--gth-text-xs); color: var(--gth-text-secondary); }
.gth-image-resize-calculator .gth-info-card .gth-info-value { font-size: var(--gth-text-lg); font-weight: 600; }
.gth-image-resize-calculator .gth-size-buttons { display: flex; flex-wrap: wrap; gap: var(--gth-space-2); }
.gth-image-resize-calculator .gth-size-btn { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border: 1px solid var(--gth-border); border-radius: var(--gth-radius-md); cursor: pointer; font-size: var(--gth-text-sm); transition: all 0.2s; }
.gth-image-resize-calculator .gth-size-btn:hover { background: var(--gth-primary); color: white; border-color: var(--gth-primary); }