.fraction-tool .fraction-tabs{display:flex;gap:8px;margin-bottom:24px}.fraction-tool .fraction-tabs .btn{flex:1}.fraction-tool .fraction-tabs [aria-pressed=true]{background:var(--brand-primary);color:white;border-color:var(--brand-primary)}
.fraction-tool h2{font-size:18px;margin:0 0 20px}.fraction-fields{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0 30px}.fraction-entry,.fraction-input{display:flex;align-items:center;gap:12px}.fraction-tool input{display:block;width:68px;padding:9px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px}.fraction-tool label{font-size:12px;color:var(--ink-3)}.fraction-stack{display:grid;gap:8px}.fraction-stack label:first-child{border-bottom:2px solid var(--ink-2);padding-bottom:8px}.fraction-entry select{font-size:22px;padding:6px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px}.fraction-tool .utility-toolbar{flex-wrap:wrap}.fraction-error{color:var(--danger)}.fraction-result{margin-top:24px}.fraction-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.fraction-result-heading h2{margin:0}.fraction-equation{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:28px;color:var(--brand-primary-dark);overflow-wrap:anywhere}.fraction-display{display:inline-flex;flex-direction:column;align-items:stretch;text-align:center;max-width:100%;overflow-wrap:anywhere}.fraction-display>span:first-child{border-bottom:2px solid currentColor;padding:0 8px 5px}.fraction-display>span:last-child{padding-top:5px}.fraction-tool .help-note{line-height:1.9}
@media(max-width:600px){.fraction-fields{gap:24px}.fraction-entry{flex-wrap:wrap}.fraction-tool input{width:68px}.fraction-equation{font-size:22px}}