@layer tokens,base;@layer components{.tool{margin-block:var(--sp-6);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-elev);font-family:var(--font-ui)}.tool__head{margin:0 0 var(--sp-3);font-weight:600;line-height:var(--lh-tight)}.tool__kind{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-block-end:var(--sp-1);font-weight:400;display:block}.tool__fields{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tool__field{gap:var(--sp-1);min-width:0;font-size:var(--fs-xs);color:var(--ink-2);flex:7rem;display:grid}.tool__field:first-child{flex-basis:11rem}.tool__field :is(input,select){width:100%;min-height:var(--tap);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-1);color:var(--ink);font-family:var(--font-code);font-size:var(--fs-sm);padding:.4rem .6rem}.tool__field :is(input,select):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.tool__out{border-block-start:1px solid var(--line);margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);display:block}.tool__result{gap:var(--sp-3);margin:0;display:grid}.tool__result>div{gap:var(--sp-1);display:grid}.tool__result dt{font-size:var(--fs-xs);color:var(--ink-3)}.tool__result dd{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;margin:0;display:flex}.tool__result code{overflow-wrap:anywhere}.tool .tool__big{font-size:var(--fs-base)}.tool__aside{font-size:var(--fs-xs);color:var(--ink-3)}.tool__flags{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.tool__flags li{align-items:baseline;gap:0 var(--sp-2);flex-wrap:wrap;display:flex}.tool__error{font-size:var(--fs-sm);color:var(--danger);margin:0}.tool__note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--ink-3)}.tool__nojs{display:none}@media (scripting:none){.tool__nojs{display:inline}}.tools>*+*{margin-block-start:var(--sp-6)}.tool-formula{padding:var(--sp-4);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--r-2);font-size:var(--fs-sm);overflow-x:auto}}@layer utilities;
