.csf-fig .csf-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 580}.csf-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.csf{--csf-ink: #0E1633;--csf-muted: #555555;--csf-line: #E5E5E5;--csf-panel: #F8F8F8;--csf-teal: #257E8A;--csf-teal-soft: #E3F1F3;--csf-blue: #2E5E98;--csf-blue-soft: #E7EEF8;--csf-green: #3F6E54;--csf-green-soft: #E6EFE9;--csf-amber: #8F5A0A;--csf-amber-soft: #F6EBD8;--csf-red: #6E4508;--csf-red-soft: #F1DDB6;width:960px;height:580px;padding:20px 24px;border-radius:16px;background:#fff;color:var(--csf-ink);border:1px solid var(--csf-line);box-shadow:0 30px 60px -30px #0e163359;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:14px;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.csf *,.csf *:before,.csf *:after{box-sizing:border-box}.csf svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.csf-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.csf-h{display:block;font-size:17px;font-weight:800}.csf-sub{display:block;font-size:11.5px;color:var(--csf-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.csf-pill{display:grid;justify-items:end}.csf-pill>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:opacity .3s}.csf-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.csf-pill b{font-weight:800}.csf-pill-a{color:var(--csf-teal);background:var(--csf-teal-soft);opacity:0}.csf-pill-b{color:var(--csf-green);background:var(--csf-green-soft)}.csf-sec{display:block;font-size:10px;font-weight:800;color:var(--csf-muted);letter-spacing:.08em;text-transform:uppercase}.csf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0}.csf-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid var(--csf-line);border-radius:12px;background:#fff;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .4s}.csf-ct{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800}.csf-ct b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;background:var(--csf-teal);color:#fff;transition:background .3s}.csf-how{font-size:10.5px;font-weight:700;color:var(--csf-muted);padding:0 2px}.csf-frame{border:1px solid var(--csf-line);border-radius:9px;overflow:hidden;background:var(--csf-panel);min-height:0}.csf-q{justify-self:end;font-size:10.5px;font-weight:700;color:#fff;background:var(--csf-blue);padding:6px 9px;border-radius:10px 10px 3px;line-height:1.35;transition:opacity .3s,transform .3s}.csf-a{position:relative;font-size:10.5px;background:#fff;border:1px solid var(--csf-line);padding:6px 9px;border-radius:10px 10px 10px 3px;line-height:1.4;transition:opacity .3s,transform .3s}.csf-a p{margin:0;transition:opacity .3s}.csf-src{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:9.5px;font-weight:800;color:var(--csf-teal);background:var(--csf-teal-soft);padding:1px 7px;border-radius:999px;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1)}.csf-typing{position:absolute;left:10px;top:50%;margin-top:-3px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.csf-typing i{width:6px;height:6px;border-radius:50%;background:var(--csf-muted);animation:csf-dot 1s ease-in-out infinite}.csf-typing i:nth-child(2){animation-delay:.15s}.csf-typing i:nth-child(3){animation-delay:.3s}@keyframes csf-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.csf-ph{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--csf-muted)}.csf-av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:8.5px;font-weight:800;color:var(--csf-blue);background:var(--csf-blue-soft)}.csf-av-bot{background:var(--csf-teal)}.csf-app{display:grid;grid-template-rows:auto minmax(0,1fr)}.csf-appbar{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;padding:6px 9px;background:#fff;border-bottom:1px solid var(--csf-line)}.csf-logo{width:12px;height:12px;border-radius:3px;background:var(--csf-teal)}.csf-appbody{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:0}.csf-table{display:grid;align-content:start;gap:7px;padding:9px 8px}.csf-tl{font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--csf-muted)}.csf-dep{display:grid;gap:3px;font-size:9.5px;font-weight:700}.csf-dbar{position:relative;height:5px;border-radius:3px;background:#e4e8ef}.csf-dbar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--csf-green)}.csf-low .csf-dbar i{background:var(--csf-amber)}.csf-dbar u{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--csf-ink);text-decoration:none}.csf-low>span:first-child{color:var(--csf-amber);transition:color .3s}.csf-panel{display:grid;align-content:start;gap:7px;padding:9px;background:#fff;border-left:1px solid var(--csf-line);box-shadow:-6px 0 12px -10px #0e163359;transition:transform .45s cubic-bezier(.22,1,.36,1)}.csf-chatapp{display:grid;grid-template-columns:26px minmax(0,1fr);background:#fff}.csf-rail{display:grid;align-content:start;justify-items:center;gap:8px;padding:9px 0;background:var(--csf-panel);border-right:1px solid var(--csf-line)}.csf-rail i{width:12px;height:12px;border-radius:3px;background:#d3d9e3}.csf-rail i.on{background:var(--csf-muted)}.csf-chatmain{display:grid;align-content:start;gap:8px;padding:0 9px 9px}.csf-chathead{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;padding:7px 0;border-bottom:1px solid var(--csf-line)}.csf-bot{width:12px;height:12px;border-radius:50%;background:var(--csf-teal)}.csf-msg{display:flex;gap:6px;align-items:flex-start}.csf-msg-u{flex-direction:row-reverse}.csf-msg .csf-a{background:var(--csf-panel)}.csf-studio{display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.csf-nodes{display:grid;gap:5px;padding:9px;background:var(--csf-panel);border-bottom:1px solid var(--csf-line);position:relative}.csf-node{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 14px;gap:6px;align-items:center;padding:4px 7px;border-radius:7px;background:#fff;border:1px solid var(--csf-line);font-size:10px;font-weight:700;transition:border-color .3s,box-shadow .3s,opacity .3s}.csf-node em{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--csf-blue)}.csf-node:last-child em{color:var(--csf-amber)}.csf-node i{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:var(--csf-green);color:#fff;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}.csf-node i svg{width:10px;height:10px;stroke-width:2.4}.csf-test{display:grid;align-content:start;gap:6px;padding:8px 9px}.csf-rbac{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:stretch}.csf-deny{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto auto auto;gap:6px 14px;align-items:start;padding:10px 14px 12px;border:1px solid var(--csf-line);border-radius:12px;transition:border-color .3s,opacity .4s}.csf-deny .csf-sec{grid-column:1 / -1}.csf-dq{display:grid;gap:6px;grid-row:2 / 4}.csf-dq .csf-q{justify-self:start;border-radius:10px 10px 10px 3px}.csf-who{display:flex;align-items:center;gap:7px}.csf-who>span:last-child{display:grid}.csf-who b{font-size:11px;font-weight:800}.csf-who small{font-size:9.5px;color:var(--csf-muted);font-weight:700}.csf-check{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--csf-muted);transition:opacity .3s}.csf-check svg{width:13px;height:13px}.csf-a-deny{background:var(--csf-red-soft);border-color:#b23a2b40;font-size:11px}.csf-a-deny p{display:flex;gap:8px;align-items:flex-start}.csf-a-deny p>i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--csf-red);color:#fff;flex-shrink:0}.csf-a-deny p>i svg{width:14px;height:14px}.csf-a-deny b{color:var(--csf-red);font-weight:800}.csf-pr{list-style:none;margin:0;padding:12px 14px;display:grid;align-content:center;gap:9px;background:var(--csf-panel);border-radius:12px}.csf-pr li{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;transition:opacity .3s,transform .3s}.csf-pr li i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--csf-green);color:#fff;flex-shrink:0}.csf-pr li i svg{width:12px;height:12px;stroke-width:2.4}.csf.csf-armed:not(.f-done) .csf-pill-a{opacity:1}.csf.csf-armed:not(.f-done) .csf-pill-b{opacity:0}.csf.csf-armed .csf-card:not(.on){opacity:.4;transform:scale(.985)}.csf.csf-armed .csf-card:not(.on) .csf-ct b{background:var(--csf-muted)}.csf.csf-armed .csf-card.cur{border-color:var(--csf-teal);box-shadow:0 14px 28px -18px #0e163373;transform:translateY(-3px)}.csf.csf-armed .csf-convo:not(.asked) .csf-q{opacity:0;transform:translateY(5px)}.csf.csf-armed .csf-convo:not(.asked) .csf-a{opacity:0;transform:translateY(5px)}.csf.csf-armed .csf-convo.asked:not(.answered) .csf-typing{opacity:1}.csf.csf-armed .csf-convo:not(.answered) .csf-a p{opacity:0}.csf.csf-armed .csf-convo:not(.answered) .csf-src{opacity:0;transform:scale(.6)}.csf.csf-armed .csf-convo:not(.asked) .csf-msg .csf-av{opacity:0}.csf-msg .csf-av{transition:opacity .3s}.csf.csf-armed .csf-deny:not(.answered) .csf-a-deny{background:#fff;border-color:var(--csf-line)}.csf.csf-armed .csf-card[data-card="0"]:not(.on) .csf-panel{transform:translate(100%)}.csf.csf-armed .csf-card[data-card="0"]:not(.answered-app) .csf-low>span:first-child{color:var(--csf-ink)}.csf.csf-armed .csf-node:not(.on){opacity:.5}.csf.csf-armed .csf-node:not(.on) i{opacity:0;transform:scale(.3)}.csf.csf-armed .csf-node.cur{border-color:var(--csf-teal);box-shadow:0 0 0 3px var(--csf-teal-soft)}.csf.csf-armed .csf-deny:not(.on){opacity:.4}.csf.csf-armed .csf-deny.on:not(.answered){border-color:var(--csf-teal)}.csf.csf-armed .csf-deny:not(.checking) .csf-check{opacity:0}.csf.csf-armed .csf-deny.answered .csf-check{opacity:.6}.csf.csf-armed .csf-deny.answered .csf-a-deny{animation:csf-shake .45s ease-in-out}@keyframes csf-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.csf.csf-armed .csf-pr li:not(.on){opacity:0;transform:translate(8px)}.csf.csf-narrow{width:360px;height:auto;padding:16px;grid-template-rows:auto}.csf.csf-narrow .csf-top{flex-direction:column;align-items:flex-start;gap:8px}.csf.csf-narrow .csf-pill{justify-items:start}.csf.csf-narrow .csf-cards{grid-template-columns:minmax(0,1fr);gap:12px}.csf.csf-narrow .csf-appbody{grid-template-columns:110px minmax(0,1fr)}.csf.csf-narrow .csf-rbac{grid-template-columns:minmax(0,1fr);gap:12px}.csf.csf-narrow .csf-deny{grid-template-columns:minmax(0,1fr)}.csf.csf-narrow .csf-dq{grid-row:auto}@media(prefers-reduced-motion:reduce){.csf *,.csf *:before,.csf *:after{animation:none!important;transition:none!important}}