.bf-tool{flex-direction:column;gap:1rem;display:flex}.bf-tool .bf-controls,.chart-shell-controls .bf-controls{flex-direction:column;gap:.6rem;display:flex}.chart-shell .chart-shell-controls{margin:0 0 .6rem}.bf-controls .bf-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;display:flex}.bf-controls .bf-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bf-controls .bf-look{flex:12rem}.bf-controls .bf-label{color:var(--text-dim);font-size:.82rem;font-weight:600}.bf-controls .bf-seg{flex-wrap:wrap}.bf-controls .bf-field input,.bf-controls .bf-field select{min-height:2.1rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:0;padding:0 .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.bf-controls .bf-field input:is([type=number],[data-num]){width:5.5rem}.bf-controls .bf-look input{box-sizing:border-box;width:100%}.bf-tool .bf-cap,.chart-shell .bf-cap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.bf-cap .bf-ctl-row{flex-wrap:wrap;gap:.3rem;display:flex}.bf-cap .bf-ctl{min-height:2.1rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:0 .8rem;font-size:.9rem}.bf-cap .bf-ctl:disabled{opacity:.45;cursor:default}.chart-shell .bf-msg{border-left:3px solid var(--border);background:var(--bg-hover);min-height:3em;margin:.4rem 0 0;padding:.4rem .7rem;font-size:.92rem;line-height:1.45}.chart-shell .bf-msg-wrong{border-left-color:#d97706}.chart-shell .bf-words{color:var(--text-dim);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.88rem;line-height:1.45}.bf-family-wrap .bf-family-note{color:var(--text-dim);margin:0 0 .5rem;font-size:.88rem}.bf-family-wrap .bf-family-scroll{overflow-x:auto}.bf-family-wrap .bf-family{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.bf-family-wrap .bf-family th,.bf-family-wrap .bf-family td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:.25rem .5rem}.bf-family-wrap .bf-family thead th{color:var(--text-dim);white-space:normal;vertical-align:bottom;font-size:.8rem;font-weight:600}.bf-family-wrap .bf-family tbody tr{cursor:pointer}.bf-family-wrap .bf-family tbody tr:hover{background:var(--bg-hover)}.bf-family-wrap .bf-family tr.bf-now{background:var(--bg-surface);font-weight:700;box-shadow:inset 3px 0 #7c3aed}