/* Brilad Free Tools. Uses the theme's own tokens, with fallbacks so the
   tools still read correctly if the theme changes. */
.bft{--b-ink:var(--ink,#1C1C1E);--b-body:var(--body,#45423E);--b-muted:var(--muted,#66625C);--b-line:var(--line,#E2E1DD);--b-grey:var(--grey,#F3F3F1);--b-white:var(--white,#FFFFFF);--b-accent:var(--saffron,#FF7A00);--b-accent-dark:var(--saffron-dark,#C25700);--b-accent-soft:var(--saffron-soft,#FFE7D1);--b-red:var(--red,#C8102E);--b-ok:#1E7A46;--b-ok-soft:#E3F3E9;--b-bad-soft:#FBE4E7;--b-mono:var(--f-mono,ui-monospace,Menlo,monospace);
border:1px solid var(--b-line);border-radius:12px;background:var(--b-white);margin-block:2em;overflow:hidden;color:var(--b-body);font-size:16px;line-height:1.55}
.bft *{box-sizing:border-box}
.bft__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:16px 20px;background:var(--b-grey);border-bottom:1px solid var(--b-line)}
.bft__eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--b-accent-dark)}
.bft__name{font-family:var(--f-display,inherit);font-weight:700;font-size:19px;color:var(--b-ink)}
.bft__privacy{font-size:13px;color:var(--b-muted);flex-basis:100%}
.bft__body{padding:20px;display:grid;gap:14px}
.bft__label{display:block;font-weight:600;font-size:14px;color:var(--b-ink);margin-bottom:6px}
.bft__field{display:block;min-width:0}
.bft__hint{margin:0;font-size:14px;color:var(--b-muted)}
.bft__hint code,.bft__out code{font-family:var(--b-mono);font-size:.9em;background:var(--b-grey);padding:1px 5px;border-radius:4px}
.bft__input,.bft__textarea{width:100%;font:inherit;color:var(--b-ink);background:var(--b-white);border:1px solid #B9B6B0;border-radius:8px;padding:11px 12px;min-height:46px}
.bft__input--sm{min-height:36px;padding:6px 10px;font-weight:600;font-size:14px}
.bft__input--code,.bft__textarea--code{font-family:var(--b-mono);font-size:14px}
.bft__textarea{resize:vertical;min-height:120px;line-height:1.5}
.bft__textarea--sm{min-height:64px}
.bft__input:focus-visible,.bft__textarea:focus-visible,.bft button:focus-visible{outline:3px solid var(--b-accent);outline-offset:2px}
.bft__row{display:flex;flex-wrap:wrap;gap:10px}
.bft__inline{display:flex;gap:10px;flex-wrap:wrap}
.bft__inline .bft__input{flex:1 1 220px}
.bft__inline--tight{flex-wrap:nowrap}
.bft__inline--tight .bft__input{flex:1 1 auto;min-width:0}
.bft__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.bft__nap{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.bft__nap-row{border:1px solid var(--b-line);border-radius:10px;padding:12px;margin:0;display:grid;gap:8px;min-width:0}
.bft__nap-row legend{padding:0 4px}
.bft__hl{display:grid;gap:10px}
.bft__hl-row{display:grid;gap:10px;grid-template-columns:120px 1fr auto;align-items:center}
.bft__radio{font-size:14px;white-space:nowrap;display:flex;gap:6px;align-items:center}
.bft__out{border-top:1px solid var(--b-line);padding:20px;display:grid;gap:16px;min-width:0}
.bft__out[hidden]{display:none}
.bft__out h3{font-family:var(--f-display,inherit);font-size:18px;margin:0;color:var(--b-ink)}
.bft__out p{margin:0}
.bft__err{background:var(--b-bad-soft);border-left:4px solid var(--b-red);padding:12px 14px;border-radius:6px;color:var(--b-ink)}
.bft__note{background:var(--b-grey);border-left:4px solid var(--b-ink);padding:12px 14px;border-radius:6px;font-size:15px}
.bft__stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.bft__stat{border:1px solid var(--b-line);border-radius:10px;padding:12px 14px}
.bft__stat b{display:block;font-family:var(--f-display,inherit);font-size:26px;line-height:1.1;color:var(--b-ink);font-variant-numeric:tabular-nums}
.bft__stat span{font-size:13px;color:var(--b-muted)}
.bft__scroll{overflow-x:auto;max-width:100%}
.bft__table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.bft__table th,.bft__table td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid var(--b-line)}
.bft__table th{font-weight:600;color:var(--b-ink);border-bottom:2px solid var(--b-ink);white-space:nowrap}
.bft__table td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.bft__tag{display:inline-block;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap;margin:0 4px 4px 0}
.bft__tag--ok{background:var(--b-ok-soft);color:var(--b-ok)}
.bft__tag--bad{background:var(--b-bad-soft);color:var(--b-red)}
.bft__tag--warn{background:var(--b-accent-soft);color:#8A3D00}
.bft__tag--mute{background:var(--b-grey);color:var(--b-muted)}
.bft__code{position:relative}
.bft__code pre{margin:0;background:var(--b-ink);color:#F3F3F1;font-family:var(--b-mono);font-size:13.5px;line-height:1.55;padding:16px;border-radius:10px;overflow:auto;max-height:440px;white-space:pre;tab-size:2}
.bft__bars{display:grid;gap:6px}
.bft__bar{display:grid;grid-template-columns:150px 1fr 56px;gap:10px;align-items:center;font-size:14px}
.bft__bar i{display:block;height:14px;border-radius:4px;background:var(--b-accent);min-width:2px}
.bft__bar em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--b-ink)}
.bft__diff{background:var(--b-bad-soft);border-radius:3px;padding:0 2px}
.bft__busy{color:var(--b-muted);font-size:15px}
.bft .btn[disabled]{opacity:.55;cursor:progress}
@media (max-width:600px){.bft__head,.bft__body,.bft__out{padding:16px}.bft__hl-row{grid-template-columns:1fr}.bft__bar{grid-template-columns:110px 1fr 44px}.bft__inline--tight{flex-wrap:wrap}}
.bft__code .bft__row{margin-top:10px}
.bft__stat b{overflow-wrap:anywhere}
