/* Batch 1 shared tool styles — one file for all 24 Batch 1 tools. */
.b1-row { display: flex; flex-wrap: wrap; gap: 1rem; }
.b1-row > .form-field { flex: 1 1 180px; }
.b1-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.b1-result { margin: 1rem 0; padding: 1rem; border: 1px solid var(--color-border, #d7dee6); border-radius: 8px; background: var(--color-surface, #f8fafc); }
.b1-result:empty { display: none; }
.b1-result p { margin: 0 0 0.5rem; }
.b1-result p:last-child { margin-bottom: 0; }
.b1-keypad { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.5rem 0 1rem; }
.b1-key { min-width: 52px; }
.b1-swatch { width: 100%; height: 56px; border: 1px solid var(--color-border, #d7dee6); border-radius: 8px; margin: 0.5rem 0; }
.tool-workspace textarea { width: 100%; }
.tool-workspace input[type="text"], .tool-workspace input[type="number"], .tool-workspace input[type="date"], .tool-workspace select { width: 100%; }