#tool .pmc-num{font-size:22px;font-weight:700;text-align:center}
.pmc-in{align-items:start}
.pmc-in .field{align-content:start}
#tool .pmc-in .input{flex:none;height:auto}
.pmc-in .hint{margin:4px 0 0}
.pmc-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.pmc-modes button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;min-width:0}
.pmc-modes button[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.pmc-modes button[data-m=f]{grid-column:1/-1}
.pmc-name{font-size:13px;color:var(--muted);font-weight:600;line-height:1.25}
.pmc-sym{font-size:15px;font-weight:600}
.pmc-val{font-size:18px;color:var(--brand);font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}
.pmc-modes button.pmc-off{opacity:.55}
@media (min-width:640px){.pmc-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.pmc-modes button[data-m=f]{grid-column:auto}}
.pmc-big{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pmc-exact{max-height:180px;overflow:auto;overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.pmc-steps{margin:10px 0 0;padding-left:22px;display:grid;gap:12px}
.pmc-steps li{line-height:1.55}
.pmc-steps .pmc-line{margin-top:4px;font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pmc-steps small{color:var(--muted)}
#pmc-rf.pmc-dim{opacity:.45}