.ut-now .stat{position:relative;padding-right:76px;min-width:0}
.ut-now .stat b{font-size:clamp(18px,5vw,24px);word-break:break-all;font-family:var(--mono)}
.ut-now .stat .btn{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
@media (max-width:560px){.ut-now{grid-template-columns:minmax(0,1fr)}}
#ut-unit{width:100%}
#ut-unit button{flex:1 1 auto}
.ut-result{padding:16px}
.ut-big{font-size:clamp(17px,4.6vw,28px);font-weight:800;color:var(--brand);letter-spacing:-.01em;line-height:1.3}
.ut-kv{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px}
.ut-kv dt{font-size:14px}
.ut-kv dd{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font-size:14px;word-break:break-all}
.ut-kv dd .mono{text-align:right}
.ut-c{min-height:30px;padding:0 8px;font-size:13px}
@media (max-width:480px){.ut-kv{grid-template-columns:minmax(0,1fr)}.ut-kv dt{margin-top:6px}.ut-kv dd{justify-content:space-between}.ut-kv dd .mono{text-align:left}}
.ut-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.ut-dgrid{grid-template-columns:minmax(0,1fr)}}
input[type=datetime-local].input{min-width:0;appearance:none;-webkit-appearance:none}
#tool .row>.label.grow,#tool .row>span.grow:empty{flex:1 1 auto}