.demo-video[data-astro-cid-qsqnlo3h]{position:relative;overflow:hidden;border-radius:var(--demo-video-radius, 12px);background:var(--surface-tile)}.demo-video[data-astro-cid-qsqnlo3h] img,.demo-video[data-astro-cid-qsqnlo3h] video{display:block;width:100%;height:100%;object-fit:cover}.demo-video[data-astro-cid-qsqnlo3h] video{position:absolute;inset:0}.demo-video-status[data-astro-cid-qsqnlo3h]{position:absolute;right:8px;bottom:8px;left:8px;margin:0;border-radius:8px;padding:7px 10px;background:var(--media-scrim);color:var(--text-on-strong);font-size:12px;line-height:1.5;text-align:center;pointer-events:none}.demo-video-status[data-astro-cid-qsqnlo3h]:empty{display:none}.demo-video-button[data-astro-cid-qsqnlo3h]{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--media-scrim);box-shadow:0 0 0 1px var(--media-scrim-ring);color:var(--text-on-strong);cursor:pointer;translate:-50% -50%;transition:opacity var(--duration-base) var(--ease-standard);backdrop-filter:blur(8px)}.demo-video-button[data-astro-cid-qsqnlo3h] svg{fill:currentColor;stroke:none}.demo-video[data-astro-cid-qsqnlo3h] .demo-video-pause,.demo-video[data-astro-cid-qsqnlo3h][data-state=playing] .demo-video-play{display:none}.demo-video[data-astro-cid-qsqnlo3h][data-state=playing] .demo-video-pause{display:block}.demo-video[data-astro-cid-qsqnlo3h][data-state=loading] .demo-video-play{display:none}.demo-video[data-astro-cid-qsqnlo3h][data-state=loading] .demo-video-pause{display:block}@media(hover:hover)and (pointer:fine){.demo-video[data-astro-cid-qsqnlo3h][data-state=playing] .demo-video-button[data-astro-cid-qsqnlo3h]{opacity:0}.demo-video[data-astro-cid-qsqnlo3h][data-state=playing]:hover .demo-video-button[data-astro-cid-qsqnlo3h],.demo-video[data-astro-cid-qsqnlo3h] .demo-video-button[data-astro-cid-qsqnlo3h]:focus-visible{opacity:1}}.wf-tabs[data-astro-cid-sj3pve35]{display:flex;justify-content:safe center;gap:6px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.wf-tab[data-astro-cid-sj3pve35]{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 18px;border-radius:14px;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.wf-tab[data-astro-cid-sj3pve35] b[data-astro-cid-sj3pve35]{font-size:15px;font-weight:600}.wf-tab[data-astro-cid-sj3pve35] span[data-astro-cid-sj3pve35]{color:var(--text-muted);font-size:12.5px}.wf-tab[data-astro-cid-sj3pve35]:hover{color:var(--text-primary)}.wf-tab[data-astro-cid-sj3pve35]:focus-visible{outline-offset:-2px}.wf-tab[data-astro-cid-sj3pve35][aria-selected=true]{background:var(--surface-active);box-shadow:var(--ring-active);color:var(--text-primary)}.wf-tab[data-astro-cid-sj3pve35][aria-selected=true] b[data-astro-cid-sj3pve35]{color:var(--primary-strong)}.wf-stage[data-astro-cid-sj3pve35]{position:relative;height:640px;overflow:hidden;border-radius:28px}.wf-stage[data-astro-cid-sj3pve35][hidden]{display:none}.wf-board[data-astro-cid-sj3pve35]{position:absolute;inset:0;background-color:var(--surface);background-image:radial-gradient(var(--dot-color) 1px,transparent 1.2px);background-size:22px 22px}.wf-viewport[data-astro-cid-sj3pve35]{position:absolute;inset:20px 360px 20px 20px;overflow:hidden;container-type:size;touch-action:pan-y pinch-zoom}[data-astro-cid-sj3pve35][data-zoomed] .wf-viewport[data-astro-cid-sj3pve35]{cursor:grab;touch-action:none}[data-astro-cid-sj3pve35][data-dragging] .wf-viewport[data-astro-cid-sj3pve35]{cursor:grabbing}.wf-world[data-astro-cid-sj3pve35]{--pad: 40px;--zoom: 1;--pan-x: 0px;--pan-y: 0px;--unit: min((100cqw - 2 * var(--pad)) / var(--graph-w), (100cqh - 2 * var(--pad)) / var(--graph-h));position:absolute;top:50%;left:50%;width:calc(var(--unit) * var(--graph-w) * var(--zoom));height:calc(var(--unit) * var(--graph-h) * var(--zoom));translate:calc(-50% + var(--pan-x)) calc(-50% + var(--pan-y));transition:width var(--duration-slow) var(--ease-standard),height var(--duration-slow) var(--ease-standard),translate var(--duration-slow) var(--ease-standard)}[data-astro-cid-sj3pve35][data-dragging] .wf-world[data-astro-cid-sj3pve35]{transition:none}.wf-edges[data-astro-cid-sj3pve35]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wf-edges[data-astro-cid-sj3pve35] path[data-astro-cid-sj3pve35]{fill:none;stroke:var(--text-muted);stroke-width:1.6;opacity:.45;vector-effect:non-scaling-stroke;transition:stroke var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.wf-edges[data-astro-cid-sj3pve35] path[data-astro-cid-sj3pve35]:nth-child(2n){opacity:.32}.wf-edges[data-astro-cid-sj3pve35] path[data-astro-cid-sj3pve35].is-hot{stroke:var(--primary);opacity:.9}.wf-node[data-astro-cid-sj3pve35]{position:absolute;z-index:2;padding:0;border:1px solid var(--border-paper);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-float);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.wf-node[data-astro-cid-sj3pve35]:hover{border-color:var(--border-strong)}.wf-node[data-astro-cid-sj3pve35][aria-pressed=true]{z-index:3;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring),var(--shadow-float)}.wf-node[data-astro-cid-sj3pve35]>img[data-astro-cid-sj3pve35]{position:absolute;inset:0;width:100%;height:100%;border-radius:9px;object-fit:cover}.wf-node-label[data-astro-cid-sj3pve35]{position:absolute;bottom:calc(100% + 6px);left:0;display:inline-flex;align-items:center;gap:5px;max-width:190px;height:20px;padding:0 7px 0 4px;overflow:hidden;border-radius:7px;background:var(--surface-glass);box-shadow:0 0 0 1px var(--border-paper);color:var(--text-primary);font-size:11px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.wf-node-icon[data-astro-cid-sj3pve35]{display:grid;flex:none;place-items:center;width:14px;height:14px;color:var(--node-tone)}.tone-upload[data-astro-cid-sj3pve35]{--node-tone: var(--node-upload)}.tone-text[data-astro-cid-sj3pve35]{--node-tone: var(--node-text)}.tone-image[data-astro-cid-sj3pve35]{--node-tone: var(--node-image)}.tone-video[data-astro-cid-sj3pve35]{--node-tone: var(--node-video)}.tone-audio[data-astro-cid-sj3pve35]{--node-tone: var(--node-audio)}.wf-node-text[data-astro-cid-sj3pve35]{position:absolute;inset:0;padding:8px;overflow:hidden;color:var(--text-secondary);font-size:9px;line-height:1.5;text-align:left}.wf-node-play[data-astro-cid-sj3pve35]{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--media-scrim);color:var(--text-on-strong);translate:-50% -50%}.wf-node-play[data-astro-cid-sj3pve35] svg{fill:currentColor;stroke:none}.wf-port[data-astro-cid-sj3pve35]{position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary-ring)}.wf-port-in[data-astro-cid-sj3pve35]{left:-5px}.wf-port-out[data-astro-cid-sj3pve35]{right:-5px}.wf-zoombar[data-astro-cid-sj3pve35]{position:absolute;bottom:20px;left:20px;z-index:4;display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px}.wf-icon-button[data-astro-cid-sj3pve35]{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.wf-icon-button[data-astro-cid-sj3pve35]:hover,.wf-fit-button[data-astro-cid-sj3pve35]:hover{background:var(--surface-hover);color:var(--text-primary)}.wf-zoom-value[data-astro-cid-sj3pve35]{min-width:44px;color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.wf-fit-button[data-astro-cid-sj3pve35]{height:30px;padding:0 10px;border-radius:9px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.wf-panel[data-astro-cid-sj3pve35]{position:absolute;top:20px;right:20px;bottom:20px;z-index:4;display:flex;flex-direction:column;gap:10px;width:300px;padding:16px;border-radius:16px}.wf-panel-kind[data-astro-cid-sj3pve35]{color:var(--primary-strong);font-size:12px;font-weight:600}.wf-panel-title[data-astro-cid-sj3pve35]{margin:0;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.wf-panel-video[data-astro-cid-sj3pve35]{flex:none;aspect-ratio:16 / 9}.wf-panel-image[data-astro-cid-sj3pve35]{width:100%;max-height:330px;min-height:0;border-radius:12px;background:var(--primary-tint);object-fit:contain}.wf-panel-text[data-astro-cid-sj3pve35]{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:13px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:9}.wf-panel-inputs[data-astro-cid-sj3pve35]{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--border-paper);color:var(--text-muted);font-size:12.5px;line-height:1.7}@media(max-width:1023px){.wf-stage[data-astro-cid-sj3pve35]:not([data-zoomed]) .wf-node[data-astro-cid-sj3pve35][aria-pressed=false] .wf-node-label[data-astro-cid-sj3pve35]{display:none}.wf-viewport[data-astro-cid-sj3pve35]{inset:16px 296px 16px 16px}.wf-panel[data-astro-cid-sj3pve35]{top:16px;right:16px;bottom:16px;width:264px}.wf-zoombar[data-astro-cid-sj3pve35]{bottom:16px;left:16px}}@media(max-width:767px){.wf-tab[data-astro-cid-sj3pve35]{padding:10px 12px}.wf-tab[data-astro-cid-sj3pve35] b[data-astro-cid-sj3pve35]{font-size:14px}.wf-stage[data-astro-cid-sj3pve35]{display:flex;height:auto;flex-direction:column;border-radius:22px}.wf-board[data-astro-cid-sj3pve35]{position:relative;height:380px}.wf-viewport[data-astro-cid-sj3pve35]{inset:12px}.wf-world[data-astro-cid-sj3pve35]{--pad: 24px}.wf-zoombar[data-astro-cid-sj3pve35]{bottom:12px;left:12px}.wf-panel[data-astro-cid-sj3pve35]{position:static;width:auto;margin:0 12px 12px}.wf-panel-image[data-astro-cid-sj3pve35]{max-height:260px}.wf-panel-text[data-astro-cid-sj3pve35]{-webkit-line-clamp:6}}
