@font-face{font-family:GT Alpina;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/GT_Alpina/GT-Alpina-Standard-Light.woff2) format("woff2")}@font-face{font-family:GT Alpina;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GT_Alpina/GT-Alpina-Standard-Regular.woff2) format("woff2")}@font-face{font-family:GT Alpina;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/GT_Alpina/GT-Alpina-Standard-Medium.woff2) format("woff2")}@font-face{font-family:Cleric Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Cleric_Sans/Cleric-Sans-Text-300.woff2) format("woff2")}@font-face{font-family:Cleric Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Cleric_Sans/Cleric-Sans-Text-400.woff2) format("woff2")}@font-face{font-family:Cleric Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Cleric_Sans/Cleric-Sans-Text-500.woff2) format("woff2")}@font-face{font-family:Cleric Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Cleric_Sans/Cleric-Sans-Text-600.woff2) format("woff2")}.vloop{--white:#FFFFFF;--black:#000000;--gray-10:#F8F8F8;--gray-20:#F2F2F2;--gray-30:#EAEAEA;--gray-40:#E0E0E0;--gray-60:#969798;--gray-70:#6B6B6B;--gray-90:#313131;--tan-10:#FBFBFA;--tan-20:#F7F7F5;--tan-30:#ECECE9;--tan-40:#D7D7D4;--sky-50:#3967C8;--grapefruit-50:#FE9376;--grapefruit-60:#E2684B;--grapefruit-70:#BF4636;--green-40:#6FB77F;--green-50:#3AA04B;--green-60:#247F33;--green-70:#12681E;--red-50:#FF6778;--red-60:#EA445C;--red-70:#CC3A56;--bg0: #000000;--bg1: #0a0a0b;--stage-bg: radial-gradient(120% 90% at 50% -10%, #131314 0%, var(--bg1) 45%, var(--bg0) 100%);--surface: #121214;--surface2: #18181b;--border: #2b2b2e;--border2: #3a3a3e;--grid-line: rgba(255,255,255,.022);--vignette: inset 0 0 320px 60px rgba(0,0,0,.65);--pop-shadow: 0 6px 20px -14px rgba(0,0,0,.5);--text: var(--white);--muted: var(--gray-60);--faint: var(--gray-70);--accent: var(--sky-50);--accent-line: #5b84d8;--accent-soft: rgba(57,103,200,.16);--accent-bg: rgba(57,103,200,.1);--good: var(--green-40);--good-soft: rgba(111,183,127,.16);--good-bg: rgba(111,183,127,.09);--bad: var(--red-50);--bad-soft: rgba(255,103,120,.18);--bad-bg: rgba(255,103,120,.09);--warn: var(--grapefruit-50);--warn-soft: rgba(254,147,118,.2);--warn-bg: rgba(254,147,118,.1);--fs-display: 64px;--fs-status: 38px;--fs-title: 26px;--fs-lg: 20px;--fs-md: 16px;--fs-xs: 13px;--radius: 16px;--font: "Cleric Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif: "GT Alpina", Georgia, "Times New Roman", serif;--mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, monospace}.vloop.light{--bg0: var(--tan-10);--bg1: #FFFFFF;--stage-bg: radial-gradient(120% 90% at 50% -10%, #FFFFFF 0%, var(--tan-10) 55%, #F4F4F2 100%);--surface: #FFFFFF;--surface2: var(--tan-20);--border: var(--tan-30);--border2: var(--tan-40);--grid-line: rgba(49,49,49,.045);--vignette: inset 0 0 260px 40px rgba(120,118,110,.1);--pop-shadow: 0 4px 16px -12px rgba(40,40,38,.14), 0 1px 2px rgba(40,40,38,.05);--text: var(--gray-90);--muted: var(--gray-70);--faint: var(--gray-60);--accent-line: var(--sky-50);--accent-soft: rgba(57,103,200,.16);--accent-bg: rgba(57,103,200,.07);--good: var(--green-60);--good-soft: rgba(36,127,51,.2);--good-bg: rgba(36,127,51,.07);--bad: var(--red-70);--bad-soft: rgba(204,58,86,.22);--bad-bg: rgba(204,58,86,.06);--warn: var(--grapefruit-70);--warn-soft: rgba(191,70,54,.22);--warn-bg: rgba(191,70,54,.06)}.vloop,.vloop *{box-sizing:border-box;margin:0;padding:0}.vloop{width:100%;height:100%;background:var(--bg0);overflow:hidden;font-family:var(--font);font-feature-settings:"salt" 1;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.vloop #viewport{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg0)}.vloop #stage{position:relative;width:1920px;height:1080px;transform-origin:center center;background:var(--stage-bg);overflow:hidden}.vloop #stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(95% 80% at 50% 45%,#000 35%,transparent 100%);pointer-events:none}.vloop #stage:after{content:"";position:absolute;inset:0;box-shadow:var(--vignette);pointer-events:none}.vloop .layer{position:absolute;inset:0}.vloop #heading{position:absolute;top:70px;left:0;right:0;text-align:center;padding:0 120px}.vloop #heading .h-line{display:inline-block;font-family:var(--serif);font-size:var(--fs-display);line-height:1.1;font-weight:400;letter-spacing:-.01em;color:var(--text)}.vloop #heading .h-line .accent{color:var(--accent)}.vloop #heading .h-sub{margin-top:14px;font-size:var(--fs-title);color:var(--muted);font-weight:400;letter-spacing:.01em}.vloop #table-layer{opacity:1}.vloop .tbl-head{position:absolute;top:250px;left:0;right:0;height:60px}.vloop .col-title{position:absolute;top:0;transform:translate(-50%);font-size:var(--fs-lg);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.vloop .col-title.name{transform:none;left:232px;text-align:left}.vloop #pr-counter{display:inline-flex;align-items:center;gap:8px;margin-left:12px;padding:2px 12px;border-radius:999px;font-variant-numeric:tabular-nums;font-size:var(--fs-lg);font-weight:700;color:var(--muted);background:var(--surface2);border:1px solid var(--border2);vertical-align:middle}.vloop .col-guide{position:absolute;top:312px;width:1px;height:0;background:linear-gradient(to bottom,var(--border2),transparent);opacity:0}.vloop .row{position:absolute;left:0;right:0;height:84px;opacity:0}.vloop .row .rname{position:absolute;left:232px;top:50%;transform:translateY(-50%);font-size:var(--fs-lg);font-weight:500;color:var(--text);white-space:nowrap}.vloop .cell{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;transform:translate(-50%);border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center}.vloop .cell .ic{width:28px;height:28px;display:grid;place-items:center}.vloop .ic-check svg{width:26px;height:26px}.vloop .ic-pr svg{width:27px;height:27px}.vloop .cell.empty{background:transparent;border-style:dashed;border-color:var(--border)}.vloop .cell.past{background:var(--surface2);border-color:var(--border)}.vloop .cell.past .ic-check svg{stroke:var(--faint)}.vloop .cell.active{background:var(--good-bg);border-color:var(--good-soft)}.vloop .cell.active .ic-check svg{stroke:var(--good)}.vloop .cell.active.pr{background:var(--warn-bg);border-color:var(--warn-soft)}.vloop .cell.active.pr .ic-pr svg{stroke:var(--warn)}.vloop #diagram-layer{opacity:0}.vloop #wires{position:absolute;inset:0;pointer-events:none}.vloop .node{position:absolute;width:138px;height:96px;margin-left:-69px;margin-top:-48px;border-radius:18px;background:var(--surface);border:1.5px solid var(--border);display:grid;place-items:center;opacity:0}.vloop .node .num{position:absolute;top:8px;left:10px;font-size:var(--fs-xs);font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.vloop .node .glyph{width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}.vloop .node .glyph svg{width:36px;height:36px;stroke:currentColor;fill:none}.vloop .node .nlabel{position:absolute;top:108px;left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;font-size:var(--fs-lg);font-weight:500;color:var(--muted);letter-spacing:.005em}.vloop .node .nlabel{background:var(--bg1);padding:2px 9px;border-radius:7px}.vloop .node.agent,.vloop .node.cleric{border-color:var(--border2)}.vloop .node.active{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.vloop .node.active.agentside{border:2px solid var(--text);background:var(--surface2)}.vloop .node.active .glyph,.vloop .node.active .nlabel{color:var(--text)}.vloop .node.done{border:2px solid var(--good);background:color-mix(in srgb,var(--good) 13%,var(--surface))}.vloop .node.done .glyph,.vloop .node.done .nlabel{color:var(--good)}.vloop .node.fail{border:2px solid var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--surface))}.vloop .node.fail .glyph,.vloop .node.fail .nlabel{color:var(--bad)}.vloop #divider{position:absolute;width:2px;margin-left:-1px;background:repeating-linear-gradient(to bottom,var(--faint) 0 9px,transparent 9px 18px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);opacity:0}.vloop #phases{position:absolute;inset:0;opacity:0;pointer-events:none}.vloop .pcap{position:absolute;top:256px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;text-align:center}.vloop .pcap-head{display:flex;align-items:center;justify-content:center;min-height:34px}.vloop .pcap-title{font-size:var(--fs-title);font-weight:600;letter-spacing:.02em;color:var(--text)}.vloop .pcap-sub{margin-top:8px;font-size:var(--fs-md);font-weight:400;letter-spacing:.01em;color:var(--faint)}.vloop #failure-node{position:absolute;width:210px;height:56px;margin-left:-105px;margin-top:-28px;border-radius:12px;background:color-mix(in srgb,var(--bad) 12%,var(--surface));border:1.5px dashed var(--bad-soft);display:grid;place-items:center;text-align:center;white-space:nowrap;font-size:var(--fs-lg);font-weight:600;color:var(--bad);opacity:0}.vloop #failure-node.hot{background:color-mix(in srgb,var(--bad) 18%,var(--surface));border-style:solid;border-color:var(--bad);color:var(--bad)}.vloop #travel-dot{position:absolute;left:0;top:0;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:var(--accent-line);opacity:0}.vloop #travel-dot.agentside{background:var(--text)}.vloop #travel-dot.failing{background:var(--bad)}.vloop #pr-payload{position:absolute;left:0;top:0;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:10px;background:var(--surface2);border:1.5px solid var(--border2);display:grid;place-items:center;opacity:0}.vloop #pr-payload .ic-pr svg{width:24px;height:24px;stroke:var(--text)}.vloop #checks-layer,.vloop #metrics-layer{opacity:0;pointer-events:none}.vloop .popover{position:absolute;border-radius:20px;background:var(--surface);border:1.5px solid var(--border2);box-shadow:var(--pop-shadow);padding:22px 28px}.vloop .mp-pointer{position:absolute;top:-10px;width:20px;height:20px;background:var(--surface);border-left:1.5px solid var(--border2);border-top:1.5px solid var(--border2);transform:translate(-50%) rotate(45deg)}.vloop .mp-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.vloop .mp-badge{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:5px 11px;border-radius:8px;align-self:center;background:var(--surface2);border:1px solid var(--border2)}.vloop .mp-title{font-family:var(--font);font-size:var(--fs-title);font-weight:600;color:var(--text)}.vloop .mp-sub{font-size:var(--fs-md);color:var(--muted)}.vloop .mp-gtitle{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.vloop .mp-div{width:1px;background:var(--border);align-self:stretch;margin:2px 6px}.vloop .checks-body{display:flex;gap:26px}.vloop .checks-col.risk{width:250px;flex:none}.vloop .checks-col.findings{flex:1.5}.vloop .checks-col.success{flex:1.05}.vloop .risk-level{display:inline-block;font-size:var(--fs-lg);font-weight:700;color:var(--bad);background:var(--bad-bg);border:1px solid var(--bad-soft);padding:4px 14px;border-radius:8px;margin-bottom:12px}.vloop .risk-expl{font-size:var(--fs-md);color:var(--muted);line-height:1.4}.vloop .finding{display:grid;grid-template-columns:28px 1fr;gap:0 15px;padding:11px 0;border-bottom:1px solid var(--border)}.vloop .fbox{grid-row:span 2;width:28px;height:28px;margin-top:2px;align-self:start;border-radius:8px;border:1.5px solid var(--border2);background:var(--surface2);display:grid;place-items:center}.vloop .fbox>*{grid-area:1 / 1}.vloop .fbox .spin{width:15px;height:15px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--muted)}.vloop .fbox svg{width:18px;height:18px;stroke:var(--good);opacity:0}.vloop .finding.done .fbox{background:var(--good-bg);border-color:var(--good-soft)}.vloop .finding.done .fbox .spin{display:none}.vloop .finding.done .fbox svg{opacity:1}.vloop .f-title{font-size:var(--fs-lg);font-weight:600;color:var(--text);display:block}.vloop .f-desc{font-size:var(--fs-md);color:var(--muted);line-height:1.34;margin-top:3px;display:block}.vloop .sc-group{margin-bottom:14px}.vloop .sc-h{font-size:var(--fs-md);font-weight:600;color:var(--muted);margin-bottom:7px}.vloop .sc-line{display:flex;align-items:center;gap:12px;font-size:var(--fs-md);color:var(--text);padding:5px 0}.vloop .sc-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.vloop #metrics-pop .mp-head{margin-bottom:18px}.vloop .mp-body{display:flex;gap:26px;align-items:stretch}.vloop .mp-group{display:flex;flex-direction:column;flex:1}.vloop .mp-cards{display:flex;gap:16px}.vloop .gcard{flex:1;min-width:0;border-radius:12px;background:var(--surface2);border:1px solid var(--border);padding:14px 16px 10px}.vloop .gc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.vloop .gc-label{font-size:var(--fs-md);font-weight:500;color:var(--text);white-space:nowrap}.vloop .gc-status{display:flex;align-items:center;flex:none}.vloop .gc-dot{width:10px;height:10px;border-radius:50%;background:var(--faint);display:none}.vloop .gcard.metric .gc-dot{display:inline-block}.vloop .gcard.metric.ok .gc-dot{background:var(--good)}.vloop .gcard.metric.bad .gc-dot{background:var(--bad)}.vloop .gc-check{width:20px;height:20px;display:none;place-items:center}.vloop .gc-check svg{width:18px;height:18px;stroke:var(--good)}.vloop .gcard.kpi.ok .gc-check{display:grid}.vloop .gc-pending{font-size:var(--fs-xs);color:var(--faint);font-style:italic;display:none}.vloop .gcard.kpi:not(.ok) .gc-pending{display:inline}.vloop .gc-valrow{display:flex;align-items:baseline;gap:8px;margin:6px 0 8px;min-height:32px}.vloop .gc-val{font-size:var(--fs-title);font-weight:600;color:var(--text);opacity:0;font-variant-numeric:tabular-nums}.vloop .gcard.ok .gc-val{opacity:1}.vloop .gcard.bad .gc-val{opacity:1;color:var(--bad)}.vloop .gc-target{font-size:var(--fs-xs);color:var(--muted)}.vloop .spark{width:100%;height:50px;display:block;overflow:visible}.vloop .spark .area{fill:var(--good-bg);opacity:0}.vloop .spark .thresh{stroke:var(--border2);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.vloop .spark .line{fill:none;stroke:var(--faint);stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.vloop .gcard.ok .spark .line{stroke:var(--good)}.vloop .gcard.ok .spark .area{fill:var(--good-bg)}.vloop .gcard.bad .spark .line{stroke:var(--bad)}.vloop .gcard.bad .spark .area{fill:var(--bad-bg)}.vloop #heading .h-line{white-space:normal;max-width:1320px;margin:0 auto}.vloop #head-line{font-size:var(--fs-display);line-height:1.1}.vloop #head-sub{margin:52px auto 0;max-width:1100px;font-size:var(--fs-title);font-weight:400;line-height:1.4;color:var(--muted);letter-spacing:.005em}.vloop #seq-caption{position:absolute;top:884px;left:0;right:0;text-align:center;font-family:var(--font);font-size:var(--fs-status);font-weight:600;letter-spacing:-.01em;opacity:0;pointer-events:none}.vloop #seq-caption.red{color:var(--bad)}.vloop #seq-caption.blue{color:var(--accent)}.vloop #seq-caption.green{color:var(--good)}.vloop #failure-node{width:300px;height:72px;margin-left:-150px;margin-top:-36px;font-size:var(--fs-title);font-weight:700}.vloop .f-who{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--good);margin-bottom:3px}.vloop .finding.human .f-who{color:var(--warn)}.vloop .finding.human .fbox{border-color:var(--warn-soft);background:var(--warn-bg)}.vloop .finding.human.done .fbox{background:var(--warn-bg);border-color:var(--warn)}.vloop .finding.human .fbox svg{stroke:var(--warn)}.vloop #v3-cta{position:absolute;left:0;right:0;top:63%;text-align:center;font-size:var(--fs-lg);color:var(--muted);opacity:0}.vloop #v3-cta .url{color:var(--accent)}.vloop #v3-footer{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:var(--fs-md);color:var(--faint);letter-spacing:.02em}.vloop #v3-footer .url{color:var(--muted)}.vloop .spd-badge{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:var(--fs-lg);font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;background:var(--surface2);border:1px solid var(--border2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;opacity:0}.vloop .spd-badge .lbl{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.vloop .spd-badge.fast{color:var(--text);border-color:var(--border2);background:var(--surface2)}.vloop .spd-badge.med{color:var(--good);border-color:var(--good-soft);background:var(--good-bg)}.vloop .spd-badge.slow{color:var(--warn);border-color:var(--warn-soft);background:var(--warn-bg)}.vloop #human-zone{position:absolute;border-radius:22px;background:var(--warn-bg);border:1.5px dashed var(--warn-soft);opacity:0}.vloop #human-zone .hz-tag{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warn);background:var(--bg1);padding:3px 14px;border-radius:999px;border:1px solid var(--warn-soft);white-space:nowrap}.vloop .flow-token{position:absolute;left:0;top:0;width:150px;height:22px;margin-left:-75px;margin-top:-11px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);opacity:0}.vloop .flow-token:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:0 3px 3px 0;background:var(--warn)}.vloop #pile-counter{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-soft);white-space:nowrap;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vloop #pile-counter .pc-lbl{font-size:var(--fs-md);font-weight:600;letter-spacing:.04em;opacity:.85}.vloop #fb-dot{position:absolute;left:0;top:0;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:var(--accent-line);opacity:0}.vloop #fb-label{position:absolute;transform:translate(-50%,-50%);font-size:var(--fs-md);color:var(--accent);letter-spacing:.01em;background:var(--bg1);padding:5px 16px;border-radius:999px;border:1px solid var(--accent-soft);white-space:nowrap;opacity:0}.vloop #board-layer{opacity:1}.vloop .kb-lane{position:absolute;border-radius:18px;border:1px solid var(--border);background:var(--surface2);opacity:0}.vloop .kb-lane.hot{border-color:var(--warn-soft);background:var(--warn-bg)}.vloop .kb-lane.good{border-color:var(--good-soft);background:var(--good-bg)}.vloop .kb-head{position:absolute;transform:translate(-50%);font-size:var(--fs-lg);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:0}.vloop .kb-card{position:absolute;left:0;top:0;width:280px;height:58px;margin-left:-140px;margin-top:-29px;border-radius:12px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;gap:10px;padding:0 16px 0 20px;opacity:0}.vloop .kb-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--border2)}.vloop .kb-card .kc-title{flex:1;min-width:0;font-size:var(--fs-md);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vloop .kb-card .kc-check{width:22px;height:22px;display:none;flex:none}.vloop .kb-card .kc-check svg{width:22px;height:22px;stroke:var(--good);fill:none}.vloop .kb-card.queued:before{background:var(--warn)}.vloop .kb-card.validated{border-color:var(--good-soft);background:var(--good-bg)}.vloop .kb-card.validated:before{background:var(--good)}.vloop .kb-card.validated .kc-check{display:grid;place-items:center}.vloop #outro{display:grid;place-items:center;opacity:0}.vloop #outro .wordmark{width:420px;height:auto}.vloop #outro .wordmark path{fill:var(--text)}.vloop{width:100%;height:100%}.vloop #viewport{position:absolute;display:block}.vloop #stage{position:absolute;top:0;left:0}.vloop[data-mode=full]{position:fixed;inset:0;z-index:0}.vloop[data-mode=preview]{position:relative;aspect-ratio:1560 / 730;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--tan-30)}.vloop #stage{background:transparent}.vloop #stage:before{display:none}.vloop #stage:after{display:none}.vloop #viewport{background:var(--stage-bg);background-attachment:local}.vloop #viewport:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.vloop[data-mode=preview] #heading,.vloop[data-mode=preview] #outro,.vloop[data-mode=preview] #pile-counter,.vloop[data-mode=preview] .spd-badge,.vloop[data-mode=preview] #human-zone,.vloop[data-mode=preview] .flow-token{display:none!important}.vloop #nodes .node{width:138px;height:96px;display:grid;place-items:center}.vloop .rotate-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:3;display:none;align-items:center;gap:9px;padding:10px 16px;font-family:var(--font);font-size:var(--fs-md);font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--pop-shadow);white-space:nowrap;pointer-events:none}.vloop .rotate-hint svg{width:18px;height:18px;stroke:var(--muted)}.vloop.show-rotate-hint .rotate-hint{display:inline-flex}.vloop-link{display:block;text-decoration:none;color:inherit;position:relative}.vloop-link .vloop-expand{position:absolute;top:12px;right:12px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;font-family:var(--font, sans-serif);font-size:13px;font-weight:500;color:#313131;background:#ffffffdb;border:1px solid #ECECE9;border-radius:999px;backdrop-filter:blur(6px);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.vloop-link .vloop-expand svg{width:15px;height:15px;stroke:#313131;fill:none}.vloop-link:hover .vloop-expand,.vloop-link:focus-visible .vloop-expand{opacity:1;transform:translateY(0)}