.sms-calculator-hero{padding:54px 0 22px}
.sms-calculator-hero h1{max-width:900px;margin:0 0 14px;font-size:clamp(38px,4.4vw,58px);line-height:1.08;letter-spacing:-.04em;font-weight:600}
.sms-calculator-hero p{max-width:800px;margin:0;color:var(--muted);font-size:18px}
.sms-calculator-section{max-width:1000px;padding-bottom:36px}
.sms-calculator-panel{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.sms-message-label{display:block;margin-bottom:8px;color:var(--ink);font-weight:600}
#sms-message{display:block;width:100%;min-height:220px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.55;resize:vertical}
#sms-message::placeholder{color:#757575;opacity:1}
#sms-message:focus{outline:3px solid rgba(8,120,201,.16);border-color:var(--blue)}
.sms-character-help{margin:8px 0 20px;color:var(--muted);font-size:13px}
.sms-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sms-metric{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sms-metric span,.sms-metric small{display:block;color:var(--muted);font-size:13px}
.sms-metric strong{display:block;margin:5px 0 3px;color:var(--ink);font-size:25px;line-height:1.15;font-weight:600;overflow-wrap:anywhere}
.sms-metric small{font-size:12px}
.sms-progress-block{margin:18px 0 0}
.sms-progress-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--muted);font-size:13px}
.sms-progress{height:9px;overflow:hidden;border-radius:99px;background:#e9eef1}
.sms-progress-fill{width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .12s ease}
.sms-unicode-note{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:14px}
.sms-unicode-note p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.sms-clear{margin-top:18px}
.sms-calculator-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:18px}
.sms-calculator-hints p{margin:0;color:var(--muted);font-size:14px}
.sms-calculator-back{margin:20px 0 0}
.sms-calculator-back a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.sms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .sms-calculator-hero{padding:28px 0 14px}
  .sms-calculator-hero h1{font-size:34px;margin-bottom:12px}
  .sms-calculator-hero p{font-size:16px}
  .sms-calculator-section{padding-bottom:28px}
  .sms-calculator-panel{padding:16px}
  #sms-message{min-height:200px;font-size:15px}
  .sms-metrics{gap:8px}
  .sms-metric{padding:11px}
  .sms-metric strong{font-size:22px}
  .sms-calculator-hints{grid-template-columns:1fr;gap:9px}
  .sms-clear{width:100%}
  .sms-calculator-page jdiv[class*="__jivo"]{display:none!important}
}