/* v8 features: language toggle, trim inputs, conversion progress. */
.lang-btn{background:#18bc9c;color:#fff;border:0;border-radius:6px;padding:4px 10px;font-weight:700;font-size:12px;cursor:pointer;min-height:32px}
.lang-btn:hover{background:#14a085}
.trim-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:14px 24px 0;font-size:13px;color:#3b5568}
.trim-row__label{font-weight:700}
.trim-row__in{width:84px;min-height:40px;border:2px solid #d8e2ea;border-radius:6px;padding:4px 8px;font-size:14px;color:#1a2a3a;text-align:center}
.trim-row__in:focus{outline:2px solid #18bc9c;outline-offset:1px}
.trim-row__sec{color:#3b5568}
.trim-row__note{flex-basis:100%;text-align:center;font-size:11px;color:#6b7c8c}
.prog{position:relative;margin:6px 24px 14px;height:26px;border-radius:6px;background:#e8eef3;overflow:hidden}
.prog__bar{position:absolute;inset:0 auto 0 0;width:0%;background:#18bc9c;transition:width .5s ease}
.prog__txt{position:relative;z-index:1;display:flex;height:100%;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1a2a3a}
@media(max-width:359px){.trim-row{gap:6px}.trim-row__in{width:70px}}
@media(max-width:480px){
 nav>div{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
 nav>div>a{gap:4px!important}
 nav>div>div{gap:4px!important}
 .lang-btn{padding:2px 6px;font-size:10px;min-height:28px}
}
@media(max-width:360px){
 nav>div{gap:4px!important}
 nav>div>a>svg{width:22px!important;height:22px!important}
 nav>div>div{gap:4px!important;font-size:10px!important}
 .lang-btn{padding:2px 5px}
}