.bfd{--b-card:#ffffff;--b-ink:#1a1a2e;--b-sub:#6e6e73;--b-sub2:#86868b;--b-hair:rgba(26,26,46,0.08);--b-line:rgba(26,26,46,0.10);--b-pill:#f1f3f5;--b-img:linear-gradient(135deg,#cdd6e6,#eef2f8);--b-blue:#3b82f6;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.bfd.has-cap{padding-bottom:26px}.bfd .bfd-float{flex:0 0 auto}.bfd .bfd-float-a{animation:bfd-float-a 6.5s ease-in-out infinite}.bfd .bfd-float-b{animation:bfd-float-b 7.3s ease-in-out infinite}.bfd .bfd-type{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;width:0}.bfd .bfd-chat{width:300px;max-width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.bfd .bfd-thread{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px;min-height:40px}.bfd .bfd-bubble{display:grid;width:max-content;max-width:100%;overflow:hidden;background:var(--b-pill);color:var(--b-ink);font-size:12px;line-height:1.5;border-radius:14px 14px 4px 14px;padding:8px 11px;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .3s,transform .3s}.bfd .bfd-ghost,.bfd .bfd-sent{grid-area:1/1}.bfd .bfd-ghost{visibility:hidden}.bfd .bfd-ghost,.bfd .bfd-sent{white-space:nowrap}.bfd .bfd-strip{display:flex;align-items:center;gap:6px;min-height:56px;padding:6px;border-radius:11px;border:1.5px dashed #c7ccd6;transition:border-color .3s,background .3s}.bfd .bfd-tile{position:relative;width:44px;height:44px;border-radius:9px;overflow:hidden;border:1px solid var(--b-hair);background:var(--b-img);opacity:0;transform:translateY(8px) scale(.92);transition:opacity .4s,transform .4s}.bfd .bfd-tile .fd-garment{position:absolute;inset:10% 22% 6%;width:auto;height:auto}.bfd .bfd-input{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--b-line);border-radius:12px;background:var(--b-card);padding:9px 10px}.bfd .bfd-input-text{display:grid;flex:1 1;min-width:0;font-size:12px;line-height:1.4}.bfd .bfd-input-text .bfd-type,.bfd .bfd-ph{grid-area:1/1}.bfd .bfd-ph{color:var(--b-sub2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s}.bfd .bfd-input-text .bfd-type{color:var(--b-ink)}.bfd .bfd-send{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--b-pill);color:var(--b-sub2);display:grid;place-items:center;transition:background .25s,color .25s}.bfd .bfd-send svg{width:12px;height:12px;display:block}.bfd .bfd-arrow{flex:0 0 auto;color:#c7ccd6;opacity:0;transition:opacity .4s,transform .5s}.bfd .bfd-arrow svg{width:1.4em;height:1.4em;display:block}.bfd .bfd-browser{width:252px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:var(--b-card);border:1px solid var(--b-line);box-shadow:0 12px 30px rgba(0,0,0,.12);opacity:0;transform:translateX(14px);transition:opacity .5s,transform .5s}.bfd .bfd-tabs{display:flex;align-items:center;gap:5px;padding:7px 8px 0;background:#e4e6ea}.bfd .bfd-tab{height:22px;border-radius:7px 7px 0 0;background:var(--b-card);flex:0 1 auto;font-size:10px;color:var(--b-sub);display:inline-flex;align-items:center;padding:0 8px;white-space:nowrap}.bfd .bfd-tab.grouped{box-shadow:inset 0 2.5px 0 var(--b-blue);max-width:96px;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .35s}.bfd .bfd-group{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#fff;background:var(--b-blue);border-radius:6px;padding:3px 7px;white-space:nowrap;flex:0 0 auto;opacity:0;transform:scale(.9);transition:opacity .35s,transform .35s}.bfd .bfd-searchbar{padding:8px;border-bottom:1px solid var(--b-hair)}.bfd .bfd-field{display:block;height:22px;border-radius:999px;border:1px solid var(--b-line);background:var(--b-pill);padding:0 10px;font-size:11px;color:var(--b-ink);display:flex;align-items:center}.bfd .bfd-body{position:relative}.bfd .bfd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.bfd .bfd-cell{position:relative;height:52px;border-radius:7px;overflow:hidden;background:var(--b-img);opacity:0;transform:scale(.94);transition:opacity .35s,transform .35s,box-shadow .3s}.bfd .bfd-cell .fd-garment{position:absolute;inset:8% 24% 4%;width:auto;height:auto}.bfd .bfd-check{position:absolute;right:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#1a7f4b;color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s}.bfd .bfd-check svg{width:8px;height:8px}.bfd .bfd-tile.is-gen .bfd-star{position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--b-ink);color:#fff;font-size:8px;line-height:14px;text-align:center;font-style:normal}.bfd .bfd-form{position:absolute;inset:0;background:var(--b-card);display:flex;flex-direction:column;gap:7px;padding:10px;opacity:0;transition:opacity .45s}.bfd .bfd-fld{height:20px;border-radius:6px;border:1px solid var(--b-line);background:var(--b-card)}.bfd .bfd-fld.short{width:60%}.bfd .bfd-upload{flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px dashed #c7ccd6;border-radius:8px;padding:7px 9px;background:#fafbfc}.bfd .bfd-upload-label{font-size:10px;color:var(--b-sub)}.bfd .bfd-upload-thumb{position:relative;width:40px;height:40px;border-radius:7px;overflow:hidden;flex:none;border:1px solid var(--b-hair);background:var(--b-img);opacity:0;transform:scale(.7);transition:opacity .4s .25s,transform .4s .25s}.bfd .bfd-upload-thumb .fd-garment{position:absolute;inset:8% 24% 4%;width:auto;height:auto}.bfd .bfd-upload-thumb .bfd-check{right:2px;top:2px;width:13px;height:13px}.bfd .bfd-upload-thumb .bfd-check svg{width:7px;height:7px}.bfd .bfd-cap{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:12px;color:var(--b-sub2)}.bfd.phase-typing .bfd-ph{opacity:0}.bfd.phase-typing .bfd-input-text .bfd-type{animation:bfd-type var(--tw-dur,1.5s) steps(var(--tw-steps,20)) forwards}.bfd.phase-typing .bfd-send{background:var(--b-ink);color:#fff}.bfd.phase-landing .bfd-bubble,.bfd.phase-opening .bfd-bubble,.bfd.phase-picking .bfd-bubble,.bfd.phase-searching .bfd-bubble,.bfd.phase-sending .bfd-bubble{opacity:1;transform:translateY(0) scale(1)}.bfd.phase-landing .bfd-arrow,.bfd.phase-opening .bfd-arrow,.bfd.phase-picking .bfd-arrow,.bfd.phase-searching .bfd-arrow{opacity:1}.bfd.phase-landing .bfd-browser,.bfd.phase-opening .bfd-browser,.bfd.phase-picking .bfd-browser,.bfd.phase-searching .bfd-browser{opacity:1;transform:translateX(0)}.bfd.phase-landing .bfd-group,.bfd.phase-opening .bfd-group,.bfd.phase-picking .bfd-group,.bfd.phase-searching .bfd-group{opacity:1;transform:scale(1)}.bfd.phase-landing .bfd-tab.grouped,.bfd.phase-opening .bfd-tab.grouped,.bfd.phase-picking .bfd-tab.grouped,.bfd.phase-searching .bfd-tab.grouped{opacity:1}.bfd.phase-landing .bfd-cell,.bfd.phase-picking .bfd-cell,.bfd.phase-searching .bfd-cell{opacity:1;transform:scale(1)}.bfd.phase-landing .bfd-field .bfd-type,.bfd.phase-picking .bfd-field .bfd-type,.bfd.phase-searching .bfd-field .bfd-type{animation:bfd-type var(--tw-dur,.7s) steps(var(--tw-steps,12)) forwards}.bfd.phase-landing .bfd-cell.is-hit,.bfd.phase-picking .bfd-cell.is-hit{box-shadow:inset 0 0 0 2px var(--b-ink)}.bfd.phase-landing .bfd-check,.bfd.phase-picking .bfd-check{opacity:1;transform:scale(1)}.bfd.phase-filling .bfd-tile,.bfd.phase-generating .bfd-tile,.bfd.phase-landing .bfd-tile{opacity:1;transform:translateY(0) scale(1)}.bfd.phase-filling .bfd-strip,.bfd.phase-generating .bfd-strip,.bfd.phase-landing .bfd-strip{border-color:var(--b-hair);border-style:solid;background:hsla(0,0%,100%,.5)}@media(max-width:560px){.bfd{gap:12px}.bfd .bfd-arrow{transform:rotate(90deg)}.bfd .bfd-chat{width:280px}}.bfd .bfd-cell .fd-garment{animation:bfd-sway 5s ease-in-out infinite;transform-origin:50% 0}.bfd .bfd-cell:nth-child(2n) .fd-garment{animation-duration:5.8s;animation-delay:-1.2s}.bfd .bfd-cell:nth-child(3n) .fd-garment{animation-duration:6.4s;animation-delay:-2.4s}@media(prefers-reduced-motion:reduce){.bfd .bfd-arrow,.bfd .bfd-browser,.bfd .bfd-bubble,.bfd .bfd-cell,.bfd .bfd-check,.bfd .bfd-group,.bfd .bfd-tab.grouped,.bfd .bfd-tile{opacity:1!important;transform:none!important;transition:none!important}.bfd .bfd-type{width:auto!important}.bfd .bfd-cell .fd-garment,.bfd .bfd-float,.bfd .bfd-type{animation:none!important}}@keyframes bfd-type{0%{width:0}to{width:100%}}@keyframes bfd-float-a{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-.35deg)}}@keyframes bfd-float-b{0%,to{transform:translateY(-3px) rotate(.3deg)}50%{transform:translateY(5px) rotate(-.2deg)}}@keyframes bfd-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}