/* Calculation output is a block: Safari must not paint each wrapped line as an inline fragment. */
#toolsView,#toolsView .panel-card,#toolCalculator,#toolForm{min-width:0;max-width:100%;box-sizing:border-box}
#toolsView #toolResult{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:pre-line;overflow-wrap:anywhere;word-break:normal;line-height:1.65;text-align:left;padding:16px;margin:18px 0 0;border:1px solid #e0e3fa;border-radius:14px;background:#eef2ff;color:#312e81}
#toolsView .tool-test-row>span{min-width:0;overflow-wrap:anywhere}
#toolsView .tool-tabs button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4}
#toolsView .modal-actions{display:flex;gap:10px;flex-wrap:wrap}
#toolsView .modal-actions>button{flex:1 1 140px;min-width:0;min-height:44px;white-space:normal}
@media(max-width:900px){
  body:has(#toolsView.active-view) .right-drawer-stack{display:none!important}
  #toolsView .panel-card{overflow:visible}
  #toolsView input,#toolsView select{font-size:16px;min-width:0}
  #toolsView .tool-test-row input,#toolsView .tool-grade-row input{min-height:44px;box-sizing:border-box}
}
@media(max-width:420px){
  #toolsView .panel-card{padding:16px}
  #toolsView .tool-tabs{gap:7px}
  #toolsView .tool-tabs button{padding:10px 12px;font-size:13px}
  #toolsView .tool-test-row{grid-template-columns:minmax(0,1fr) 60px 60px;gap:7px}
  #toolsView .tool-test-row input{padding:10px 6px;text-align:center}
  #toolsView #toolResult{padding:14px;font-size:14px}
  #toolsView .tool-grade-row{grid-template-columns:minmax(0,1fr) 52px 60px 32px;gap:6px}
  #toolsView .tool-grade-row input{padding:10px 6px}
  #toolsView .tool-grade-row button{padding:6px;min-height:40px}
}