.oe-stage.ff-stage{align-content:start;place-items:stretch stretch;gap:16px;min-height:0;padding:16px;display:grid}.ff-ref{align-items:center;gap:16px;padding:0 4px;display:flex}.ff-ref p{margin:0;line-height:1.4}.ff-ref-box{box-sizing:border-box;border:2px solid var(--accent-a);background:color-mix(in srgb, var(--accent-a) 18%, transparent);color:var(--text);border-radius:4px;flex:none;place-items:center;font-size:11px;display:grid}.ff-screen{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:20px;gap:12px;padding:16px;display:grid}.ff-row{gap:4px;display:grid}.ff-items{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.ff-cell{justify-items:center;gap:4px;display:grid}.ff-btn-cell{min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.ff-btn-cell:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ff-hit{box-sizing:border-box;border:1px dashed var(--faint);background:color-mix(in srgb, var(--accent-a) 8%, transparent);place-items:center;transition:background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:grid}.ff-btn-cell:hover:not(.is-ok):not(.is-bad) .ff-hit{border-color:var(--accent-a)}.ff-btn-cell.is-on .ff-hit{border:1px solid var(--accent-a);background:color-mix(in srgb, var(--accent-a) 30%, transparent);box-shadow:0 0 0 2px var(--accent-a)}.ff-btn-cell.is-ok .ff-hit{border:1px solid var(--pass);box-shadow:0 0 0 2px var(--pass)}.ff-btn-cell.is-bad .ff-hit{border:1px solid var(--fail);box-shadow:0 0 0 2px var(--fail)}.ff-btn-cell.is-ok:not(.is-on) .ff-hit,.ff-btn-cell.is-bad:not(.is-on) .ff-hit{box-shadow:none}.ff-flag{background:var(--accent-a);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.ff-btn-cell.is-ok .ff-flag{background:var(--pass);color:#0b1b10}.ff-btn-cell.is-bad .ff-flag{background:var(--fail);color:#2a0a0a}.ff-dim{min-height:16px;color:var(--muted);font-size:11px;line-height:16px}.ff-dim.is-small{color:var(--fail)}.ff-dim.is-fine{color:var(--pass)}.ff-vis{box-sizing:border-box;white-space:nowrap;place-items:center;display:grid;overflow:hidden}.ff-icon{background:var(--surface-3);color:var(--text);border-radius:8px;font-weight:600;line-height:1}.ff-dot{background:var(--text);opacity:.7;border-radius:50%}.ff-check{box-shadow:inset 0 0 0 2px var(--muted);border-radius:6px}.ff-link{color:var(--accent-a);text-underline-offset:2px;text-overflow:ellipsis;font-size:12px;font-weight:500;text-decoration:underline}.ff-pill{background:var(--accent-a);color:#fff;border-radius:12px;font-size:13px;font-weight:600}.ff-field{background:var(--field-bg);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted);border-radius:12px;justify-items:start;padding:0 12px;font-size:13px}.ff-lines{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.ff-demo{place-items:center;width:80px;height:80px;display:grid}.ff-demo-box{box-sizing:border-box;border:1px dashed var(--accent-a);background:color-mix(in srgb, var(--accent-a) 12%, transparent);place-items:center;width:44px;height:44px;animation:2.4s cubic-bezier(.16,1,.3,1) infinite alternate ff-demo;display:grid}.ff-demo-box span{background:var(--surface-3);border-radius:6px;place-items:center;width:20px;height:20px;font-size:14px;display:grid}@keyframes ff-demo{0%{width:24px;height:24px}to{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.ff-demo-box{animation:none}.ff-hit{transition:none}}