.docs .cvbox{flex-direction:column;min-width:0;display:flex}.docs .cv{border-bottom:1px solid var(--line);background-color:color-mix(in srgb, var(--fw,#888) 4%, var(--canvas));cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:540px;position:relative;overflow:hidden}.docs .cv:focus-visible{box-shadow:inset 0 0 0 2px var(--fg)}.docs .cv[data-dragging]{cursor:grabbing}.docs .cv-world{transform-origin:0 0;position:absolute;top:0;left:0}.docs .cv-world[data-animate]{transition:transform .2s}@media (prefers-reduced-motion:reduce){.docs .cv-world[data-animate]{transition:none}}.docs .cv-frame{cursor:auto;border-radius:14px;position:absolute}.docs .cv-acts{z-index:3;gap:6px;display:flex;position:absolute;top:12px;right:12px}.docs .cv-act{border:1px solid var(--line2);background:var(--bg);min-height:28px;color:var(--fg2);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.docs .cv-act:hover,.docs .cv-act[aria-pressed=true]{border-color:var(--fg2);color:var(--fg)}.docs .cv-fws{z-index:3;border:1px solid var(--line2);background:var(--bg);border-radius:16px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:12px}.docs .cv-fw{min-width:24px;height:24px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:13px;display:inline-flex}.docs .cv-fw i{background:var(--c);opacity:.55;border-radius:50%;width:9px;height:9px}.docs .cv-fw:hover i{opacity:1}.docs .cv-fw[aria-pressed=true]{background:color-mix(in srgb, var(--c) 14%, transparent);cursor:default;padding:0 10px 0 8px}.docs .cv-fw[aria-pressed=true] i{opacity:1}.docs .cv-label{z-index:1;color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:18px;left:16px}.docs .cv-stage{contain:paint;border-radius:14px;position:absolute;inset:0;overflow:auto}.docs .cv-stage .dhost,.docs .cv-stage .hm-hostbox{position:absolute;inset:0}.docs .cv-stage .dhost>.host,.docs .cv-stage .hm-hostbox>.stage-host{box-sizing:border-box;height:auto;min-height:100%;color:var(--demo-text);place-items:center;padding:36px 16px 24px;display:grid}.docs .cv-code{border:1px solid var(--line2);background:var(--bg);cursor:auto;-webkit-user-select:text;user-select:text;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 32px -16px #00000059}.docs .cv-code>*{flex-direction:column;min-height:0;display:flex}.docs .cv-codebody{background:var(--bg);flex:1;min-height:0;overflow:auto}.docs .cv-code .code pre.shiki{font-size:14px;line-height:1.75}.docs .cv-link{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.docs .cv-link path{stroke:var(--fg2);stroke-dasharray:4 4}.docs .cv-link circle{fill:var(--fg2)}.docs .cv-link[data-hot] path{stroke:var(--hl);stroke-dasharray:none}.docs .cv-link[data-hot] circle{fill:var(--hl)}.docs .cv-tools{z-index:2;border:1px solid var(--line);background:var(--raise);cursor:auto;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.docs .cv-btn{border:1px solid var(--line);min-height:28px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-size:13px;display:inline-flex}.docs .cv-btn:hover{background:var(--panel)}.docs .cv-btn:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.docs .cv-btn:disabled{color:var(--muted);cursor:default}.docs .cv-pct{min-width:46px;color:var(--fg2);text-align:center;font-family:JetBrains Mono,monospace;font-size:13px}.docs .cv-step{z-index:2;border:1px solid var(--line2);background:var(--bg);min-width:40px;height:40px;color:var(--fg2);border-radius:20px;align-items:center;gap:8px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #00000014}.docs .cv-step[data-side=prev]{left:12px}.docs .cv-step[data-side=next]{right:12px}.docs .cv-step:hover,.docs .cv-step:focus-visible{border-color:var(--fg2);color:var(--fg)}.docs .cv-step-l{white-space:nowrap;flex-direction:column;line-height:1.15;display:none}.docs .cv-step[data-side=next] .cv-step-l{align-items:flex-end}.docs .cv-step-l .sub{color:var(--muted);font-size:11px}.docs .cv-step:hover .cv-step-l,.docs .cv-step:focus-visible .cv-step-l{display:flex}.docs .cv-step:not(:hover):not(:focus-visible){justify-content:center;width:40px;padding:0}.docs .cv-foot{z-index:2;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;bottom:12px;left:12px}.docs .cv-hint{color:var(--muted);font-size:13px}.docs .cv-run{border:1px solid color-mix(in srgb, var(--rc) 45%, var(--line2));background:var(--bg);min-height:28px;color:var(--fg2);pointer-events:auto;border-radius:14px;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;display:inline-flex}.docs .cv-run b{color:var(--fg);font-weight:600}.docs .cv-run i{background:var(--rc);border-radius:50%;width:8px;height:8px}.docs .cv-run[data-state=loading] i{animation:.8s ease-in-out infinite alternate cv-blink}.docs .cv-run[data-state=ready]{animation:.9s ease-out cv-pulse}@keyframes cv-blink{to{opacity:.25}}@keyframes cv-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--rc) 60%, transparent)}to{box-shadow:0 0 0 10px #0000}}.docs .cv-loadbar{z-index:3;background:linear-gradient(90deg, transparent, var(--rc), transparent);opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:40% 100%;width:100%;height:2px;position:absolute;top:0;left:0}.docs .cv[data-loading] .cv-loadbar{opacity:1;animation:1s linear infinite cv-load}@keyframes cv-load{0%{background-position:-40% 0}to{background-position:140% 0}}.docs .cv-frame{transition:opacity .2s}.docs .cv[data-loading] .cv-frame{opacity:.4}@media (prefers-reduced-motion:reduce){.docs .cv-run,.docs .cv-run i,.docs .cv[data-loading] .cv-loadbar{animation:none}}.docs .cv-bar{background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px;display:flex}.docs .cv-ctls{flex-wrap:wrap;gap:6px;display:flex}.docs .cv-ctls code{font-size:12px}.docs .cv-lensbox{flex:1;justify-content:flex-end;min-width:0;padding-right:6px;display:flex}.docs .cv-lens{background:var(--panel);max-width:100%;box-shadow:inset 2px 0 0 var(--line2);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden}.docs .cv-lens[data-hot]{background:color-mix(in srgb, var(--hl) 14%, transparent);box-shadow:inset 2px 0 0 var(--hl)}.docs .cv-lens-note{color:var(--hl)}.docs .cv-idle{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden}.docs .cv-idle[hidden]{display:none}@media (width<=920px){.docs .cv{cursor:auto;-webkit-user-select:auto;user-select:auto;height:auto}.docs .cv-world{flex-direction:column;gap:12px;padding:56px 12px 12px;display:flex;position:static;transform:none}.docs .cv-frame,.docs .cv-code{position:relative}.docs .cv-frame{height:380px}.docs .cv-link,.docs .cv-tools,.docs .cv-hint{display:none}}.docs .cv-stage :is(.dhost,.hm-hostbox)>.stack>p.muted:not([data-play-part]),.docs .cv-stage :is(.dhost,.hm-hostbox)>*>.stack>p.muted:not([data-play-part]){display:none}