@layer components{.tool-plate{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised)}.tool-field{width:100%;background:var(--color-control-fill);color:var(--color-ink);border-radius:var(--radius-control);box-shadow:inset 0 0 0 var(--ring-hairline-width) var(--control-edge);border:0}.tool-field::placeholder{color:var(--color-ink-faint)}textarea.tool-field{display:block;padding:.75rem .875rem;line-height:1.6;resize:vertical;min-height:11rem}select.tool-field{height:var(--control-h-md);padding:0 2rem 0 .75rem;appearance:none;cursor:pointer}.tool-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 .625rem;padding:.625rem .75rem;border:1px solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-surface);transition:border-color var(--motion-micro) var(--ease-brand)}.tool-row:hover{border-color:var(--color-hairline-strong)}.tool-row svg{display:block;width:1rem;height:1rem}.tool-row[data-over="1"]{border-color:var(--color-danger-edge);background:var(--color-danger-soft)}.tool-row[data-over="1"] .tool-figure{color:var(--color-danger)}.tool-figure{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-ink)}.tool-meter{grid-column:1 / -1;margin-top:.5rem;height:3px;border-radius:var(--radius-pill);background:var(--color-veil-100);overflow:hidden}.tool-meter>span{display:block;height:100%;width:0%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--motion-micro) var(--ease-brand)}.tool-row[data-over="1"] .tool-meter>span{background:var(--color-danger)}@media(prefers-reduced-motion:reduce){.tool-meter>span{transition:none}}.tool-row[data-state=bad]{border-color:var(--color-danger-edge);background:var(--color-danger-soft)}.tool-row[data-state=bad] .tool-figure{color:var(--color-danger)}.tool-row[data-state=ok]{border-color:var(--color-success-edge)}.tool-row[data-state=ok] .tool-figure{color:var(--color-success)}.tool-row[data-state=unknown] .tool-figure{color:var(--color-ink-faint)}.tool-row[data-state=skip]{opacity:.62}.tool-row[data-state=skip] .tool-figure{color:var(--color-ink-faint)}.tool-detail{grid-column:1 / -1;margin-top:.5rem;color:var(--color-ink-muted)}.tool-drop{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1rem;border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-control);background:var(--color-veil-050);cursor:pointer;transition:background-color var(--motion-micro) var(--ease-brand),border-color var(--motion-micro) var(--ease-brand)}.tool-drop:hover{background:var(--color-veil-100)}.tool-drop:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}[data-dragging] .tool-drop{border-color:var(--color-primary);background:var(--color-primary-soft)}.tool-row[data-selected="1"]{border-color:var(--color-primary)}.tool-part{border:1px solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-surface);padding:.875rem 1rem}.tool-part[data-over="1"]{border-color:var(--color-danger-edge);background:var(--color-danger-soft)}.tool-part[data-over="1"] .tool-figure{color:var(--color-danger)}.tool-part-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-faint)}.tool-part-head>.tool-figure{margin-left:auto}.tool-part-text{margin-top:.625rem;white-space:pre-wrap;line-height:1.7;color:var(--color-ink)}.tool-copy{display:inline-flex;align-items:center;height:var(--control-h-sm);padding:0 .75rem;border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-muted);background:transparent;cursor:pointer;transition:background-color var(--motion-micro) var(--ease-brand)}.tool-copy:hover{background:var(--color-veil-050);color:var(--color-ink)}.tool-warnings{display:grid}.tool-warnings>*{margin-top:1rem}.tool-note{border:1px solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-veil-050);padding:.875rem 1rem}.tool-note[data-tone=warn]{border-color:var(--color-warning-edge);background:var(--color-warning-soft);color:var(--color-warning)}.tool-note[data-tone=bad]{border-color:var(--color-danger-edge);background:var(--color-danger-soft);color:var(--color-danger)}}