.gth-fraction-calculator .gth-fraction-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-fraction-calculator .gth-fraction-input, .gth-fraction-calculator .gth-fraction-result { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.gth-fraction-calculator .gth-fraction-num, .gth-fraction-calculator .gth-fraction-den { width: 60px; text-align: center; padding: var(--gth-space-2); }
.gth-fraction-calculator .gth-fraction-bar { width: 60px; height: 2px; background: var(--gth-text-primary); }
.gth-fraction-calculator .gth-operation { width: 60px; text-align: center; font-size: var(--gth-text-xl); font-weight: var(--gth-font-bold); }
.gth-fraction-calculator .gth-equals { font-size: var(--gth-text-2xl); font-weight: var(--gth-font-bold); color: var(--gth-text-secondary); }
.gth-fraction-calculator .gth-fraction-result { padding: var(--gth-space-2) var(--gth-space-4); background: var(--gth-primary-subtle); border-radius: var(--gth-radius-md); }
.gth-fraction-calculator .gth-result-num, .gth-fraction-calculator .gth-result-den { font-size: var(--gth-text-xl); font-weight: var(--gth-font-bold); color: var(--gth-primary); min-width: 40px; text-align: center; }
.gth-fraction-calculator .gth-result .gth-result-secondary { text-align: center; font-size: var(--gth-text-lg); }