.zv-flow-test{--fp-panel:#fff;--fp-surface:#f3f7fa;--fp-text:#17283a;--fp-muted:#687e91;--fp-line:#dce5ed;--fp-brand:#20c94a;position:fixed;inset:0;margin:auto;width:min(1000px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--fp-line);border-radius:16px;background:var(--fp-panel);color:var(--fp-text);font-family:inherit;font-size:13px;box-shadow:0 24px 90px #0005;overflow:hidden}.dark .zv-flow-test{--fp-panel:#132330;--fp-surface:#0b1924;--fp-text:#e1eaf1;--fp-muted:#9eb1c0;--fp-line:#2a4050}.zv-flow-test[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.zv-flow-test *{box-sizing:border-box}.zv-flow-test::backdrop{background:#06121ebd}.zv-flow-test .fp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--fp-line)}.zv-flow-test h2{font-size:20px;font-weight:750;margin:0 0 4px}.zv-flow-test h3{font-size:12px;font-weight:750;margin:22px 0 10px}.zv-flow-test .fp-muted{color:var(--fp-muted);font-size:12px;line-height:1.6;margin:0}.zv-flow-test .fp-close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:transparent;color:inherit;border:1px solid var(--fp-line);border-radius:9px;font-size:25px;cursor:pointer}.zv-flow-test .fp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0}.zv-flow-test .fp-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--fp-surface)}.zv-flow-test .fp-local{font-size:11px;line-height:1.6;color:var(--fp-muted);margin:0;padding:14px 20px;border-bottom:1px solid var(--fp-line)}.zv-flow-test .fp-transcript{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:12px}.zv-flow-test .fp-bubble{padding:12px 15px;max-width:90%;border-radius:4px 14px 14px;background:var(--fp-panel);border:1px solid var(--fp-line);margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;align-self:flex-start}.zv-flow-test .fp-client{align-self:flex-end;background:#20c94a16;border-color:#20c94a44;border-radius:14px 4px 14px 14px;min-width:38px;text-align:right}.zv-flow-test .fp-result{background:#20c94a0c;border-color:#20c94a55;font-size:12px;max-width:100%}.zv-flow-test .fp-choices{display:flex;gap:7px;flex-wrap:wrap;padding:10px 20px;max-height:125px;overflow:auto}.zv-flow-test .fp-choice{padding:7px 10px;border:1px solid var(--fp-line);border-radius:8px;background:var(--fp-panel);color:inherit;font-size:12px;cursor:pointer}.zv-flow-test .fp-composer{display:flex;align-items:center;gap:10px;margin:0;padding:14px 20px;border-top:1px solid var(--fp-line);background:var(--fp-panel)}.zv-flow-test input{font:inherit;min-width:0;flex:1;padding:10px 12px;min-height:42px;border:1px solid var(--fp-line);border-radius:9px;background:var(--fp-surface);color:inherit}.zv-flow-test .fp-side{min-width:0;overflow:auto;overscroll-behavior:contain;padding:20px;border-left:1px solid var(--fp-line)}.zv-flow-test .fp-status{padding:11px 12px;border:1px solid #20c94a44;border-radius:10px;background:#20c94a0c;font-size:12px;font-weight:700;margin-bottom:12px}.zv-flow-test .fp-status-error{border-color:#ef526255;background:#ef526212}.zv-flow-test ul{padding-left:18px;margin:0;font-size:12px;line-height:1.6}.zv-flow-test li{margin:0 0 9px}.zv-flow-test .fp-errors{color:#b52c42}.dark .zv-flow-test .fp-errors{color:#ff9ba9}.zv-flow-test .fp-warnings{color:#997016}.dark .zv-flow-test .fp-warnings{color:#e9c075}.zv-flow-test .fp-trail{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 16px;color:var(--fp-muted)}.zv-flow-test .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--fp-line);border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;padding:9px 13px;background:transparent;color:inherit;cursor:pointer}.zv-flow-test .btn.primary{background:var(--fp-brand);color:#05250e;border-color:transparent}.zv-flow-test button:disabled,.zv-flow-test input:disabled{opacity:.55;cursor:not-allowed}.zv-flow-test :is(button,input):focus-visible{outline:2px solid #20c94a;outline-offset:3px}.flow-page .flow-test-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(max-width:700px){.zv-flow-test{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.zv-flow-test .fp-workspace{display:flex;flex-direction:column}.zv-flow-test .fp-side{order:-1;max-height:160px;flex-shrink:0;border-left:0;border-bottom:1px solid var(--fp-line);padding:14px}.zv-flow-test .fp-chat{flex:1;min-height:0}.zv-flow-test .fp-head{padding:15px}.zv-flow-test .fp-composer,.zv-flow-test .fp-transcript,.zv-flow-test .fp-choices{padding:12px}.zv-flow-test .fp-side h3{margin-top:12px}.zv-flow-test .fp-local{padding:9px 12px}.zv-flow-test .fp-bubble{max-width:96%}.zv-flow-test .fp-choices{max-height:105px}}