#js-tool-container-fraction-of-a-number-calculator .fnc-app-layout{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-fraction-of-a-number-calculator .fnc-controls-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:16px}#js-tool-container-fraction-of-a-number-calculator .fnc-grid-3col{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}#js-tool-container-fraction-of-a-number-calculator .fnc-toolbar-row{border-top:1px solid var(--border-color);padding-top:14px;display:flex;justify-content:flex-end}#js-tool-container-fraction-of-a-number-calculator .fnc-inline-group{display:flex;align-items:center;gap:10px}#js-tool-container-fraction-of-a-number-calculator .fnc-results-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:18px}#js-tool-container-fraction-of-a-number-calculator .fnc-main-res-box{background:var(--bg-secondary);border:1px solid var(--border-focus);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px}#js-tool-container-fraction-of-a-number-calculator .fnc-primary-val{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-fraction-of-a-number-calculator .fnc-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}#js-tool-container-fraction-of-a-number-calculator .fnc-metric-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}#js-tool-container-fraction-of-a-number-calculator .fnc-sub-val{font-size:1.1rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-fraction-of-a-number-calculator .fnc-bar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:8px}#js-tool-container-fraction-of-a-number-calculator .fnc-progress-track{width:100%;height:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}#js-tool-container-fraction-of-a-number-calculator .fnc-progress-fill{height:100%;background:var(--accent-primary);width:83.33%;transition:width 0.25s ease}#js-tool-container-fraction-of-a-number-calculator .fnc-reference-card{border-top:1px solid var(--border-color);padding-top:14px;display:flex;flex-direction:column;gap:10px}#js-tool-container-fraction-of-a-number-calculator .fnc-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}#js-tool-container-fraction-of-a-number-calculator .fnc-ref-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}#js-tool-container-fraction-of-a-number-calculator .fnc-ref-frac{font-size:0.75rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-fraction-of-a-number-calculator .fnc-ref-val{font-size:0.95rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}