.marketing-site .context-picker{background:#2b2639;border-bottom:1px solid #4c455e;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:12px 14px;display:grid}.marketing-site .context-picker button{font:10px/1.3 var(--mono);color:#aeb9c5;cursor:pointer;background:#30293f;border:1px solid #4c455e;border-radius:4px;min-height:39px;padding:8px 6px;transition:background .14s,border-color .14s,color .14s}.marketing-site .context-picker button:hover{color:#fff;border-color:#596875}.marketing-site .context-picker button[aria-pressed=true]{color:#fff;background:#49405e;border-color:#8c79d6;box-shadow:inset 0 0 0 1px #6b92c226}.marketing-site .context-picker button:focus-visible{outline-offset:2px;outline:2px solid #c6b6f1}.marketing-site .context-example-summary{border-bottom:1px solid #443c55;flex-direction:column;gap:2px;padding:15px 22px 10px;display:flex}.marketing-site .context-example-summary strong{color:#eef3f9;font:600 12px/1.6 var(--mono)}.marketing-site .context-example-summary span{color:#9aa8b7;font:10px/1.6 var(--mono)}.marketing-site .context-tree-scroll{scrollbar-width:thin;scrollbar-color:#53667a #242131;min-height:300px;max-height:465px;padding:5px 0 15px;overflow-y:auto}.marketing-site .context-tree-scroll .tree-root{color:#e8edf3;padding:12px 22px 8px;font-size:12px}.marketing-site .context-file,.marketing-site .context-folder>summary{min-height:24px;font:10.5px/1.6 var(--mono);white-space:nowrap;align-items:center;gap:8px;padding:3px 14px;display:flex}.marketing-site .context-file{color:#c4cdd7}.marketing-site .context-file.is-index{color:#b7ccd8}.marketing-site .context-file.is-design{color:#c6b6f1}.marketing-site .context-file .file-mark{color:#778da5;text-align:center;flex-shrink:0;width:9px;font-size:14px;line-height:1}.marketing-site .context-folder{margin:0;padding:0}.marketing-site .context-folder>summary{color:#e0e7ee;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.marketing-site .context-folder>summary::-webkit-details-marker{display:none}.marketing-site .context-folder>summary:before{content:"›";color:#75879b;width:10px;font:16px/1 var(--mono);transform-origin:50%;flex-shrink:0;transition:transform .15s;display:inline-block}.marketing-site .context-folder[open]>summary:before{transform:rotate(90deg)}.marketing-site .context-folder>summary:focus-visible{outline-offset:-1px;outline:1px solid #c6b6f1}.marketing-site .context-folder>summary:hover{background:#332c43}.marketing-site .folder-icon{border:1px solid #677f94;border-radius:2px;flex-shrink:0;width:13px;height:10px;display:inline-block;position:relative}.marketing-site .folder-icon:before{content:"";border:1px solid #677f94;border-bottom:0;border-radius:2px 2px 0 0;width:6px;height:3px;position:absolute;top:-4px;left:1px}.marketing-site .context-folder.is-context>summary .folder-icon,.marketing-site .context-folder.is-context>summary .folder-icon:before{border-color:#c6b6f1}.marketing-site .context-folder.is-knowledge>summary .folder-icon,.marketing-site .context-folder.is-knowledge>summary .folder-icon:before{border-color:#a7cbbd}.marketing-site .context-folder.is-context>summary,.marketing-site .context-folder.is-knowledge>summary{font-weight:600}.marketing-site .context-folder .empty-tag{font:9px var(--mono);color:#798796;margin-left:auto;margin-right:5px}.marketing-site .context-legend{color:#a1aebb;font:9px/1.5 var(--mono);border-top:1px solid #443c55;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 1px;display:flex}.marketing-site .context-legend>span{align-items:center;gap:6px;display:flex}.marketing-site .legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.marketing-site .legend-dot.context-dot{background:#c6b6f1}.marketing-site .legend-dot.knowledge-dot{background:#a7cbbd}.marketing-site .project-tree[data-context-tree] .tree-footer{font:10px/1.7 var(--mono);margin-top:9px;padding:11px 20px 15px}@media (max-width:600px){.marketing-site .context-picker{gap:4px;padding:10px}.marketing-site .context-picker button{padding:8px 3px;font-size:9px}.marketing-site .context-file,.marketing-site .context-folder>summary{font-size:10px}.marketing-site .context-tree-scroll{max-height:390px}.marketing-site .context-legend{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.marketing-site .context-picker button,.marketing-site .context-folder>summary:before{transition:none}}.marketing-site .project-tree[data-context-tree]{isolation:isolate;position:relative;overflow:hidden}.marketing-site .context-tree-scroll .tree-root{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.marketing-site .tree-hint{font:9px/1.6 var(--mono);color:#91a1b4}.marketing-site .context-file{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:flex-start;width:100%}.marketing-site .context-file:hover,.marketing-site .context-file.is-active{color:#fff;background:#443856}.marketing-site .context-file:focus-visible{outline-offset:-1px;outline:1px solid #c6b6f1}.marketing-site .context-drawer{z-index:12;background:#050b136e;justify-content:flex-end;animation:.17s ease-out context-backdrop;display:flex;position:absolute;inset:0}.marketing-site .context-drawer[hidden]{display:none}.marketing-site .context-drawer-panel{color:#252332;background:#fdfcf9;border-left:1px solid #e6e2eb;flex-direction:column;width:min(92%,470px);height:100%;animation:.22s ease-out context-slide;display:flex;overflow:hidden;box-shadow:-16px 0 44px #02081452}.marketing-site .context-drawer-toolbar{background:#f7f5fa;border-bottom:1px solid #e6e2eb;align-items:center;gap:9px;padding:10px 13px;display:flex}.marketing-site .context-drawer-toolbar button{color:#413653;min-width:27px;height:27px;font:15px/1 var(--mono);cursor:pointer;background:#fff;border:1px solid #e6e2eb;border-radius:5px}.marketing-site .context-drawer-toolbar button:disabled{opacity:.35;cursor:default}.marketing-site .context-drawer-toolbar button:not(:disabled):hover{background:#eaf0f8}.marketing-site .context-drawer-toolbar .context-doc-breadcrumb{min-width:0;font:10px/1.4 var(--mono);color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.marketing-site .context-drawer-toolbar button[data-context-doc-close]{font-size:19px}.marketing-site .context-drawer-body{scrollbar-width:thin;flex:1;padding:23px 24px 32px;overflow:auto}.marketing-site .context-sample-tag{font:9px/1.5 var(--mono);color:#6b7b8c;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.marketing-site .context-sample-content h3{letter-spacing:-.025em;color:#252332;margin:0 0 13px;font-size:20px;font-weight:700;line-height:1.3}.marketing-site .context-sample-content h4{color:#252332;margin:22px 0 9px;font-size:12px;font-weight:700}.marketing-site .context-sample-content p{color:#62616d;margin:0 0 12px;font-size:11.5px;line-height:1.85}.marketing-site .context-sample-list{font:11.5px/1.7 var(--body,system-ui);color:#62616d;align-items:flex-start;gap:8px;margin:6px 0;display:flex}.marketing-site .context-sample-list>span:first-child{color:#64748b}.marketing-site .context-sample-content code{color:#413653;font:10.5px var(--mono);background:#efedf8;border-radius:3px;padding:2px 4px}.marketing-site .context-sample-code{color:#e0e9f2;background:#242131;border-radius:6px;margin:12px 0 15px;padding:15px 14px;line-height:1.65;overflow-x:auto}.marketing-site .context-sample-code code{color:inherit;font:10px/1.6 var(--mono);background:0 0;padding:0}.marketing-site .context-doc-link{color:#6653c6;text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #c6b6f1;text-decoration:underline #c6b6f1}.marketing-site .context-doc-link:hover{text-decoration-color:#6653c6}.marketing-site .context-doc-link:focus-visible{outline-offset:2px;outline:2px solid #6653c6}.marketing-site .context-doc-footer{font:9px/1.5 var(--mono);color:#8996a6;border-top:1px solid #e6e2eb;margin-top:25px;padding-top:14px}@keyframes context-slide{0%{opacity:.7;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes context-backdrop{0%{background:#050b1300}to{background:#050b136e}}@media (max-width:600px){.marketing-site .context-drawer-panel{width:96%}.marketing-site .context-drawer-body{padding:16px}.marketing-site .context-drawer-toolbar{padding:10px}}@media (prefers-reduced-motion:reduce){.marketing-site .context-drawer,.marketing-site .context-drawer-panel{animation:none}}.marketing-site .erd-knowledge-path{color:#62616d;font:9px/1.55 var(--mono);background:#f5f2fa;border:1px solid #e6e2eb;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 8px;padding:11px 13px;display:flex}.marketing-site .erd-knowledge-path a{color:#6653c6;border-bottom:1px solid #c6b6f1;font-weight:600;text-decoration:none}.marketing-site .erd-knowledge-path a:hover{border-color:#6653c6}.marketing-site .project-tree[data-context-tree]{background:#242131;border-color:#4c455e}.marketing-site .context-file>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.marketing-site .context-file,.marketing-site .context-folder>summary{min-height:30px}.marketing-site .context-sample-list{font-family:var(--font)}.marketing-site .project-tree[data-context-tree] .context-children{padding:0}.marketing-site .project-tree[data-context-tree] .context-children:before{display:none}.marketing-site .project-tree[data-context-tree] .context-picker button{min-height:48px}