.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__col{display:flex;flex-direction:column;gap:20px;min-width:0}.fb__inputs{gap:20px;padding:24px}.fb__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:end}.fb__auto{padding-bottom:8px}.fb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.fb__hint{font-size:11px;color:var(--fg-faint)}.fb__empty{padding:28px 8px;text-align:center;color:var(--fg-muted)}@media (max-width:960px){.fb__grid{grid-template-columns:minmax(0,1fr)}.fb__result{position:static}}@media (max-width:520px){.fb__fields{gap:18px 12px}.pvs__canvas{padding:16px}}.fb__stage{width:100%;height:300px;padding:8px;border:1.5px dashed var(--stage-line);border-radius:12px;transition:opacity var(--dur-2)}.fb__stage.is-stale{opacity:.45}.fb__item{box-sizing:border-box;display:grid;place-items:center;min-width:0;padding:4px 8px;border:2px solid transparent;border-radius:10px;background:color-mix(in oklab,var(--cat) 34%,var(--stage-card));color:var(--stage-card-ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer;overflow:hidden}.fb__item:hover{border-color:color-mix(in oklab,var(--cat) 60%,transparent)}.fb__item[aria-pressed=true]{border-color:var(--cat);background:color-mix(in oklab,var(--cat) 55%,var(--stage-card))}.fb__item:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}@media (max-width:960px){.fb__result{display:contents}.fb__preview{order:-1}}