.gth-border-radius-generator .gth-radius-preview-container { display: flex; justify-content: center; padding: var(--gth-space-6); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-lg); margin-bottom: var(--gth-space-4); }
.gth-border-radius-generator .gth-radius-preview { width: 150px; height: 150px; background: var(--gth-primary); transition: border-radius 0.2s; }
.gth-border-radius-generator .gth-radius-controls { margin-bottom: var(--gth-space-4); }
.gth-border-radius-generator .gth-mb-3 { margin-bottom: var(--gth-space-3); }
.gth-border-radius-generator .gth-form-group { display: flex; align-items: center; gap: var(--gth-space-2); }
.gth-border-radius-generator .gth-form-group .gth-label { min-width: 80px; font-size: var(--gth-text-sm); }
.gth-border-radius-generator .gth-range { flex: 1; }
.gth-border-radius-generator .gth-range-value { min-width: 45px; text-align: right; font-family: monospace; font-size: var(--gth-text-sm); }
.gth-border-radius-generator .gth-result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gth-space-2); }
.gth-border-radius-generator .gth-code-output { display: block; padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-family: monospace; font-size: var(--gth-text-sm); }