:root{--vc-ink:#061b36;--vc-ink-soft:#18314d;--vc-paper:#f4f7fb;--vc-white:#fff;--vc-line:#dce4ed;--vc-muted:#6b7e94;--vc-mono:"IBM Plex Mono", ui-monospace, monospace;--vc-body:"Manrope", system-ui, sans-serif;--vc-display:"Unbounded", var(--vc-body);--vc-role-actors:#75879a;--vc-role-primary:#2f6df6;--vc-role-secondary:#2f9f6e;--vc-role-automation:#5a8f7a;--vc-role-exception:#d38f21;--vc-role-support:#7a56b2;--vc-role-system:#376db9;--vc-role-external:#2f9f6e;--vc-tone-live:#186b4a;--vc-tone-partial:#8d6210;--vc-tone-planned:#5a44a0;--vc-edge-main:#235fae;--vc-edge-secondary:#7d8ea3;--vc-edge-sync:#7892ad;--vc-edge-actor:#536b84;--vc-edge-exception:#c98518;--vc-edge-external:#278c61}.vc-viewport{--grid-size:24px;--grid-x:0px;--grid-y:0px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f6f8;outline:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.vc-viewport:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#75879a7a 1px,#0000 1.2px);background-size:var(--grid-size) var(--grid-size);background-position:var(--grid-x) var(--grid-y);position:absolute;inset:0}.vc-viewport.is-panning,.vc-viewport.is-pinching{cursor:grabbing}.vc-world{z-index:1;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.vc-lanes{position:absolute;inset:0}.vc-lane{background:#fff6;border:1px solid #2c425c1a;border-radius:24px;position:absolute;left:0;right:0}.vc-lane-label{color:var(--vc-muted);font:650 10px / 1 var(--vc-mono);letter-spacing:.11em;text-transform:uppercase;position:absolute;top:16px;left:20px}.vc-lane.vc-role-primary{border-color:color-mix(in srgb, var(--vc-role-primary) 25%, transparent)}.vc-lane.vc-role-secondary{border-color:color-mix(in srgb, var(--vc-role-secondary) 25%, transparent)}.vc-lane.vc-role-exception{border-color:color-mix(in srgb, var(--vc-role-exception) 25%, transparent)}.vc-lane.vc-role-support{border-color:color-mix(in srgb, var(--vc-role-support) 25%, transparent)}.vc-lane.vc-role-system{border-color:color-mix(in srgb, var(--vc-role-system) 25%, transparent)}.vc-lane.vc-role-external{border-color:color-mix(in srgb, var(--vc-role-external) 25%, transparent)}.vc-stages{pointer-events:none;position:absolute;inset:0}.vc-stage{border-left:1px dashed #465b742e;position:absolute;top:0}.vc-stage-header{flex-direction:column;display:flex;position:absolute;top:-30px;left:18px}.vc-stage-label{font:650 12px / 1.2 var(--vc-body);color:var(--vc-ink)}.vc-stage-summary{font:500 9px / 1.3 var(--vc-mono);color:var(--vc-muted);margin-top:2px}.vc-edges{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.vc-edge path{fill:none;stroke-width:2.2px;vector-effect:non-scaling-stroke}.vc-edge-main path{stroke:var(--vc-edge-main);stroke-width:2.6px}.vc-edge-secondary path{stroke:var(--vc-edge-secondary)}.vc-edge-sync path{stroke:var(--vc-edge-sync);stroke-dasharray:7 7}.vc-edge-actor path{stroke:var(--vc-edge-actor);stroke-width:1.8px;stroke-dasharray:4 5}.vc-edge-exception path{stroke:var(--vc-edge-exception);stroke-dasharray:8 7}.vc-edge-external path{stroke:var(--vc-edge-external)}.vc-edge-label{fill:var(--vc-muted);font:600 9px var(--vc-mono);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:var(--vc-white);stroke-width:4px}.vc-marker path{fill:currentColor}.vc-marker-main{color:var(--vc-edge-main)}.vc-marker-secondary{color:var(--vc-edge-secondary)}.vc-marker-sync{color:var(--vc-edge-sync)}.vc-marker-actor{color:var(--vc-edge-actor)}.vc-marker-exception{color:var(--vc-edge-exception)}.vc-marker-external{color:var(--vc-edge-external)}.vc-nodes{z-index:3;position:absolute;inset:0}.vc-node{background:var(--vc-white);border:1px solid var(--vc-line);cursor:pointer;border-radius:18px;transition:filter .18s,box-shadow .18s,opacity .18s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #142c4814}.vc-node:hover{filter:brightness(1.015)}.vc-node:focus-visible{outline-offset:5px;outline:4px solid #2f6df657}.vc-node.selected{z-index:8;box-shadow:0 0 0 5px #2f6df62e,0 24px 60px #132b4733}.vc-node.dimmed{opacity:.25;filter:saturate(.55)}.vc-node.vc-shape-decision{border-radius:12px;transform:rotate(45deg)}.vc-node.vc-shape-decision .vc-caption{text-align:center;width:141%;height:141%;box-shadow:none;border:none;border-radius:0;justify-content:center;align-items:center;position:absolute;top:-20.5%;left:-20.5%;transform:rotate(-45deg)}.vc-caption{border-bottom:1px solid var(--vc-line);background:var(--vc-white);justify-content:space-between;align-items:center;gap:10px;height:47px;padding:0 12px;display:flex}.vc-caption-title{text-overflow:ellipsis;white-space:nowrap;font:650 10px / 1.2 var(--vc-body);color:var(--vc-ink);overflow:hidden}.vc-caption-subtitle{color:var(--vc-muted);font:500 7px / 1 var(--vc-mono);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.vc-caption-tag{color:#687b90;font:650 7px / 1 var(--vc-mono);background:#eef2f6;border-radius:7px;flex:none;padding:5px 7px}.vc-badge{font:700 6.5px / 1 var(--vc-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:6px;flex:none;padding:3px 7px}.vc-badge.vc-tone-live{color:var(--vc-tone-live);background:#e8f6ef;border-color:#a9dcc4}.vc-badge.vc-tone-partial{color:var(--vc-tone-partial);background:#fff5e2;border-color:#e8cb92}.vc-badge.vc-tone-planned{color:var(--vc-tone-planned);background:#f0edfb;border-color:#c5b8ea}.vc-content{height:calc(100% - 47px);overflow:auto}.vc-content-text{font:400 11px / 1.4 var(--vc-body);color:var(--vc-ink-soft);white-space:pre-wrap;padding:10px 12px}.vc-content-image img{object-fit:contain;width:100%;height:100%}.vc-frame-chrome{border-bottom:1px solid var(--vc-line);background:#f1f3f6;height:22px}.vc-frame-phone .vc-frame-chrome{border-radius:12px 12px 0 0;height:18px}.vc-frame .vc-content-html{height:calc(100% - 22px)}.vc-legend{z-index:20;border:1px solid var(--vc-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#fffffff0;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 16px 45px #122a461f}.vc-legend-title{font:650 8px / 1 var(--vc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vc-muted)}.vc-legend-group{flex-wrap:wrap;gap:8px 12px;display:flex}.vc-legend-item{color:#67798d;font:550 8px / 1 var(--vc-mono);align-items:center;gap:6px;display:flex}.vc-legend-swatch{background:var(--vc-muted);border-radius:50%;width:8px;height:8px}.vc-legend-item.vc-role-primary .vc-legend-swatch{background:var(--vc-role-primary)}.vc-legend-item.vc-role-secondary .vc-legend-swatch{background:var(--vc-role-secondary)}.vc-legend-item.vc-role-exception .vc-legend-swatch{background:var(--vc-role-exception)}.vc-legend-item.vc-role-support .vc-legend-swatch{background:var(--vc-role-support)}.vc-legend-item.vc-role-system .vc-legend-swatch{background:var(--vc-role-system)}.vc-legend-item.vc-role-external .vc-legend-swatch{background:var(--vc-role-external)}.vc-legend-item.vc-tone-live .vc-legend-swatch{background:var(--vc-tone-live)}.vc-legend-item.vc-tone-partial .vc-legend-swatch{background:var(--vc-tone-partial)}.vc-legend-item.vc-tone-planned .vc-legend-swatch{background:var(--vc-tone-planned)}.vc-inspector{z-index:25;border:1px solid var(--vc-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#fffffff7;border-radius:18px;width:320px;padding:18px 20px 19px;transition:opacity .18s,transform .18s;position:absolute;bottom:18px;left:18px;transform:translateY(12px);box-shadow:0 18px 50px #122a4624}.vc-inspector.visible{opacity:1;pointer-events:auto;transform:none}.vc-inspector-close{appearance:none;color:var(--vc-muted);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:14px;right:14px}.vc-inspector-eyebrow{color:var(--vc-role-primary);font:650 8px / 1 var(--vc-mono);letter-spacing:.09em;text-transform:uppercase;display:block}.vc-inspector-title{font:700 16px / 1.25 var(--vc-body);color:var(--vc-ink);margin:6px 0 8px}.vc-inspector-copy{font:400 11px / 1.5 var(--vc-body);color:var(--vc-ink-soft);margin:0}.vc-inspector-points div{color:#42566d;border-bottom:1px solid #edf0f3;grid-template-columns:16px 1fr;gap:8px;padding:8px 0;font-size:10px;line-height:1.4;display:grid}.vc-inspector-points b{color:#7f8ea0;font:600 8px / 1.4 var(--vc-mono)}.vc-minimap{z-index:20;border:1px solid var(--vc-line);cursor:crosshair;background:#ffffffeb;border-radius:13px;width:220px;height:90px;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 12px 35px #122a461f}.vc-minimap-node{background:#96a9bc;border-radius:2px;position:absolute}.vc-minimap-viewport{pointer-events:none;background:#2f6df614;border:1.5px solid #1d5daa;border-radius:4px;position:absolute}.vc-lod-layer{z-index:5;pointer-events:none;display:none;position:absolute;inset:0}.vc-viewport.is-lod .vc-lod-layer{display:block}.vc-viewport.is-lod .vc-nodes,.vc-viewport.is-lod .vc-lanes,.vc-viewport.is-lod .vc-edge-label{display:none}.vc-viewport.is-lod .vc-edges{opacity:.12}.vc-lod-card{box-sizing:border-box;background:var(--vc-white);border:3px solid var(--vc-line);pointer-events:auto;border-radius:24px;width:340px;height:220px;padding:24px;position:absolute;box-shadow:0 26px 70px #132b471f}.vc-lod-title{font:750 24px / 1.1 var(--vc-display);letter-spacing:-.02em;color:var(--vc-ink)}.vc-lod-summary{font:400 13px / 1.4 var(--vc-body);color:var(--vc-ink-soft);margin-top:12px}@media (prefers-reduced-motion:reduce){.vc-node,.vc-inspector{transition-duration:0s}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{color:#16181d;background:#f7f7f8;margin:0}.app-nav{background:#fff;border-bottom:1px solid #e2e2e6;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.app-nav-brand{color:inherit;font-weight:700;text-decoration:none}.app-main{max-width:960px;margin:0 auto;padding:24px}.centered-page{text-align:center;max-width:420px;margin:15vh auto}.muted{color:#6b7280}.error-text{color:#b91c1c}.card-list,.canvas-grid{gap:8px;padding:0;list-style:none;display:grid}.canvas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card-list-item,.canvas-card{color:inherit;background:#fff;border:1px solid #e2e2e6;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;display:flex}.canvas-card-thumbnail{aspect-ratio:4/3;object-fit:cover;background:#f3f3f5;border-radius:4px;width:100%}.canvas-card-thumbnail-empty{border:1px dashed #dcdce1}.inline-form{gap:8px;margin-top:16px;display:flex}.node-search{margin-bottom:24px}.node-search input{width:100%;max-width:420px;padding:8px 12px}.token-table{border-collapse:collapse;width:100%;margin-top:16px}.token-table th,.token-table td{text-align:left;border-bottom:1px solid #e2e2e6;padding:8px}.token-reveal{background:#fef9c3;border:1px solid #eab308;border-radius:8px;margin-bottom:16px;padding:16px}.canvas-page-header{margin-bottom:16px}.publish-control,.version-history{margin-top:8px}.version-history .card-list{max-height:240px;margin-top:8px;overflow-y:auto}.vc-viewport-host{background:#fff;border:1px solid #e2e2e6;border-radius:8px;width:100%;height:80vh;position:relative;overflow:hidden}.artifact-preview{border-radius:8px;max-width:100%}.artifact-preview-frame{border:1px solid #e2e2e6;border-radius:8px;width:100%;height:80vh}