.bf{display:grid;gap:10px;min-width:0}.bf-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.bf-modes{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--well);border-radius:13px;max-width:100%}.bf-mode{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--ink-2);font-weight:600;font-size:.9375rem}.bf-mode .i{width:1.2em;height:1.2em}.bf-mode:hover{color:var(--ink)}.bf-mode[aria-pressed=true]{background:var(--surface);color:var(--c-ink);box-shadow:0 1px 2px #1018281f,inset 0 0 0 1.5px var(--c)}.bf-acts{display:flex;gap:6px;margin-left:auto}.bf-ib{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}.bf-ib:hover:not(:disabled){background:var(--well)}.bf-ib:disabled{opacity:.4;cursor:default}.bf-flip .i{transform:scaleX(-1)}.bf-brush{width:100%;max-width:420px}.bf-brush .slider{gap:2px}.bf-stage{position:relative;width:fit-content;max-width:100%;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:repeating-conic-gradient(#cfd5df 0 25%,#f4f6f9 0 50%) 0 0 / 16px 16px;border-radius:6px;box-shadow:0 0 0 1px var(--line)}.bf-view{display:block;max-width:100%;border-radius:6px}.bf-ov{position:absolute;inset:0;cursor:crosshair;outline:none}.bf[data-mode=brush] .bf-ov{cursor:cell}.bf-box{position:absolute;cursor:move;outline:none;box-shadow:0 0 0 1.5px #fffffff2,0 0 0 2.5px #1018288c}.bf-box.is-ellipse{box-shadow:none}.bf-box.is-ellipse:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px #fffffff2,0 0 0 2.5px #1018288c;pointer-events:none}.bf-box.is-sel{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.bf-box.is-ellipse.is-sel{box-shadow:0 0 0 1px #ffffffb3;outline:1px dashed rgba(16,24,40,.6)}.bf-box.is-ellipse.is-sel:before{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.bf-box:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.bf-h{display:none;position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 3px #00000073;touch-action:none}.bf-h:after{content:"";position:absolute;inset:-11px}.bf-h.nw{left:-11px;top:-11px;cursor:nwse-resize}.bf-h.sw{left:-11px;bottom:-11px;cursor:nesw-resize}.bf-h.se{right:-11px;bottom:-11px;cursor:nwse-resize}.bf-x{display:none;position:absolute;right:-15px;top:-15px;width:30px;height:30px;padding:0;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--danger);color:#fff;box-shadow:0 1px 4px #00000073;cursor:pointer}.bf-x:after{content:"";position:absolute;inset:-8px}.bf-x .i{width:16px;height:16px;stroke-width:2.5}.bf-box.is-sel .bf-h{display:block}.bf-box.is-sel .bf-x{display:grid}.bf-ov.is-comparing .bf-box{visibility:hidden}.bf-busy{position:absolute;inset:0;display:grid;place-items:center;background:#0f142040;border-radius:6px;pointer-events:none}.bf-busy span{width:36px;height:36px;border-radius:50%;border:3.5px solid #fff;border-right-color:transparent;animation:spin .8s linear infinite}.bf-tip{margin:0;min-height:1.5em;font-size:.9375rem;color:var(--ink-2);text-align:center}.bf-tip.is-err{color:var(--danger);font-weight:600}.bf-more,.bf-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bf-more .btn,.bf-nav .btn{min-height:44px}.bf-cmp[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.bf-nav{align-items:center;flex-wrap:nowrap}.bf-pos{flex:0 1 auto;min-width:0;padding:0 4px;text-align:center;font-weight:620;font-variant-numeric:tabular-nums;white-space:nowrap}.bf-nav .btn{flex:none}.bf-miss{margin:0;text-align:center}.bf-opts>.seg{grid-column:1 / -1;justify-items:start}.bf-color{width:72px;height:44px;padding:2px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);cursor:pointer}[data-tool=blur-face] .files .file.is-current{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}[data-tool=blur-face] .file-btns .bf-edit{color:var(--accent)}@media (max-width: 520px){.bf-mode{padding:0 10px;font-size:.875rem}.bf-acts{margin-left:auto;gap:4px}.bf-more{display:grid;grid-template-columns:1fr 1fr}.bf-more .btn{white-space:normal;text-align:center;line-height:1.2;padding:4px 10px}}@media (max-width: 420px){.bf-bar{flex-wrap:nowrap}.bf-modes{flex:1 1 auto;min-width:0;flex-wrap:nowrap}.bf-mode{flex:1 1 auto;justify-content:center;padding:0 6px;min-width:0}.bf-mode .i{display:none}.bf-ib{width:40px}}