.gth-password-generator .gth-range-group { display: flex; align-items: center; gap: var(--gth-space-3); }
.gth-password-generator .gth-range { flex: 1; height: 8px; -webkit-appearance: none; background: var(--gth-gray-200); border-radius: var(--gth-radius-full); }
.gth-password-generator .gth-range::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; background: var(--gth-primary); border-radius: 50%; cursor: pointer; }
.gth-password-generator .gth-range-value { min-width: 40px; font-weight: var(--gth-font-bold); color: var(--gth-primary); }
.gth-password-generator .gth-options-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-password-generator .gth-checkbox-label { display: flex; align-items: center; gap: var(--gth-space-2); font-size: var(--gth-text-sm); cursor: pointer; }
.gth-password-generator .gth-checkbox-label input { width: 18px; height: 18px; }
.gth-password-generator .gth-btn-block { width: 100%; }
.gth-password-generator .gth-password-result { margin-top: var(--gth-space-4); padding: var(--gth-space-4); background: var(--gth-gray-50); border-radius: var(--gth-radius-lg); text-align: center; }
.gth-password-generator .gth-password-display { font-family: var(--gth-font-mono); font-size: var(--gth-text-xl); font-weight: var(--gth-font-bold); word-break: break-all; margin-bottom: var(--gth-space-3); padding: var(--gth-space-3); background: var(--gth-bg-card); border-radius: var(--gth-radius-md); }
.gth-password-generator .gth-password-strength { height: 8px; background: var(--gth-gray-200); border-radius: var(--gth-radius-full); overflow: hidden; margin-bottom: var(--gth-space-2); }
.gth-password-generator .gth-strength-bar { height: 100%; transition: width var(--gth-duration-slow), background var(--gth-duration-slow); }
.gth-password-generator .gth-strength-label { font-size: var(--gth-text-sm); margin-bottom: var(--gth-space-3); }