.gth-px-to-em-converter .gth-help-text { display: block; font-size: var(--gth-text-xs); color: var(--gth-text-muted); margin-top: var(--gth-space-1); }
.gth-px-to-em-converter .gth-em-result { text-align: center; padding: var(--gth-space-6); background: var(--gth-primary); color: white; border-radius: var(--gth-radius-lg); margin-bottom: var(--gth-space-4); }
.gth-px-to-em-converter .gth-em-value { font-size: 3rem; font-weight: 700; }
.gth-px-to-em-converter .gth-em-unit { font-size: var(--gth-text-xl); opacity: 0.9; }
.gth-px-to-em-converter .gth-css-output { display: flex; align-items: center; gap: var(--gth-space-3); padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-px-to-em-converter .gth-css-output code { flex: 1; font-family: var(--gth-font-mono); font-size: var(--gth-text-sm); }
.gth-px-to-em-converter .gth-copy-btn { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-primary); color: white; border: none; border-radius: var(--gth-radius-sm); cursor: pointer; font-size: var(--gth-text-sm); }
.gth-px-to-em-converter .gth-info-box { margin-top: var(--gth-space-4); padding: var(--gth-space-4); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-size: var(--gth-text-sm); }
.gth-px-to-em-converter .gth-info-box p { margin: var(--gth-space-2) 0 0 0; color: var(--gth-text-muted); }