.bf [hidden]{display:none!important}.bf{display:grid;gap:16px}.bf .tool-chips button{min-height:44px;display:inline-flex;align-items:center;gap:6px}.bf textarea{resize:vertical;min-height:64px;font-family:Hind Siliguri,sans-serif;font-size:18px;line-height:1.5}.bf-l{font-size:14px;font-weight:600;color:var(--ink)}.bf-samples{display:grid;gap:6px;margin-top:12px}.bf-ctl{display:grid;grid-template-columns:minmax(180px,1.4fr) auto auto 110px;gap:12px 18px;align-items:end;margin-top:14px}.bf-g{display:grid;gap:6px}.bf-sl{display:grid!important;gap:0!important}.bf-sl>span{display:flex;justify-content:space-between}.bf-sl output{font-weight:700;color:var(--g)}.bf input[type=range]{border:0;padding:0;background:transparent;box-shadow:none;min-height:44px;accent-color:var(--g2);width:100%}.bf input[type=color]{height:44px;padding:3px;cursor:pointer}.bf-filter{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.bf-count{margin:0;color:var(--mute);font-size:14px}.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bf-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden;display:grid;grid-template-rows:1fr auto;min-width:0}.bf-prev{position:relative;min-height:150px;padding:20px 18px;display:grid;align-items:center;background:#fff;border-bottom:1px solid var(--line);transition:background .2s}.bf-txt{margin:0;font-size:var(--bf-s);line-height:1.45;color:var(--bf-c);font-weight:var(--bf-w,400);overflow-wrap:anywhere;white-space:pre-wrap;visibility:hidden}.bf-card.is-ready .bf-txt,.bf-card.is-err .bf-txt{visibility:visible}.bf-card[data-bold=false] .bf-txt{font-weight:400}.bf-skel{position:absolute;inset:20px 18px;display:grid;align-content:center;gap:12px}.bf-skel i{display:block;height:calc(var(--bf-s) * .55);max-height:56px;border-radius:10px;background:linear-gradient(90deg,#eeece4 25%,#f7f6f1,#eeece4 75%) 0 0/200% 100%;animation:bf-sh 1.2s linear infinite}.bf-skel i+i{width:60%}.bf-card.is-ready .bf-skel,.bf-card.is-err .bf-skel{display:none}@keyframes bf-sh{to{background-position:-200% 0}}.bf-nob,.bf-err{font-family:Hind Siliguri,sans-serif}.bf-nob{display:none;position:absolute;right:10px;top:8px;font-size:12px;color:var(--mute);background:var(--bg);border-radius:99px;padding:1px 8px}.bf.is-bold .bf-card[data-bold=false] .bf-nob{display:block}.bf-err{position:absolute;left:18px;bottom:8px;font-size:12.5px;color:#b45309}.bf.is-dark .bf-prev{background:#14211b;border-bottom-color:#14211b}.bf.is-dark .bf-skel i{background:linear-gradient(90deg,#24342c 25%,#2e4137,#24342c 75%) 0 0/200% 100%}.bf.is-dark .bf-nob{background:#24342c;color:#cfd8d2}.bf-meta{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;justify-content:space-between;padding:12px 14px}.bf-name{min-width:0}.bf-name h3{margin:0;font-size:17px;font-family:var(--font-head)}.bf-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0}.bf-tags span{font-size:12px;border-radius:99px;padding:1px 8px;background:#f1efe7;color:var(--mute)}.bf-tags span:first-child{background:var(--g-soft);color:var(--g)}.bf-btns{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bf-btns .tool-copy{min-height:44px;display:inline-flex;align-items:center;gap:6px}.bf-fav{width:44px;height:44px;padding:0!important;display:grid!important;place-items:center;background:#fff!important;color:var(--mute)!important;border:1px solid var(--line)!important;box-shadow:none!important}.bf-fav:hover{color:#e11d48!important;border-color:#f3b4c2!important;transform:none!important}.bf-fav[aria-pressed=true]{color:#e11d48!important;background:#fff1f3!important;border-color:#f3b4c2!important}.bf-get{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:10px;background:var(--green-grad);color:#fff;font-weight:600;font-size:14px}.bf-get:hover{text-decoration:none;color:#fff}.bf-empty{margin:0;padding:22px;text-align:center;color:var(--mute);background:var(--bg);border:1px dashed var(--line);border-radius:var(--r)}.bf-note{display:flex;gap:10px;align-items:flex-start;background:#fff8e8;border:1px solid #f3dca6;border-radius:var(--r-sm);padding:12px 14px}.bf-note .ic{flex:none;color:var(--gold-d);margin-top:2px}.bf-note p{margin:0;font-size:14.5px}@media(max-width:900px){.bf-ctl{grid-template-columns:1fr 1fr}.bf-sl{grid-column:1/-1}}@media(max-width:760px){.bf-grid{grid-template-columns:1fr}}@media(max-width:420px){.bf-ctl{grid-template-columns:1fr}.bf-btns{width:100%}.bf-btns .tool-copy,.bf-get{flex:1;justify-content:center}}