.fraction-inputs{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;justify-content:center}
.fraction-box{text-align:center}
.fraction-box label{display:block;font-size:13px;color:#555;margin-bottom:8px;font-weight:700}
.fraction{display:flex;flex-direction:column;align-items:center;gap:2px}
.fraction input{width:80px;padding:8px;text-align:center;border:1px solid #ddd;border-radius:3px;font-size:16px}
.frac-line{width:60px;height:3px;background:#333;margin:2px 0}
.op-select{padding-bottom:5px}
.op-select select{padding:10px;font-size:18px;border:1px solid #ddd;border-radius:3px}
.steps-section{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:3px}
.steps-section h3{font-size:14px;color:#333;margin-bottom:10px}
.step-item{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#555;line-height:1.6}
.step-item:last-child{border-bottom:none}
.step-item .step-label{font-weight:700;color:#3592e2;margin-right:5px}
.svg-diagram{margin-top:15px;text-align:center}
.svg-diagram svg{max-width:100%;height:auto}
@media(max-width:768px){
  .fraction-inputs{flex-direction:column;align-items:center}
  .fraction input{width:100px}
}