.layout[data-v-4402f64f]{min-height:100vh;display:flex}.main-wrapper[data-v-4402f64f]{flex-direction:column;flex:1;min-width:0;display:flex}main[data-v-4402f64f]{flex:1;padding:48px 56px 96px}main[data-v-4402f64f]>*{max-width:var(--content-max);margin:0 auto}aside[data-v-4402f64f]{width:var(--sidebar-w);background:var(--panel);border-right:1px solid var(--border);height:100vh;transition:background var(--t-normal), border-color var(--t-normal);z-index:50;flex-direction:column;flex-shrink:0;padding:20px 14px 24px;display:flex;position:sticky;top:0;overflow-y:auto}aside[data-v-4402f64f]::-webkit-scrollbar{width:6px}.sidebar-brand[data-v-4402f64f]{color:var(--text-strong);letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 6px 18px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand[data-v-4402f64f]:hover{text-decoration:none}.sidebar-brand .accent[data-v-4402f64f]{color:var(--accent)}.logo-mark[data-v-4402f64f]{background:linear-gradient(135deg, var(--accent), #a371f7);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.logo-mark.small[data-v-4402f64f]{border-radius:7px;width:26px;height:26px;font-size:12px}.sidebar-controls[data-v-4402f64f]{border-bottom:1px solid var(--border-subtle);margin-bottom:12px;padding:0 4px 16px}.theme-toggle[data-v-4402f64f]{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;gap:8px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;display:flex}.theme-toggle[data-v-4402f64f]:hover{background:var(--bg-elevated);border-color:var(--accent-border);color:var(--accent)}.theme-toggle svg[data-v-4402f64f]{transition:transform var(--t-normal);flex-shrink:0}.theme-toggle:hover svg[data-v-4402f64f]{transform:rotate(20deg)}.theme-toggle.icon-only[data-v-4402f64f]{background:0 0;border-color:#0000;width:auto;padding:6px}.theme-toggle.icon-only[data-v-4402f64f]:hover{background:var(--panel-2)}.nav[data-v-4402f64f]{flex:1;margin:0;padding:0;list-style:none}.nav li[data-v-4402f64f]{margin-bottom:2px}.nav a[data-v-4402f64f]{border-radius:var(--radius-sm);color:var(--muted);transition:color var(--t-fast), background var(--t-fast);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav a[data-v-4402f64f]:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.nav a.router-link-active[data-v-4402f64f]{color:var(--accent);background:var(--accent-soft);font-weight:600}.tag-new[data-v-4402f64f]{letter-spacing:.05em;color:var(--success);background:#3fb95026;border:1px solid #3fb95059;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:800}.sidebar-footer[data-v-4402f64f]{border-top:1px solid var(--border-subtle);color:var(--muted-2);align-items:center;gap:6px;margin-top:auto;padding:16px 8px 4px;font-size:11.5px;display:flex}.sidebar-footer .dot[data-v-4402f64f]{opacity:.5}.mobile-bar[data-v-4402f64f]{background:var(--panel);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:10px 14px;display:none;position:sticky;top:0}.mobile-brand[data-v-4402f64f]{color:var(--text-strong);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mobile-brand[data-v-4402f64f]:hover{text-decoration:none}.mobile-brand .accent[data-v-4402f64f]{color:var(--accent)}.hamburger[data-v-4402f64f]{color:var(--text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:flex}.hamburger[data-v-4402f64f]:hover{background:var(--panel-2);color:var(--accent)}.mobile-overlay[data-v-4402f64f]{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (width<=900px){aside[data-v-4402f64f]{transition:transform var(--t-slow);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}aside.open[data-v-4402f64f]{transform:translate(0)}.mobile-bar[data-v-4402f64f]{display:flex}.mobile-overlay[data-v-4402f64f]{display:block}main[data-v-4402f64f]{padding:24px 18px 64px}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.code-block[data-v-ab1f29db]{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);transition:border-color var(--t-fast);margin:0 0 20px;position:relative;overflow:hidden}.code-block[data-v-ab1f29db]:hover{border-color:var(--border)}.code-header[data-v-ab1f29db]{background:var(--panel);border-bottom:1px solid var(--code-border);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:8px 12px 8px 14px;display:flex}.code-dots[data-v-ab1f29db]{gap:5px;display:flex}.code-dots span[data-v-ab1f29db]{background:var(--border);border-radius:50%;width:10px;height:10px}.code-dots span[data-v-ab1f29db]:first-child{opacity:.7;background:#ff5f57}.code-dots span[data-v-ab1f29db]:nth-child(2){opacity:.7;background:#febc2e}.code-dots span[data-v-ab1f29db]:nth-child(3){opacity:.7;background:#28c840}.code-lang[data-v-ab1f29db]{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.code-copy[data-v-ab1f29db]{color:var(--muted);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:11.5px;font-weight:600;display:inline-flex}.code-copy[data-v-ab1f29db]:hover{background:var(--panel-2);color:var(--text);border-color:var(--border)}.code-copy.copied[data-v-ab1f29db]{color:var(--success);background:#3fb95014;border-color:#3fb95066}.code-body[data-v-ab1f29db]{align-items:flex-start;display:flex;overflow-x:auto}.code-gutter[data-v-ab1f29db]{-webkit-user-select:none;user-select:none;border-right:1px solid var(--code-border);background:var(--panel);color:var(--muted-2);font-family:var(--font-mono);text-align:right;flex-direction:column;flex-shrink:0;padding:16px 10px 16px 14px;font-size:13px;line-height:1.65;display:flex}.code-gutter span[data-v-ab1f29db]{min-width:1.8ch;display:block}.code-pre[data-v-ab1f29db]{min-width:0;font-family:var(--font-mono);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:16px 20px;font-size:13px;line-height:1.65;overflow-x:auto}.code-pre code[data-v-ab1f29db],[data-v-ab1f29db] .hljs{font-family:inherit;font-size:inherit;color:#c9d1d9;border:0;padding:0;background:0 0!important}[data-theme=light],[data-theme=light],[data-theme=light]{color:#cf222e}[data-theme=light]{color:#6e7781}[data-theme=light],[data-theme=light]{color:#8250df}@media (width<=600px){.code-copy span[data-v-ab1f29db]{display:none}.code-copy[data-v-ab1f29db]{padding:5px 7px}.code-pre[data-v-ab1f29db]{padding:14px 16px}.code-gutter[data-v-ab1f29db]{padding:14px 8px 14px 10px}}.home[data-v-9c2907ef]{max-width:var(--content-max);margin:0 auto}.hero[data-v-9c2907ef]{margin-bottom:24px;padding:8px 0 56px;position:relative}.hero-bg[data-v-9c2907ef]{pointer-events:none;z-index:-1;filter:blur(20px);background:radial-gradient(60% 60% at 30% 20%,#58a6ff24,#0000 70%),radial-gradient(50% 50% at 70% 0,#a371f71f,#0000 70%);height:360px;position:absolute;inset:-40px -60px auto}.hero-content[data-v-9c2907ef]{position:relative}.hero-badges[data-v-9c2907ef]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.badge-success[data-v-9c2907ef]{color:var(--success);background:#3fb9501f;border-color:#3fb95059}.badge-purple[data-v-9c2907ef]{color:#a371f7;background:#a371f71f;border-color:#a371f759}h1[data-v-9c2907ef]{letter-spacing:-.035em;max-width:780px;margin:0 0 20px;font-size:52px;font-weight:800;line-height:1.1}.gradient-text[data-v-9c2907ef]{background:linear-gradient(135deg, var(--accent), #a371f7 60%, #f778ba);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.lead[data-v-9c2907ef]{color:var(--muted);max-width:640px;margin:0 0 32px;font-size:17px;line-height:1.6}.hero-actions[data-v-9c2907ef]{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.btn[data-v-9c2907ef]{cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn[data-v-9c2907ef]:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary[data-v-9c2907ef]{background:var(--accent);color:#fff;box-shadow:0 4px 16px #58a6ff4d}.btn-primary[data-v-9c2907ef]:hover{background:var(--accent-hover);box-shadow:0 6px 24px #58a6ff66}.btn-secondary[data-v-9c2907ef]{background:var(--panel);color:var(--text);border-color:var(--border)}.btn-secondary[data-v-9c2907ef]:hover{border-color:var(--accent-border);color:var(--accent);background:var(--panel-2)}.hero-code[data-v-9c2907ef]{border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:8px;overflow:hidden}.section[data-v-9c2907ef]{border-top:1px solid var(--border-subtle);padding:56px 0}.section-header[data-v-9c2907ef]{margin-bottom:32px}.section-header h2[data-v-9c2907ef]{letter-spacing:-.02em;border:0;margin:0 0 8px;padding:0;font-size:26px;font-weight:800}.section-header p[data-v-9c2907ef]{color:var(--muted);max-width:60ch;margin:0;font-size:15px}.diagram-grid[data-v-9c2907ef]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.diagram-card[data-v-9c2907ef]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.diagram-card[data-v-9c2907ef]:hover{border-color:var(--accent-border);box-shadow:var(--shadow);background:var(--panel-2);text-decoration:none;transform:translateY(-2px)}.diagram-icon[data-v-9c2907ef]{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.diagram-body[data-v-9c2907ef]{flex:1;min-width:0}.diagram-body h3[data-v-9c2907ef]{color:var(--text-strong);align-items:center;gap:6px;margin:0 0 3px;font-size:14.5px;font-weight:700;display:flex}.diagram-body p[data-v-9c2907ef]{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.diagram-arrow[data-v-9c2907ef]{color:var(--muted-2);transition:transform var(--t-fast), color var(--t-fast);flex-shrink:0;font-size:18px}.diagram-card:hover .diagram-arrow[data-v-9c2907ef]{color:var(--accent);transform:translate(3px)}.tag-new[data-v-9c2907ef]{letter-spacing:.05em;color:var(--success);background:#3fb95026;border:1px solid #3fb95059;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.feature-grid[data-v-9c2907ef]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.feature-card[data-v-9c2907ef]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), background var(--t-fast);padding:20px}.feature-card[data-v-9c2907ef]:hover{border-color:var(--accent-border);background:var(--panel-2)}.feature-icon[data-v-9c2907ef]{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.feature-icon[data-v-9c2907ef] svg{width:18px;height:18px}.feature-card h3[data-v-9c2907ef]{color:var(--text-strong);margin:0 0 6px;font-size:14.5px;font-weight:700}.feature-card p[data-v-9c2907ef]{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.quick-start[data-v-9c2907ef]{gap:24px;display:grid}.quick-step[data-v-9c2907ef]{padding-left:48px;position:relative}.quick-step h3[data-v-9c2907ef]{color:var(--text-strong);margin:0 0 10px;font-size:15px;font-weight:700}.step-num[data-v-9c2907ef]{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border:1px solid var(--accent-border);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:0;left:0}.cta[data-v-9c2907ef]{padding:56px 0 24px}.cta-inner[data-v-9c2907ef]{text-align:center;background:radial-gradient(ellipse 80% 100% at 50% 0%, #58a6ff24, transparent 60%), var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 40px;position:relative;overflow:hidden}.cta-inner[data-v-9c2907ef]:before{content:"";background-image:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0);opacity:.4;pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.cta-inner h2[data-v-9c2907ef]{letter-spacing:-.02em;border:0;margin:0 0 8px;padding:0;font-size:26px;font-weight:800;position:relative}.cta-inner p[data-v-9c2907ef]{color:var(--muted);margin:0 0 24px;font-size:15px;position:relative}.cta-inner .hero-actions[data-v-9c2907ef]{justify-content:center;margin:0;position:relative}@media (width<=900px){h1[data-v-9c2907ef]{font-size:38px}.lead[data-v-9c2907ef]{font-size:15.5px}.section-header h2[data-v-9c2907ef]{font-size:22px}.diagram-grid[data-v-9c2907ef],.feature-grid[data-v-9c2907ef]{grid-template-columns:1fr}.cta-inner[data-v-9c2907ef]{padding:32px 20px}.cta-inner h2[data-v-9c2907ef]{font-size:21px}.quick-step[data-v-9c2907ef]{padding-left:42px}}.live-diagram-wrapper[data-v-f02d3fdb]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color var(--t-normal), background var(--t-normal);margin:0 0 24px;position:relative;overflow:hidden}.ld-toolbar[data-v-f02d3fdb]{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12.5px;display:flex}.ld-toolbar-group[data-v-f02d3fdb]{align-items:center;gap:8px;display:flex}.ld-toolbar-group label[data-v-f02d3fdb]{color:var(--muted);letter-spacing:.02em;font-size:11.5px;font-weight:600}.ld-select[data-v-f02d3fdb]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:border-color var(--t-fast);border-radius:5px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.ld-select[data-v-f02d3fdb]:hover{border-color:var(--accent-border)}.ld-select[data-v-f02d3fdb]:focus{border-color:var(--accent)}.ld-theme-indicator[data-v-f02d3fdb]{color:var(--muted);background:var(--panel-2);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.ld-dot[data-v-f02d3fdb]{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.ld-canvas[data-v-f02d3fdb]{background-image:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0);width:100%;transition:background-color var(--t-normal);background-size:20px 20px;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.ld-canvas[data-v-f02d3fdb] svg{width:100%;max-width:100%;height:auto;display:block}.ld-errors[data-v-f02d3fdb]{color:var(--danger);font-size:12.5px;font-family:var(--font-mono);background:#f8514914;border-top:1px solid #f8514959;padding:12px 16px}.ld-errors-header[data-v-f02d3fdb]{align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.ld-errors ul[data-v-f02d3fdb]{color:var(--text);margin:0;padding-left:20px}.ld-errors li[data-v-f02d3fdb]{margin:2px 0;font-size:12px;line-height:1.5}.ld-errors li[data-v-f02d3fdb]::marker{color:var(--danger)}@media (width<=600px){.ld-canvas[data-v-f02d3fdb]{padding:14px}.ld-toolbar[data-v-f02d3fdb]{flex-wrap:wrap;gap:6px;padding:6px 10px}.ld-theme-indicator[data-v-f02d3fdb]{display:none}}.alert-warning[data-v-587d2b3d]{background:#d299221a;border-left:4px solid #d29922;border-radius:6px;margin-bottom:24px;padding:16px 20px}.alert-warning h3[data-v-587d2b3d]{color:#d29922;margin-top:0;font-size:16px}.alert-warning ul[data-v-587d2b3d]{margin-bottom:0;padding-left:20px}.alert-warning li[data-v-587d2b3d]{color:var(--text);margin-bottom:8px}.quick-ref[data-v-587d2b3d]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-587d2b3d]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-587d2b3d]{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:600}.qr-item span[data-v-587d2b3d]{color:var(--muted);font-size:11.5px}.badge-new[data-v-587d2b3d]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:6px;padding:1px 8px;font-size:10px;font-weight:800;display:inline-flex}.tip[data-v-587d2b3d]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-587d2b3d]{color:var(--accent)}.tip pre[data-v-587d2b3d]{background:var(--bg);border:1px solid var(--border);margin-top:8px;margin-bottom:0;padding:8px}.tip code[data-v-587d2b3d]{color:#c9d1d9;background:0 0;border:0;padding:0}.next-steps[data-v-587d2b3d]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-587d2b3d]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-587d2b3d]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-587d2b3d]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-587d2b3d]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-587d2b3d]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-587d2b3d]{color:var(--muted);font-size:12.5px}@media (width<=600px){.quick-ref[data-v-587d2b3d]{grid-template-columns:1fr 1fr}.next-grid[data-v-587d2b3d]{grid-template-columns:1fr}}.badge-new[data-v-a64e3897]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-a64e3897]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-a64e3897]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-a64e3897]{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:600}.qr-item span[data-v-a64e3897]{color:var(--muted);font-size:11.5px}.prefix-grid[data-v-a64e3897]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 20px;display:grid}.prefix-card[data-v-a64e3897]{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.prefix-card code[data-v-a64e3897]{background:0 0;border:0;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:800}.prefix-card span[data-v-a64e3897]{color:var(--muted);font-size:12.5px}.prefix-pk[data-v-a64e3897]{background:#d299220f;border-color:#d2992259}.prefix-pk code[data-v-a64e3897]{color:#d29922}.prefix-fk[data-v-a64e3897]{background:#58a6ff0f;border-color:#58a6ff59}.prefix-fk code[data-v-a64e3897]{color:#58a6ff}.prefix-pkfk[data-v-a64e3897]{background:#a371f70f;border-color:#a371f759}.prefix-pkfk code[data-v-a64e3897]{color:#a371f7}.tip[data-v-a64e3897]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-a64e3897]{color:var(--accent)}.tip code[data-v-a64e3897]{background:var(--panel);border:1px solid var(--border)}table[data-v-a64e3897]{margin:16px 0 20px}table td code[data-v-a64e3897]{font-size:11.5px}.notation-grid[data-v-a64e3897]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:16px 0 24px;display:grid}.notation-card[data-v-a64e3897]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:border-color var(--t-fast);flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.notation-card[data-v-a64e3897]:hover{border-color:var(--accent-border)}.notation-svg[data-v-a64e3897]{width:80px;height:40px;color:var(--edgeStroke,#7d8590);opacity:.85}.notation-card code[data-v-a64e3897]{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.notation-card span[data-v-a64e3897]{color:var(--muted);font-size:12px}.next-steps[data-v-a64e3897]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-a64e3897]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-a64e3897]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-a64e3897]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-a64e3897]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-a64e3897]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-a64e3897]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-a64e3897]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.prefix-grid[data-v-a64e3897]{grid-template-columns:1fr}}@media (width<=600px){.quick-ref[data-v-a64e3897]{grid-template-columns:1fr 1fr}.next-grid[data-v-a64e3897]{grid-template-columns:1fr}.notation-grid[data-v-a64e3897]{grid-template-columns:repeat(3,1fr)}.notation-svg[data-v-a64e3897]{width:60px;height:30px}}.badge-new[data-v-5d1b060b]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-5d1b060b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-5d1b060b]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-5d1b060b]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-5d1b060b]{color:var(--muted);font-size:11.5px}.tip[data-v-5d1b060b]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-5d1b060b]{color:var(--accent)}.tip code[data-v-5d1b060b]{background:var(--panel);border:1px solid var(--border)}table[data-v-5d1b060b]{margin:16px 0 20px}.visual-grid[data-v-5d1b060b]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:16px 0 20px;display:grid}.visual-card[data-v-5d1b060b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);align-items:center;gap:14px;padding:14px 16px;display:flex}.visual-card[data-v-5d1b060b]:hover{border-color:var(--accent-border)}.visual-chip[data-v-5d1b060b]{border-radius:13px;flex-shrink:0;width:40px;height:26px}.root-chip[data-v-5d1b060b]{background:#58a6ff8c;border:2.5px solid #58a6ff}.level1-chip[data-v-5d1b060b]{background:#a371f747;border:2px solid #a371f7;border-radius:11px;width:36px;height:22px}.level2-chip[data-v-5d1b060b]{background:#3fb95047;border:2px solid #3fb950;border-radius:10px;width:32px;height:20px}.visual-label[data-v-5d1b060b]{flex-direction:column;gap:2px;min-width:0;display:flex}.visual-label strong[data-v-5d1b060b]{color:var(--text-strong);font-size:13px;font-weight:700}.visual-label span[data-v-5d1b060b]{color:var(--muted);font-size:12px;line-height:1.4}.next-steps[data-v-5d1b060b]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-5d1b060b]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-5d1b060b]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-5d1b060b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-5d1b060b]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-5d1b060b]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-5d1b060b]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-5d1b060b]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=600px){.quick-ref[data-v-5d1b060b]{grid-template-columns:1fr 1fr}.next-grid[data-v-5d1b060b],.visual-grid[data-v-5d1b060b]{grid-template-columns:1fr}}.badge-new[data-v-a4d4ae33]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-a4d4ae33]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-a4d4ae33]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-a4d4ae33]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-a4d4ae33]{color:var(--muted);font-size:11.5px}.tip[data-v-a4d4ae33]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-a4d4ae33]{color:var(--accent)}.tip code[data-v-a4d4ae33]{background:var(--panel);border:1px solid var(--border)}table[data-v-a4d4ae33]{margin:16px 0 20px}table td[data-v-a4d4ae33]{font-size:13.5px}.visual-grid[data-v-a4d4ae33]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:16px 0 20px;display:grid}.visual-card[data-v-a4d4ae33]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);flex-direction:column;gap:12px;padding:16px;display:flex}.visual-card[data-v-a4d4ae33]:hover{border-color:var(--accent-border)}.visual-mock[data-v-a4d4ae33]{flex-direction:column;justify-content:center;align-items:center;gap:0;height:100px;display:flex}.vm-card[data-v-a4d4ae33]{text-align:center;background:#58a6ff24;border:1.5px solid #58a6ff;border-radius:6px;min-width:100px;padding:6px 12px}.vm-date[data-v-a4d4ae33]{color:#58a6ff;font-size:10px;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em}.vm-label[data-v-a4d4ae33]{color:var(--text);margin-top:1px;font-size:11px;font-weight:600}.vm-stem[data-v-a4d4ae33]{background:#58a6ff99;width:1.5px;height:14px}.vm-circle[data-v-a4d4ae33]{border:2px solid var(--panel);background:#58a6ff;border-radius:50%;flex-shrink:0;width:10px;height:10px}.vm-line[data-v-a4d4ae33]{background:var(--border);width:100%;height:2px;margin:0 0 2px;position:relative;top:18px}.visual-card:nth-child(2) .vm-card[data-v-a4d4ae33]{background:#a371f724;border-color:#a371f7}.visual-card:nth-child(2) .vm-date[data-v-a4d4ae33]{color:#a371f7}.visual-card:nth-child(2) .vm-stem[data-v-a4d4ae33]{background:#a371f799}.visual-card:nth-child(2) .vm-circle[data-v-a4d4ae33]{background:#a371f7}.visual-card:nth-child(3) .vm-circle[data-v-a4d4ae33]{background:#3fb950}.visual-label[data-v-a4d4ae33]{text-align:center;flex-direction:column;gap:3px;display:flex}.visual-label strong[data-v-a4d4ae33]{color:var(--text-strong);font-size:13px;font-weight:700}.visual-label span[data-v-a4d4ae33]{color:var(--muted);font-size:11.5px;line-height:1.4}.next-steps[data-v-a4d4ae33]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-a4d4ae33]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-a4d4ae33]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-a4d4ae33]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-a4d4ae33]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-a4d4ae33]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-a4d4ae33]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-a4d4ae33]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=600px){.quick-ref[data-v-a4d4ae33]{grid-template-columns:1fr 1fr}.next-grid[data-v-a4d4ae33],.visual-grid[data-v-a4d4ae33]{grid-template-columns:1fr}}.badge-demo[data-v-5beda448]{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.06em;vertical-align:middle;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-feature[data-v-5beda448]{color:#a371f7;letter-spacing:.06em;vertical-align:middle;background:#a371f71f;border:1px solid #a371f759;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-new[data-v-5beda448]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-5beda448]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-5beda448]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-5beda448]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-5beda448]{color:var(--muted);font-size:11.5px}.feature-breakdown[data-v-5beda448]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 24px;display:grid}.fb-card[data-v-5beda448]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.fb-card[data-v-5beda448]:hover{border-color:var(--accent-border);transform:translateY(-1px)}.fb-icon[data-v-5beda448]{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.fb-icon-lane[data-v-5beda448]{color:var(--accent);background:#58a6ff24}.fb-icon-group[data-v-5beda448]{color:#a371f7;background:#a371f724}.fb-icon-branch[data-v-5beda448]{color:#d29922;background:#d2992224}.fb-icon-icon[data-v-5beda448]{color:var(--success);background:#3fb95024}.fb-card strong[data-v-5beda448]{color:var(--text-strong);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.fb-card p[data-v-5beda448]{color:var(--muted);margin:0;font-size:11.5px;line-height:1.4}.color-legend[data-v-5beda448]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:16px 0 24px;display:grid}.cl-item[data-v-5beda448]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.cl-swatch[data-v-5beda448]{border:2px solid;border-radius:6px;flex-shrink:0;width:28px;height:28px}.cl-item code[data-v-5beda448]{color:var(--text);font-size:11.5px;font-weight:700;font-family:var(--font-mono);background:0 0;border:0;margin-bottom:2px;padding:0;display:block}.cl-item span[data-v-5beda448]{color:var(--muted);font-size:11.5px;line-height:1.4}.tip[data-v-5beda448]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-5beda448]{color:var(--accent)}.tip code[data-v-5beda448]{background:var(--panel);border:1px solid var(--border)}.next-steps[data-v-5beda448]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-5beda448]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-5beda448]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-5beda448]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-5beda448]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-5beda448]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-5beda448]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-5beda448]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.feature-breakdown[data-v-5beda448],.color-legend[data-v-5beda448]{grid-template-columns:1fr}}@media (width<=600px){.quick-ref[data-v-5beda448]{grid-template-columns:1fr 1fr}.next-grid[data-v-5beda448]{grid-template-columns:1fr}}.badge-demo[data-v-e5260f8c]{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.06em;vertical-align:middle;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-feature[data-v-e5260f8c]{color:#a371f7;letter-spacing:.06em;vertical-align:middle;background:#a371f71f;border:1px solid #a371f759;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-new[data-v-e5260f8c]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-e5260f8c]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-e5260f8c]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-e5260f8c]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-e5260f8c]{color:var(--muted);font-size:11.5px}.feature-breakdown[data-v-e5260f8c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 24px;display:grid}.fb-card[data-v-e5260f8c]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.fb-card[data-v-e5260f8c]:hover{border-color:var(--accent-border);transform:translateY(-1px)}.fb-icon[data-v-e5260f8c]{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.fb-icon-service[data-v-e5260f8c]{color:var(--accent);background:#58a6ff24}.fb-icon-hub[data-v-e5260f8c]{color:#a371f7;background:#a371f724}.fb-icon-edge[data-v-e5260f8c]{color:#d29922;background:#d2992224}.fb-icon-style[data-v-e5260f8c]{color:var(--success);background:#3fb95024}.fb-card strong[data-v-e5260f8c]{color:var(--text-strong);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.fb-card p[data-v-e5260f8c]{color:var(--muted);margin:0;font-size:11.5px;line-height:1.4}.sequence-notes[data-v-e5260f8c]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 24px;display:grid}.sn-card[data-v-e5260f8c]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.sn-symbol[data-v-e5260f8c]{width:70px;height:30px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.sn-card code[data-v-e5260f8c]{color:var(--text);font-size:11.5px;font-weight:700;font-family:var(--font-mono);background:0 0;border:0;margin-bottom:2px;padding:0;display:block}.sn-card span[data-v-e5260f8c]{color:var(--muted);font-size:11.5px;line-height:1.4}.tip[data-v-e5260f8c]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-e5260f8c]{color:var(--accent)}.tip code[data-v-e5260f8c]{background:var(--panel);border:1px solid var(--border)}.next-steps[data-v-e5260f8c]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-e5260f8c]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-e5260f8c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-e5260f8c]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-e5260f8c]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-e5260f8c]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-e5260f8c]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-e5260f8c]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.feature-breakdown[data-v-e5260f8c],.sequence-notes[data-v-e5260f8c]{grid-template-columns:1fr}}@media (width<=600px){.quick-ref[data-v-e5260f8c]{grid-template-columns:1fr 1fr}.next-grid[data-v-e5260f8c]{grid-template-columns:1fr}}.badge-demo[data-v-e54e5a41]{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.06em;vertical-align:middle;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-feature[data-v-e54e5a41]{color:#a371f7;letter-spacing:.06em;vertical-align:middle;background:#a371f71f;border:1px solid #a371f759;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative;top:-4px}.badge-new[data-v-e54e5a41]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-e54e5a41]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-e54e5a41]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-e54e5a41]{color:var(--muted);font-size:11.5px}.three-views[data-v-e54e5a41]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:24px 0 32px;display:grid}.tv-card[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast);padding:18px 20px}.tv-card[data-v-e54e5a41]:hover{border-color:var(--accent-border);transform:translateY(-2px)}.tv-icon[data-v-e54e5a41]{border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.tv-class .tv-icon[data-v-e54e5a41]{color:var(--accent);background:#58a6ff24}.tv-state .tv-icon[data-v-e54e5a41]{color:#a371f7;background:#a371f724}.tv-er .tv-icon[data-v-e54e5a41]{color:var(--success);background:#3fb95024}.tv-card h3[data-v-e54e5a41]{color:var(--text-strong);margin:0 0 6px;font-size:14.5px;font-weight:700}.tv-card p[data-v-e54e5a41]{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.feature-breakdown[data-v-e54e5a41]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 24px;display:grid}.fb-card[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.fb-card[data-v-e54e5a41]:hover{border-color:var(--accent-border);transform:translateY(-1px)}.fb-icon[data-v-e54e5a41]{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.fb-icon-class[data-v-e54e5a41]{color:var(--accent);background:#58a6ff24}.fb-icon-inherit[data-v-e54e5a41]{color:#a371f7;background:#a371f724}.fb-icon-note[data-v-e54e5a41]{color:#d29922;background:#d2992224}.fb-icon-member[data-v-e54e5a41]{color:var(--success);background:#3fb95024}.fb-card strong[data-v-e54e5a41]{color:var(--text-strong);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.fb-card p[data-v-e54e5a41]{color:var(--muted);margin:0;font-size:11.5px;line-height:1.4}.state-notes[data-v-e54e5a41]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 24px;display:grid}.sn-card[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.sn-symbol[data-v-e54e5a41]{width:80px;height:40px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.sn-card code[data-v-e54e5a41]{color:var(--text);font-size:11.5px;font-weight:700;font-family:var(--font-mono);background:0 0;border:0;margin-bottom:2px;padding:0;display:block}.sn-card span[data-v-e54e5a41]{color:var(--muted);font-size:11.5px;line-height:1.4}.er-legend[data-v-e54e5a41]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 24px;display:grid}.el-item[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.el-badge[data-v-e54e5a41]{background:var(--bg-elevated);min-width:46px;height:24px;font-size:11px;font-weight:800;font-family:var(--font-mono);border:1.5px solid;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.el-item span[data-v-e54e5a41]{color:var(--muted);font-size:12px;line-height:1.4}.integration-flow[data-v-e54e5a41]{flex-direction:column;gap:0;margin:20px 0 24px;display:flex}.if-step[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);gap:16px;padding:16px 20px;display:flex}.if-step[data-v-e54e5a41]:hover{border-color:var(--accent-border)}.if-num[data-v-e54e5a41]{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border:1.5px solid var(--accent-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.if-body h4[data-v-e54e5a41]{color:var(--text-strong);margin:0 0 4px;font-size:14px;font-weight:700}.if-body p[data-v-e54e5a41]{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.if-body code[data-v-e54e5a41]{padding:1px 5px;font-size:11.5px}.if-arrow[data-v-e54e5a41]{text-align:center;color:var(--muted-2);padding:4px 0;font-size:20px;line-height:1}.next-steps[data-v-e54e5a41]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-e54e5a41]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-e54e5a41]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-e54e5a41]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-e54e5a41]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-e54e5a41]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-e54e5a41]{color:var(--muted);font-size:12.5px}.completion-banner[data-v-e54e5a41]{background:radial-gradient(ellipse 100% 100% at 0% 0%, #58a6ff1a, transparent 60%), linear-gradient(135deg, #58a6ff0f, #a371f70f), var(--panel);border:1px solid var(--accent-border);border-radius:var(--radius-lg);align-items:center;gap:20px;margin-top:48px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.completion-banner[data-v-e54e5a41]:before{content:"";background-image:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0);opacity:.3;pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.cb-icon[data-v-e54e5a41]{background:linear-gradient(135deg, var(--accent), #a371f7);color:#fff;width:52px;height:52px;box-shadow:var(--shadow);z-index:1;border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative}.cb-body[data-v-e54e5a41]{z-index:1;flex:1;min-width:0;position:relative}.cb-body h3[data-v-e54e5a41]{color:var(--text-strong);margin:0 0 4px;font-size:16px;font-weight:700}.cb-body p[data-v-e54e5a41]{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.btn[data-v-e54e5a41]{cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);z-index:1;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn[data-v-e54e5a41]:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary[data-v-e54e5a41]{background:var(--accent);color:#fff;box-shadow:0 4px 16px #58a6ff4d}.btn-primary[data-v-e54e5a41]:hover{background:var(--accent-hover)}@media (width<=900px){.quick-ref[data-v-e54e5a41]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.three-views[data-v-e54e5a41],.feature-breakdown[data-v-e54e5a41],.state-notes[data-v-e54e5a41],.er-legend[data-v-e54e5a41]{grid-template-columns:1fr}.completion-banner[data-v-e54e5a41]{text-align:center;flex-direction:column;gap:16px}}@media (width<=600px){.quick-ref[data-v-e54e5a41]{grid-template-columns:1fr 1fr}.next-grid[data-v-e54e5a41]{grid-template-columns:1fr}.if-step[data-v-e54e5a41]{padding:14px 16px}}.badge-new[data-v-e18ab12d]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-e18ab12d]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-e18ab12d]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-e18ab12d]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-e18ab12d]{color:var(--muted);font-size:11.5px}.tip[data-v-e18ab12d]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-e18ab12d]{color:var(--accent)}.tip code[data-v-e18ab12d]{background:var(--panel);border:1px solid var(--border)}table[data-v-e18ab12d]{margin:16px 0 20px}table td code[data-v-e18ab12d]{white-space:nowrap;font-size:11.5px}.troubleshoot-list[data-v-e18ab12d]{flex-direction:column;gap:12px;margin:16px 0 24px;display:flex}.troubleshoot-item[data-v-e18ab12d]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);padding:14px 16px}.troubleshoot-item[data-v-e18ab12d]:hover{border-color:var(--accent-border)}.ts-problem[data-v-e18ab12d]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ts-icon[data-v-e18ab12d]{width:20px;height:20px;color:var(--danger);background:#f851491f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.ts-problem strong[data-v-e18ab12d]{color:var(--text-strong);font-size:14px}.ts-solution[data-v-e18ab12d]{color:var(--muted);margin-bottom:8px;padding-left:30px;font-size:13.5px;line-height:1.6}.troubleshoot-item[data-v-e18ab12d] .code-block{margin:0 0 0 30px!important}.next-steps[data-v-e18ab12d]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-e18ab12d]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-e18ab12d]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-e18ab12d]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-e18ab12d]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-e18ab12d]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-e18ab12d]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-e18ab12d]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.troubleshoot-item[data-v-e18ab12d] .code-block{margin-left:0!important}.ts-solution[data-v-e18ab12d]{padding-left:0}}@media (width<=600px){.quick-ref[data-v-e18ab12d]{grid-template-columns:1fr 1fr}.next-grid[data-v-e18ab12d]{grid-template-columns:1fr}table td code[data-v-e18ab12d]{white-space:normal}}.badge-new[data-v-5538a13b]{color:var(--success);letter-spacing:.06em;vertical-align:middle;background:#3fb9501f;border:1px solid #3fb95059;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative;top:-4px}.quick-ref[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:20px 0 32px;padding:14px;display:grid}.qr-item[data-v-5538a13b]{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.qr-item code[data-v-5538a13b]{color:var(--accent);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.qr-item span[data-v-5538a13b]{color:var(--muted);font-size:11.5px}.theme-compare[data-v-5538a13b]{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px;display:grid}.theme-demo[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.td-header[data-v-5538a13b]{border-bottom:1px solid var(--border);background:var(--panel-2);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.td-label[data-v-5538a13b]{color:var(--text);font-size:12px;font-weight:600}.td-header code[data-v-5538a13b]{color:var(--muted);background:0 0;border:0;padding:0;font-size:11px}.td-canvas[data-v-5538a13b]{background:var(--bg-elevated);padding:0}.td-canvas svg[data-v-5538a13b]{width:100%;height:auto;display:block}.palette-compare[data-v-5538a13b]{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 20px;display:grid}.palette-col h4[data-v-5538a13b]{color:var(--text-strong);align-items:center;gap:8px;margin:0 0 10px;padding:0;font-size:13px;font-weight:700;display:flex}.pc-dot[data-v-5538a13b]{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dark-dot[data-v-5538a13b]{background:#0a0e14;border:2px solid #58a6ff}.light-dot[data-v-5538a13b]{background:#fff;border:2px solid #0969da}.swatch-list[data-v-5538a13b]{flex-direction:column;gap:4px;display:flex}.swatch[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--t-fast);align-items:center;gap:10px;padding:6px 10px;display:flex}.swatch[data-v-5538a13b]:hover{border-color:var(--accent-border)}.swatch-color[data-v-5538a13b]{border-radius:5px;flex-shrink:0;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001a}.swatch-info[data-v-5538a13b]{flex-direction:column;gap:1px;min-width:0;display:flex}.swatch-info code[data-v-5538a13b]{color:var(--text);font-size:11px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;padding:0}.swatch-info span[data-v-5538a13b]{color:var(--muted);font-size:11px}.tip[data-v-5538a13b]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);margin:16px 0 20px;padding:12px 16px;font-size:13.5px}.tip strong[data-v-5538a13b]{color:var(--accent)}.tip code[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border)}table[data-v-5538a13b]{margin:16px 0 20px}table td.muted[data-v-5538a13b]{color:var(--muted);font-size:13px}table td code.mini[data-v-5538a13b]{color:var(--muted);margin-left:6px;padding:1px 5px;font-size:11px}.inline-color[data-v-5538a13b]{vertical-align:middle;border-radius:3px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.export-grid[data-v-5538a13b]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0 20px;display:grid}.export-card[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);padding:18px}.export-card[data-v-5538a13b]:hover{border-color:var(--accent-border)}.export-icon[data-v-5538a13b]{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.export-card h4[data-v-5538a13b]{color:var(--text-strong);margin:0 0 6px;font-size:14px;font-weight:700}.export-card p[data-v-5538a13b]{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.next-steps[data-v-5538a13b]{border-top:1px solid var(--border-subtle);margin-top:56px;padding-top:32px}.next-steps h3[data-v-5538a13b]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-5538a13b]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-5538a13b]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-5538a13b]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-5538a13b]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-5538a13b]{color:var(--muted);font-size:12.5px}@media (width<=900px){.quick-ref[data-v-5538a13b]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.theme-compare[data-v-5538a13b],.palette-compare[data-v-5538a13b]{grid-template-columns:1fr}}@media (width<=600px){.quick-ref[data-v-5538a13b]{grid-template-columns:1fr 1fr}.next-grid[data-v-5538a13b],.export-grid[data-v-5538a13b]{grid-template-columns:1fr}}.playground-page[data-v-7bbb4861]{max-width:none;position:relative}.pg-header[data-v-7bbb4861]{margin-bottom:20px}.pg-header h1[data-v-7bbb4861]{margin-bottom:6px}.pg-header p[data-v-7bbb4861]{color:var(--muted);max-width:72ch;margin:0;font-size:15px}.pg-toolbar[data-v-7bbb4861]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.pg-toolbar-group[data-v-7bbb4861]{align-items:center;gap:6px;display:flex}.pg-toolbar-group label[data-v-7bbb4861]{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.pg-toolbar-spacer[data-v-7bbb4861]{flex:1;min-width:8px}.pg-select[data-v-7bbb4861]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:border-color var(--t-fast);border-radius:5px;outline:none;padding:5px 8px;font-family:inherit;font-size:12.5px}.pg-select[data-v-7bbb4861]:hover{border-color:var(--accent-border)}.pg-select[data-v-7bbb4861]:focus{border-color:var(--accent)}.pg-actions[data-v-7bbb4861]{gap:6px}.pg-btn[data-v-7bbb4861]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.pg-btn[data-v-7bbb4861]:hover{background:var(--bg-elevated);border-color:var(--accent-border);color:var(--accent)}.pg-btn-primary[data-v-7bbb4861]{background:var(--accent);color:#fff;border-color:var(--accent)}.pg-btn-primary[data-v-7bbb4861]:hover{background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}.pg-split[data-v-7bbb4861]{grid-template-columns:1fr 1fr;gap:12px;height:60vh;min-height:480px;max-height:800px;margin-bottom:12px;display:grid}.pg-pane[data-v-7bbb4861]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pg-pane-header[data-v-7bbb4861]{background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pg-pane-label[data-v-7bbb4861]{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.pg-pane-meta[data-v-7bbb4861]{color:var(--muted-2);font-size:11.5px;font-family:var(--font-mono)}.pg-pane-status[data-v-7bbb4861]{border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}.pg-pane-status.ok[data-v-7bbb4861]{color:var(--success);background:#3fb9501a;border:1px solid #3fb9504d}.pg-pane-status.err[data-v-7bbb4861]{color:var(--danger);background:#f851491a;border:1px solid #f851494d}.pg-pane textarea[data-v-7bbb4861]{resize:none;width:100%;min-height:0;color:var(--text);font-family:var(--font-mono);tab-size:2;background:0 0;border:0;outline:none;flex:1;padding:14px 16px;font-size:13px;line-height:1.65}.pg-canvas[data-v-7bbb4861]{background-image:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0);min-height:0;transition:background-color var(--t-normal);background-size:20px 20px;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.pg-pane[data-preview-theme=dark] .pg-canvas[data-v-7bbb4861]{background-color:#0d1117}.pg-pane[data-preview-theme=light] .pg-canvas[data-v-7bbb4861]{background-color:#fff;background-image:radial-gradient(circle at 1px 1px,#d8dee4 1px,#0000 0)}.pg-canvas[data-v-7bbb4861] svg{width:100%;max-width:100%;height:auto;display:block}.pg-errors[data-v-7bbb4861]{border-radius:var(--radius);color:var(--danger);font-size:12.5px;font-family:var(--font-mono);background:#f8514914;border:1px solid #f8514959;margin-bottom:12px;padding:12px 16px}.pg-errors-header[data-v-7bbb4861]{align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.pg-errors ul[data-v-7bbb4861]{color:var(--text);font-family:var(--font-mono);margin:0;padding-left:20px}.pg-errors li[data-v-7bbb4861]{margin:2px 0;font-size:12px;line-height:1.5}.pg-errors li[data-v-7bbb4861]::marker{color:var(--danger)}.pg-hints[data-v-7bbb4861]{color:var(--muted-2);padding:10px 12px;font-size:11.5px}.pg-hints kbd[data-v-7bbb4861]{background:var(--panel-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:18px;margin:0 2px;padding:1px 6px;font-size:10.5px;line-height:1.4;display:inline-block}.pg-toast[data-v-7bbb4861]{background:var(--panel);color:var(--text);border:1px solid var(--success);box-shadow:var(--shadow-lg);z-index:1000;pointer-events:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pg-toast.err[data-v-7bbb4861]{border-color:var(--danger);color:var(--danger)}.pg-toast-enter-active[data-v-7bbb4861],.pg-toast-leave-active[data-v-7bbb4861]{transition:opacity .25s,transform .25s}.pg-toast-enter-from[data-v-7bbb4861],.pg-toast-leave-to[data-v-7bbb4861]{opacity:0;transform:translate(-50%)translateY(12px)}@media (width<=1100px){.pg-btn-label[data-v-7bbb4861]{display:none}.pg-btn[data-v-7bbb4861]{padding:5px 8px}}@media (width<=900px){.pg-split[data-v-7bbb4861]{grid-template-columns:1fr;height:auto;max-height:none}.pg-pane[data-v-7bbb4861]{height:42vh;min-height:360px}}@media (width<=600px){.pg-toolbar[data-v-7bbb4861]{gap:6px;padding:8px 10px}.pg-toolbar-group label[data-v-7bbb4861]{display:none}.pg-hints[data-v-7bbb4861]{text-align:center}}.about-page[data-v-bd2b29cd]{max-width:var(--content-max);margin:0 auto}.hero[data-v-bd2b29cd]{margin-bottom:24px;padding:8px 0 32px;position:relative}.hero-bg[data-v-bd2b29cd]{pointer-events:none;z-index:-1;filter:blur(24px);background:radial-gradient(60% 60% at 30% 20%,#58a6ff1f,#0000 70%),radial-gradient(50% 50% at 70% 0,#a371f71a,#0000 70%);height:280px;position:absolute;inset:-40px -60px auto}.hero-content[data-v-bd2b29cd]{position:relative}.hero-badges[data-v-bd2b29cd]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge-success[data-v-bd2b29cd]{color:var(--success);background:#3fb9501f;border-color:#3fb95059}.badge-purple[data-v-bd2b29cd]{color:#a371f7;background:#a371f71f;border-color:#a371f759}.gradient-text[data-v-bd2b29cd]{background:linear-gradient(135deg, var(--accent), #a371f7 60%, #f778ba);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.lead[data-v-bd2b29cd]{color:var(--muted);max-width:68ch;margin:0;font-size:16px;line-height:1.65}.section[data-v-bd2b29cd]{border-top:1px solid var(--border-subtle);padding:40px 0}.section[data-v-bd2b29cd]:first-of-type{border-top:0;padding-top:24px}.section-last[data-v-bd2b29cd]{padding-bottom:24px}.section-desc[data-v-bd2b29cd]{color:var(--muted);max-width:68ch;margin:-8px 0 24px;font-size:14.5px}.vision-grid[data-v-bd2b29cd]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.vision-card[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), background var(--t-fast);padding:20px}.vision-card[data-v-bd2b29cd]:hover{border-color:var(--accent-border);background:var(--panel-2)}.vision-icon[data-v-bd2b29cd]{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.vision-card h3[data-v-bd2b29cd]{color:var(--text-strong);margin:0 0 6px;font-size:15px;font-weight:700}.vision-card p[data-v-bd2b29cd]{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.vision-card code[data-v-bd2b29cd]{padding:1px 5px;font-size:11.5px}.roadmap-list[data-v-bd2b29cd]{flex-direction:column;gap:8px;display:flex}.roadmap-item[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast);gap:16px;padding:18px 20px;display:flex}.roadmap-item.done[data-v-bd2b29cd]{border-color:#3fb95047}.roadmap-item[data-v-bd2b29cd]:hover{border-color:var(--accent-border)}.roadmap-marker[data-v-bd2b29cd]{width:30px;height:30px;color:var(--success);background:#3fb9501f;border:1.5px solid #3fb95059;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.roadmap-body[data-v-bd2b29cd]{flex:1;min-width:0}.roadmap-header[data-v-bd2b29cd]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.roadmap-tag[data-v-bd2b29cd]{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700}.roadmap-header h3[data-v-bd2b29cd]{color:var(--text-strong);margin:0;font-size:15px;font-weight:700}.roadmap-status.done[data-v-bd2b29cd]{text-transform:uppercase;letter-spacing:.06em;color:var(--success);background:#3fb95026;border:1px solid #3fb95059;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.roadmap-body>p[data-v-bd2b29cd]{color:var(--muted);margin:0 0 10px;font-size:13px}.roadmap-features[data-v-bd2b29cd]{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.roadmap-features li[data-v-bd2b29cd]{color:var(--text);padding-left:18px;font-size:12.5px;line-height:1.5;position:relative}.roadmap-features li[data-v-bd2b29cd]:before{content:"✓";color:var(--success);font-size:11px;font-weight:800;position:absolute;top:0;left:0}.tech-grid[data-v-bd2b29cd]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.tech-item[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);align-items:center;gap:14px;padding:14px 16px;display:flex}.tech-item[data-v-bd2b29cd]:hover{border-color:var(--accent-border);background:var(--panel-2);transform:translateY(-1px)}.tech-icon[data-v-bd2b29cd]{width:42px;height:42px;transition:transform var(--t-normal);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.tech-item:hover .tech-icon[data-v-bd2b29cd]{transform:scale(1.08)rotate(-3deg)}.tech-icon svg[data-v-bd2b29cd]{display:block}.tech-info[data-v-bd2b29cd]{flex-direction:column;gap:2px;min-width:0;display:flex}.tech-info strong[data-v-bd2b29cd]{color:var(--text-strong);font-size:13.5px;font-weight:700}.tech-info span[data-v-bd2b29cd]{color:var(--muted);font-size:11.5px;line-height:1.4}.version-timeline[data-v-bd2b29cd]{flex-direction:column;gap:0;display:flex}.version-item[data-v-bd2b29cd]{gap:16px;padding:16px 0;display:flex;position:relative}.version-item[data-v-bd2b29cd]:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:44px;bottom:0;left:14px}.version-badge[data-v-bd2b29cd]{width:62px;height:28px;font-family:var(--font-mono);background:var(--panel);border:1px solid var(--border);color:var(--muted);z-index:1;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;font-size:12px;font-weight:700;line-height:1.1;display:flex;position:relative}.version-badge.latest[data-v-bd2b29cd]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);height:40px}.latest-tag[data-v-bd2b29cd]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--success);font-size:8.5px;font-weight:800}.version-body[data-v-bd2b29cd]{flex:1;padding-top:2px}.version-date[data-v-bd2b29cd]{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:600}.version-body p[data-v-bd2b29cd]{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.contribute-grid[data-v-bd2b29cd]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:16px;display:grid}.contribute-card[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:8px;padding:18px;text-decoration:none;display:flex}.contribute-card[data-v-bd2b29cd]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.contribute-icon[data-v-bd2b29cd]{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.contribute-card strong[data-v-bd2b29cd]{color:var(--text-strong);font-size:14px;font-weight:700}.contribute-card span[data-v-bd2b29cd]{color:var(--muted);font-size:12px;line-height:1.4}.contribute-note[data-v-bd2b29cd]{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);padding:12px 16px;font-size:13px}.contribute-note strong[data-v-bd2b29cd]{color:var(--accent)}.license-card[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:20px;padding:24px;display:flex}.license-badge[data-v-bd2b29cd]{background:linear-gradient(135deg, var(--accent), #a371f7);color:#fff;letter-spacing:.04em;width:54px;height:54px;box-shadow:var(--shadow);border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.license-body h3[data-v-bd2b29cd]{color:var(--text-strong);margin:0 0 4px;font-size:15px;font-weight:700}.license-body p[data-v-bd2b29cd]{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.next-steps[data-v-bd2b29cd]{border-top:1px solid var(--border-subtle);margin-top:40px;padding-top:32px}.next-steps h3[data-v-bd2b29cd]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.next-grid[data-v-bd2b29cd]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.next-card[data-v-bd2b29cd]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast), background var(--t-fast);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.next-card[data-v-bd2b29cd]:hover{border-color:var(--accent-border);background:var(--panel-2);text-decoration:none;transform:translateY(-1px)}.next-card strong[data-v-bd2b29cd]{color:var(--accent);font-size:14px;font-weight:600}.next-card span[data-v-bd2b29cd]{color:var(--muted);font-size:12.5px}@media (width<=900px){.vision-grid[data-v-bd2b29cd],.tech-grid[data-v-bd2b29cd],.contribute-grid[data-v-bd2b29cd]{grid-template-columns:1fr}.license-card[data-v-bd2b29cd]{flex-direction:column;align-items:flex-start;gap:12px}.version-item[data-v-bd2b29cd]{gap:12px}}@media (width<=600px){.roadmap-item[data-v-bd2b29cd]{gap:12px;padding:14px 16px}.roadmap-marker[data-v-bd2b29cd]{width:26px;height:26px;font-size:12px}.next-grid[data-v-bd2b29cd]{grid-template-columns:1fr}.section h2[data-v-bd2b29cd]{font-size:20px}}:root{--sidebar-w:272px;--content-max:900px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display:"Inter", ui-sans-serif, system-ui, sans-serif;--t-fast:.12s ease;--t-normal:.2s ease;--t-slow:.32s ease}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e14;--bg-elevated:#0f141b;--panel:#131922;--panel-2:#181f29;--border:#262d3a;--border-subtle:#1f2631;--text:#e6edf3;--text-strong:#fff;--muted:#8b949e;--muted-2:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--accent-soft:#58a6ff1f;--accent-border:#58a6ff59;--success:#3fb950;--warning:#d29922;--danger:#f85149;--code-bg:#0d1117;--code-border:#1f2631;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--grid-dot:#1c232e;--scrollbar-thumb:#2c3441}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-elevated:#fafbfc;--panel:#f6f8fa;--panel-2:#eef1f4;--border:#d8dee4;--border-subtle:#e8ecf0;--text:#1f2328;--text-strong:#000;--muted:#57606a;--muted-2:#6e7781;--accent:#0969da;--accent-hover:#0550ae;--accent-soft:#0969da14;--accent-border:#0969da59;--success:#1a7f37;--warning:#9a6700;--danger:#cf222e;--code-bg:#f6f8fa;--code-border:#e8ecf0;--shadow-sm:0 1px 2px #1f23280f;--shadow:0 4px 16px #1f232814;--shadow-lg:0 12px 40px #1f23281f;--grid-dot:#d8dee4;--scrollbar-thumb:#c9d1d9}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--t-normal), color var(--t-normal);margin:0;font-size:15px;line-height:1.7}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}::selection{background:var(--accent-soft);color:var(--accent)}.layout{min-height:100vh;display:flex}aside{width:var(--sidebar-w);background:var(--panel);border-right:1px solid var(--border);height:100vh;transition:background var(--t-normal), border-color var(--t-normal);flex-shrink:0;padding:24px 16px 40px;position:sticky;top:0;overflow-y:auto}aside::-webkit-scrollbar{width:6px}.sidebar-brand{color:var(--text-strong);letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 24px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand .logo-mark{background:linear-gradient(135deg, var(--accent), #a371f7);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.sidebar-brand span{color:var(--accent)}aside ul{margin:0;padding:0;list-style:none}aside li{margin-bottom:2px}aside a{border-radius:var(--radius-sm);color:var(--muted);transition:color var(--t-fast), background var(--t-fast);text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:block;overflow:hidden}aside a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}aside a.router-link-active{color:var(--accent);background:var(--accent-soft);font-weight:600}.menu-category{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)!important;margin:20px 8px 6px!important;padding:0!important;font-size:10.5px!important;font-weight:700!important}main{flex:1;min-width:0;padding:48px 56px 96px}main>div{max-width:var(--content-max);margin:0 auto}h1{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.2}h1+p{color:var(--muted);max-width:68ch;margin-bottom:32px;font-size:16px}h2{letter-spacing:-.01em;border-bottom:1px solid var(--border-subtle);color:var(--text-strong);margin:48px 0 16px;padding-bottom:10px;font-size:22px;font-weight:700}h3{color:var(--text-strong);margin:28px 0 10px;font-size:16px;font-weight:600}p{margin:0 0 16px}p code,li code{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--code-border);color:var(--accent);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.88em}a{color:var(--accent);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}ul,ol{margin:0 0 20px;padding-left:24px}li{margin-bottom:8px}li::marker{color:var(--muted-2)}strong,b{color:var(--text-strong);font-weight:600}em,i{color:var(--text)}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.02em;vertical-align:middle;border-radius:999px;align-items:center;margin-left:8px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-flex}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text);margin:0 0 20px;padding:16px 20px;font-size:13px;line-height:1.65;overflow-x:auto}pre code{color:inherit;white-space:pre;background:0 0;border:0;padding:0}table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);width:100%;margin:0 0 20px;font-size:14px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:10px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel);font-size:11.5px;font-weight:600}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--panel)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), transform var(--t-fast);padding:20px}.card:hover{border-color:var(--accent-border)}.playground{grid-template-columns:1fr 1fr;gap:16px;height:440px;margin-top:20px;display:grid}.playground textarea{background:var(--panel);width:100%;height:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);resize:none;transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:14px 16px;font-size:13px;line-height:1.65}.playground textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.playground-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);background-image:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0);background-size:20px 20px;width:100%;height:100%;overflow:hidden}.text-muted{color:var(--muted)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.center{text-align:center}@media (width<=900px){aside{z-index:100;transition:transform var(--t-slow);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}aside.open{transform:translate(0)}main{padding:32px 20px 64px}.playground{grid-template-columns:1fr;height:auto}.playground textarea{height:200px}.playground-preview{height:320px}h1{font-size:26px}h1+p{font-size:15px}h2{font-size:19px}}