.fbx{position:relative;overflow:hidden;background:#fff;color:#1c1b29;isolation:isolate;font-family:Archivo,Inter,Helvetica Neue,Helvetica,system-ui,sans-serif;--fbx-ink: #1C1B29;--fbx-violet: #7C3AED;--fbx-violet-deep: #6D28D9;--fbx-lilac: #E8DCFF;--fbx-lilac-pale: #F3EDFF;--fbx-grey: #C8C7D3}.fbx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.fbx .fb-labels{position:absolute;inset:0;pointer-events:none}.fbx-hud{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fbx .fb-label{letter-spacing:normal;text-transform:none;font:500 12px/1 Archivo,Inter,Helvetica Neue,Helvetica,sans-serif;padding:5px 10px;border-radius:999px;white-space:nowrap;border:1.2px solid;transform:translateY(-2px);pointer-events:none;user-select:none;transition:opacity .25s ease}.fbx .fb-label--device{background:var(--fbx-lilac-pale);border-color:var(--fbx-violet);color:var(--fbx-violet-deep)}.fbx .fb-label--zone{background:#f2f2f6;border-color:#9a99a6;color:var(--fbx-ink)}.fbx .fb-label--hidden{opacity:0}.fbx.no-labels .fb-label{display:none}.fbx-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:2px;background:#fff;border:1.2px solid var(--fbx-violet);border-radius:10px;padding:7px 11px;box-shadow:0 8px 24px #7c3aed29}.fbx-tip[hidden]{display:none}.fbx-tip b{font-size:13px;font-weight:600;color:var(--fbx-ink)}.fbx-tip span{font-size:11.5px;color:var(--fbx-violet-deep)}.fbx-tools{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:5px;align-items:center}.fbx-tools button{font:600 12px Inter,Archivo,sans-serif;min-width:30px;height:30px;border-radius:8px;border:1.2px solid var(--fbx-grey);background:#ffffffeb;color:var(--fbx-ink);cursor:pointer}.fbx-tools button:hover{border-color:var(--fbx-violet)}.fbx-tools button.on{border-color:var(--fbx-violet);color:var(--fbx-violet-deep);background:var(--fbx-lilac-pale)}.fbx-tools .sep{width:4px}@media(max-width:600px){.fbx-tools [data-zoom],.fbx-tools .sep{display:none}}.fbx:focus{outline:none}.fbx:focus-visible{outline:2px solid var(--fbx-violet);outline-offset:-2px}.fbx-keys{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;gap:4px;align-items:center;padding:7px 11px;border-radius:10px;background:#fffffff0;border:1.2px solid var(--fbx-grey);font:500 12px Inter,Archivo,sans-serif;color:#5e5d6b;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.fbx-keys.on{opacity:1;transform:none}.fbx-keys kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:5px;border:1.2px solid var(--fbx-grey);border-bottom-width:2.2px;background:#fff;font:600 11px Inter,sans-serif;color:var(--fbx-ink)}@media(prefers-reduced-motion:reduce){.fbx-keys{transition:none}}