/* tools/shared/toolInputs.css — the single shared input/select/textarea look
   for every "tool layout" page. Was byte-identical copy-pasted into 13 tool
   pages' inline <style> blocks; extracted here so field design (border,
   radius, background, focus ring, padding) can only ever drift in one place.

   Deliberately keeps the .tl-input/.tl-select/.tl-area names and the
   --tl-* custom properties the tool pages already define locally in their
   own :root{} block (--tl-blue, --tl-ink, --tl-white, --tl-line, --tl-r-sm,
   --tl-fb) — CSS custom properties cascade from wherever they're declared,
   so this file doesn't need its own copy of those tokens to work on every
   page that links it. */

.tl-input,.tl-select,.tl-area{width:100%;font-family:var(--tl-fb);font-size:15px;color:var(--tl-ink);
  background:var(--tl-white);border:1.5px solid var(--tl-line);border-radius:var(--tl-r-sm);
  padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}
.tl-area{min-height:150px;resize:vertical;line-height:1.6;font-family:var(--tl-fm);font-size:13.5px}
.tl-input:focus,.tl-select:focus,.tl-area:focus{border-color:var(--tl-blue);box-shadow:0 0 0 4px rgba(37,99,234,.12)}