.fb{display:flex;flex-direction:column;gap:20px}.fb__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:20px;align-items:start}.fb__inputs{padding:24px}.fb__sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.fb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.fb__hotkey{font-size:11px;color:var(--fg-faint);text-align:end}.fb__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.fb__note{font-size:var(--text-xs);color:var(--fg-faint)}.fb__upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch}.fb__upload:not(:has(.ui-btn)){grid-template-columns:minmax(0,1fr)}@media (max-width:960px){.fb__grid{grid-template-columns:minmax(0,1fr)}.fb__result{position:static}}@media (max-width:520px){.fb__sliders,.fb__upload{grid-template-columns:minmax(0,1fr)}}.fbc{position:relative;width:min(100%,620px);aspect-ratio:16/10;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px -16px rgba(0,0,0,.5);user-select:none;touch-action:pan-y;background:transparent}.fbc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.fbc__img--orig{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.fbc__tag{position:absolute;top:10px;padding:3px 9px;border-radius:999px;background:rgba(8,10,14,.62);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(4px)}.fbc__tag--l{left:10px}.fbc__tag--r{right:10px}.fbc__divider{position:absolute;top:0;bottom:0;left:var(--pos);width:44px;margin-left:-22px;display:grid;place-items:center;cursor:ew-resize;touch-action:none;outline:none}.fbc__divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.fbc__grip{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,.45)}.fbc__divider:focus-visible .fbc__grip{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--accent-fg)}@media (max-width:960px){.fb__result{display:contents}.fb__preview{order:-1}}