.fn-flow{color:#d8e2f1;background:#111827;border:1px solid #34445e;border-radius:7px;width:100%;min-width:0;max-width:100%;margin:28px 0;font-family:system-ui,-apple-system,PingFang SC,sans-serif;line-height:1.7;overflow:hidden}.fn-flow-toolbar{background:#1a2434;border-bottom:1px solid #34445e;justify-content:space-between;align-items:center;gap:16px;padding:11px 15px;display:flex}.fn-flow-heading{color:#b8c9e2;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.fn-flow-heading>svg{color:#7ba4ef;flex-shrink:0}.fn-flow-heading>small{color:#7890b0;white-space:nowrap;margin-left:5px;font-size:9px}.fn-flow-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.fn-flow button{color:#9eb4d4;font:10px/1.6 system-ui,sans-serif}.fn-flow-actions button{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:3px;display:inline-flex}.fn-flow-actions button:hover{color:#e0edff}.fn-flow button:disabled{opacity:.4;cursor:default}:is(.fn-flow button:focus-visible,.fn-flow summary:focus-visible){outline-offset:4px;outline:2px solid #7ba4ef}.fn-flow .fn-flow-preview{cursor:zoom-in;background:#111827;border:0;width:100%;height:clamp(220px,38vw,460px);padding:12px;display:block;position:relative;overflow:hidden}.fn-flow-svg{width:100%;min-width:0;max-width:100%;height:100%;display:block}.fn-flow-preview-hint{color:#9db6dc;opacity:0;background:#17243be8;border:1px solid #405779;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;transition:opacity .18s;display:flex;position:absolute;bottom:13px;right:13px}:is(.fn-flow-preview:hover .fn-flow-preview-hint,.fn-flow-preview:focus-visible .fn-flow-preview-hint){opacity:1}.fn-flow-feedback:empty{display:none}.fn-flow-feedback{color:#7f9dc9;padding:0 15px 10px;font-size:10px;line-height:1.8}.fn-flow-error{font-size:10px;line-height:1.9;display:block;color:#ec8d78!important}.fn-flow-source{color:#7f97ba;background:#111b2a;border-top:1px solid #2c3b53;padding:10px 15px}.fn-flow-source>summary{cursor:pointer;align-items:center;gap:7px;font:10px/1.7 system-ui,sans-serif;list-style:none;display:flex}.fn-flow-source>summary:after{content:"＋";color:#617d9f;margin-left:auto;font:12px ui-monospace,monospace}.fn-flow-source[open]>summary:after{content:"−"}.fn-flow-source>summary::-webkit-details-marker{display:none}.fn-flow-source>pre,.article-prose .fn-flow-source>pre{white-space:pre;color:#94aecf;background:#101724;border:1px solid #2b3b54;border-radius:4px;max-height:360px;margin:14px 0 3px;padding:13px;font:10px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.fn-flow-source code,.article-prose .fn-flow-source code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.fn-flow-invalid{background:#261f25;border-color:#6a4b43;padding:18px 20px}.fn-flow-invalid>strong{color:#ecb7a8;font-size:12px;font-weight:500}.fn-flow-invalid>p{color:#bd9c96;font-size:11px;line-height:1.9;margin:8px 0 0!important}.fn-flow-dialog{color:#d8e2f1;background:#111827;border:1px solid #4a6184;border-radius:9px;width:min(1320px,94vw);max-width:94vw;max-height:94vh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #0007}.fn-flow-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030815df}.fn-flow-dialog-header{background:#1a2434;border-bottom:1px solid #34445e;justify-content:space-between;align-items:center;gap:20px;padding:15px 19px;display:flex}.fn-flow-dialog-header>div{align-items:center;gap:10px;display:flex}.fn-flow-dialog-header strong{font-size:13px;font-weight:500}.fn-flow-dialog-header>div>svg{color:#7ba4ef}.fn-flow-dialog-header>div>span{color:#7890b0;font-size:10px}.fn-flow .fn-flow-close{color:#a8bfdf;background:#152036;border:1px solid #435b7b;border-radius:4px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.fn-flow-modal-toolbar{background:#121d2e;border-bottom:1px solid #2e405a;justify-content:space-between;align-items:center;gap:18px;padding:10px 18px;display:flex}.fn-flow-zoom{align-items:center;gap:9px;display:flex}.fn-flow-zoom>button{color:#9ab7dd;background:#1a2940;border:1px solid #374e70;border-radius:3px;justify-content:center;align-items:center;width:25px;height:24px;display:flex}.fn-flow-zoom>span{color:#839cbe;text-align:center;min-width:32px;font:10px ui-monospace,monospace}.fn-flow-dialog-stage{scrollbar-width:thin;scrollbar-color:#465f85 #111827;background:#111827;height:min(66vh,760px);overflow:auto}.fn-flow-dialog-stage>div{min-width:100%;min-height:100%}.fn-flow-dialog-note{color:#728bac;border-top:1px solid #2c3b53;padding:10px 18px;font-size:9px;line-height:1.8}.fn-flow-spin{animation:1s linear infinite fn-flow-spin}@keyframes fn-flow-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.fn-flow{border-radius:5px;margin:23px 0}.fn-flow-toolbar{gap:10px;padding:10px 11px}.fn-flow-heading{gap:6px;font-size:10px}.fn-flow-heading>small{margin-left:1px;font-size:7px}.fn-flow-actions{gap:8px}.fn-flow-actions button{gap:3px;font-size:8px}.fn-flow-actions svg{width:11px;height:11px}.fn-flow .fn-flow-preview{height:245px;padding:7px}.fn-flow-preview-hint{opacity:1;padding:4px 6px;font-size:8px;bottom:10px;right:10px}.fn-flow-feedback{padding-inline:12px;font-size:9px}.fn-flow-source{padding:10px 12px}.fn-flow-source>summary{font-size:9px}.fn-flow-source>pre,.article-prose .fn-flow-source>pre{max-height:280px;padding:10px;font-size:9px}.fn-flow-dialog{border-radius:6px;width:96vw;max-width:96vw;max-height:94vh}.fn-flow-dialog-header{gap:12px;padding:12px 13px}.fn-flow-dialog-header>div{gap:7px}.fn-flow-dialog-header strong{font-size:11px}.fn-flow-dialog-header>div>span{font-size:8px}.fn-flow-modal-toolbar{gap:12px;padding:10px 12px}.fn-flow-zoom{gap:7px}.fn-flow-zoom>span{min-width:29px;font-size:9px}.fn-flow-dialog-stage{height:64vh}.fn-flow-dialog-note{padding:9px 12px;font-size:8px}}@media (max-width:380px){.fn-flow-heading>small{display:none}.fn-flow-actions{gap:7px}}@media (prefers-reduced-motion:reduce){.fn-flow-spin{animation:none}.fn-flow-preview-hint{transition:none}}@media print{.fn-flow{break-inside:avoid;border-color:#a8b6ca}.fn-flow-actions,.fn-flow-source,.fn-flow-feedback,.fn-flow-preview-hint,.fn-flow-dialog{display:none!important}.fn-flow .fn-flow-preview{height:320px}.fn-flow-toolbar{background:#e2e9f3}.fn-flow-heading,.fn-flow-heading>small{color:#33455f}}
