#fraction-tool{--ft-line:#dce3ed;--ft-ink:#19273a;--ft-blue:#245bc4;--ft-bg:#f0f5fe;color:var(--ft-ink);font-size:14px;max-width:100%;}
#fraction-tool *{box-sizing:border-box}
#fraction-tool .ft-panel,#fraction-tool .ft-card{border:1px solid var(--ft-line);border-radius:12px;background:#fff;padding:17px;margin-bottom:15px}
#fraction-tool .ft-top-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(115px,1fr);gap:12px}
#fraction-tool .ft-field>.form-label{font-size:13px;font-weight:700;margin-bottom:6px}
#fraction-tool .ft-input-grid{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:10px;margin-top:16px}
#fraction-tool .ft-fraction-card{border:1px solid var(--ft-line);border-radius:10px;min-width:0;padding:12px;margin:0}
#fraction-tool .ft-fraction-card legend{float:none;width:auto;padding:0 5px;margin:0 0 5px;font-size:14px;font-weight:700}
#fraction-tool .ft-fraction-entry{display:flex;gap:12px;align-items:center;justify-content:center}
#fraction-tool .ft-int,#fraction-tool .ft-stacked{min-width:0;width:80px;text-align:center}
#fraction-tool .ft-fraction-entry label{display:block;color:#526173;font-size:11px;margin:2px 0 4px}
#fraction-tool .ft-fraction-entry input{min-width:0;width:100%;text-align:center;padding:6px 4px;appearance:textfield}
#fraction-tool input::-webkit-inner-spin-button,#fraction-tool input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#fraction-tool .ft-fraction-bar{display:block;border-top:2px solid #354966;margin:8px 0}
#fraction-tool .ft-operator{font-size:27px;font-weight:700;text-align:center;color:var(--ft-blue)}
#fraction-tool .ft-hint{color:#697687;font-size:11px;text-align:center;margin-top:10px;line-height:1.4}
#fraction-tool .ft-actions{display:flex;gap:9px;margin-top:18px}
#fraction-tool .btn-calc{background:#245bc4;color:#fff;border:1px solid #245bc4;font-weight:700}
#fraction-tool .btn-calc:hover{background:#16479f;color:#fff}
#fraction-tool .ft-reset{width:48px;flex:0 0 48px}
#fraction-tool .ft-export-row{display:flex;justify-content:flex-start;margin-top:10px}
#fraction-tool .ft-export-row>.btn{min-width:160px}
#fraction-tool .ft-results{display:grid;gap:14px}
#fraction-tool .ft-result-primary{background:#f0f5fe;border-radius:12px;padding:18px;text-align:center}
#fraction-tool .ft-eyebrow{color:#526179;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
#fraction-tool .ft-main-result{font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.35;overflow-wrap:anywhere;margin:6px 0;color:#173c87}
#fraction-tool .ft-secondary-result{color:#42526b;font-size:13px}
#fraction-tool .ft-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#fraction-tool .ft-stat{padding:12px;border:1px solid var(--ft-line);border-radius:10px;min-width:0}
#fraction-tool .ft-stat-label{font-size:11px;color:#657185;display:block;margin-bottom:5px}
#fraction-tool .ft-stat strong{display:block;font-size:17px;overflow-wrap:anywhere}
#fraction-tool .ft-card{margin:0}
#fraction-tool .ft-card h3{font-size:15px;font-weight:750;margin:0 0 12px}
#fraction-tool .ft-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
#fraction-tool .ft-card-heading h3{margin:0}
#fraction-tool .ft-card-heading select{width:auto;max-width:155px}
#fraction-tool .ft-visual{min-height:150px;overflow:hidden}
#fraction-tool .ft-visual svg{display:block;width:100%;height:auto}
#fraction-tool .ft-visual-note{font-size:12px;color:#657185;margin-top:5px}
#fraction-tool .ft-steps{padding-left:23px;margin:0;line-height:1.8;overflow-wrap:anywhere}
#fraction-tool .ft-steps li{padding-left:4px;margin-bottom:4px}
#fraction-tool .ft-table{margin:0;white-space:nowrap}
#fraction-tool .ft-table td,#fraction-tool .ft-table th{padding:9px 8px}
@media(max-width:600px){#fraction-tool .ft-panel,#fraction-tool .ft-card{padding:12px}#fraction-tool .ft-input-grid{grid-template-columns:1fr;gap:8px}#fraction-tool .ft-operator{font-size:22px}#fraction-tool .ft-stats{grid-template-columns:1fr 1fr}#fraction-tool .ft-actions{flex-wrap:wrap}#fraction-tool .ft-actions .btn-calc{flex:1 1 calc(100% - 60px)}#fraction-tool .ft-export-row>.btn{width:100%}#fraction-tool .ft-export-row{width:100%}}
@media(max-width:360px){#fraction-tool .ft-top-grid{grid-template-columns:1fr}#fraction-tool .ft-stats{grid-template-columns:1fr}}