._8jYXTG_root{font-family:var(--opf-ui-font,var(--font-sans));color:var(--opf-ui-fg);font-size:13px;line-height:1.4;display:inline-flex;position:relative}:where(._8jYXTG_root button){font:inherit;color:inherit;margin:0}._8jYXTG_root button:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}._8jYXTG_trigger{height:var(--opf-ui-control-h,32px);border-radius:var(--opf-ui-radius);color:var(--opf-ui-fg);white-space:nowrap;cursor:pointer;transition:color var(--opf-ui-ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}._8jYXTG_label{color:var(--opf-ui-muted-fg);transition:color var(--opf-ui-ease);font-weight:400}._8jYXTG_value{text-overflow:ellipsis;min-width:0;max-width:220px;overflow:hidden}._8jYXTG_chevron{width:14px;height:14px;color:var(--opf-ui-muted-fg);transition:color var(--opf-ui-ease);flex:none}._8jYXTG_trigger:not(:disabled):hover ._8jYXTG_label,._8jYXTG_trigger:not(:disabled):hover ._8jYXTG_chevron,._8jYXTG_trigger[aria-expanded=true] ._8jYXTG_label,._8jYXTG_trigger[aria-expanded=true] ._8jYXTG_chevron{color:var(--opf-ui-fg)}._8jYXTG_trigger:disabled{cursor:default;opacity:.6}._8jYXTG_popover{z-index:40;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);min-width:220px;max-width:min(320px,100vw - 16px);box-shadow:var(--opf-ui-shadow-pop);padding:4px;position:absolute;top:calc(100% + 4px);left:0}._8jYXTG_menu{flex-direction:column;display:flex}._8jYXTG_item{border-radius:var(--opf-ui-radius-sm);width:100%;color:var(--opf-ui-fg);text-align:left;cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;display:flex}a._8jYXTG_item{text-decoration:none}._8jYXTG_item:hover,._8jYXTG_item:focus-visible{background:var(--opf-ui-muted)}._8jYXTG_itemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}._8jYXTG_check{width:16px;height:16px;color:var(--opf-ui-accent-strong);visibility:hidden;flex:none}._8jYXTG_item[aria-checked=true] ._8jYXTG_check{visibility:visible}._8jYXTG_rule{background:var(--opf-ui-border);height:1px;margin:4px 0}._8jYXTG_linkIcon{width:16px;height:16px;color:var(--opf-ui-accent-strong);flex:none}._8jYXTG_item[aria-disabled=true]{cursor:default;color:var(--opf-ui-muted-fg)}._8jYXTG_item[aria-disabled=true]:hover{background:0 0}._8jYXTG_scrim{z-index:50;background:color-mix(in srgb, var(--opf-ui-fg) 32%, transparent);position:fixed;inset:0}._8jYXTG_sheet{z-index:51;max-height:85vh;padding:8px 8px max(20px, env(safe-area-inset-bottom));background:var(--opf-ui-surface);border-top:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg) var(--opf-ui-radius-lg) 0 0;box-shadow:var(--opf-ui-shadow-pop);position:fixed;bottom:0;left:0;right:0;overflow:auto}._8jYXTG_handle{background:var(--opf-ui-border-strong);border-radius:2px;width:36px;height:4px;margin:2px auto 10px}._8jYXTG_sheetHead{align-items:center;padding:0 8px 6px;display:flex}._8jYXTG_sheetTitle{font-size:15px;font-weight:600}._8jYXTG_close{border-radius:var(--opf-ui-radius);width:44px;height:44px;color:var(--opf-ui-muted-fg);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}._8jYXTG_close:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}._8jYXTG_sheet ._8jYXTG_item{border-radius:var(--opf-ui-radius);gap:12px;min-height:44px;padding:0 12px;font-size:14px}@media (max-width:767px){._8jYXTG_trigger{height:44px}}@media (prefers-reduced-motion:reduce){._8jYXTG_root *,._8jYXTG_root :before,._8jYXTG_root :after{transition:none!important}}@media (max-width:380px){._8jYXTG_label{display:none}._8jYXTG_value{max-width:130px}}
:is(html:root,html:root.dark,html .opf-ui,html.dark .opf-ui){--opf-ui-bg:hsl(var(--background));--opf-ui-surface:hsl(var(--card));--opf-ui-muted:hsl(var(--muted));--opf-ui-muted-2:hsl(var(--muted-2));--opf-ui-fg:hsl(var(--foreground));--opf-ui-muted-fg:hsl(var(--muted-foreground));--opf-ui-accent:hsl(var(--accent));--opf-ui-accent-fg:hsl(var(--accent-foreground));--opf-ui-accent-strong:hsl(var(--accent-strong));--opf-ui-border:hsl(var(--border));--opf-ui-border-strong:hsl(var(--border-strong));--opf-ui-ring:hsl(var(--ring));--opf-ui-danger:hsl(var(--destructive));--opf-ui-warn:hsl(var(--warn-fg));--opf-ui-code-bg:hsl(var(--code-bg));--opf-ui-code-border:hsl(var(--code-border));--opf-ui-font:var(--font-sans);--opf-ui-mono:var(--font-mono)}.vgcIyq_page{background:hsl(var(--background));width:100%;height:100dvh;min-height:0;color:hsl(var(--foreground));font-family:var(--font-sans);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.vgcIyq_header{border-bottom:1px solid hsl(var(--border));flex:none;align-items:center;gap:12px;height:48px;padding:0 14px 0 8px;display:flex}.vgcIyq_back,.vgcIyq_open{color:hsl(var(--muted-foreground));align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.vgcIyq_header .icon-btn{color:hsl(var(--muted-foreground));align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.vgcIyq_back{border-radius:6px;justify-content:center;width:32px;height:32px}.vgcIyq_back:hover,.vgcIyq_open:not(:disabled):hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.vgcIyq_brand{align-items:center;gap:8px;display:flex}.vgcIyq_brand h1{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.2}.vgcIyq_rule{background:hsl(var(--border));flex:none;width:1px;height:20px}.vgcIyq_example{align-items:center;display:flex}.vgcIyq_open{cursor:pointer;background:0 0;border:0;border-radius:6px;gap:6px;height:32px;padding:0 8px;font-size:13px;font-weight:500}.vgcIyq_open:disabled{opacity:.5;cursor:default}.vgcIyq_views{align-self:stretch;gap:4px;margin-left:auto;display:flex}.vgcIyq_views button{box-sizing:border-box;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;padding:0 10px;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.vgcIyq_views button:hover{color:hsl(var(--foreground))}.vgcIyq_views button[aria-pressed=true]{border-bottom-color:hsl(var(--accent));color:hsl(var(--foreground))}.vgcIyq_theme{margin-left:0}.vgcIyq_header [data-desktop]{margin:0 -6px}.vgcIyq_back:focus-visible,.vgcIyq_open:focus-visible,.vgcIyq_views button:focus-visible,.vgcIyq_splitter:focus-visible,.vgcIyq_history button:focus-visible,.vgcIyq_handoff button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.vgcIyq_panels{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);min-height:0;display:grid}.vgcIyq_panels[data-dragging]{-webkit-user-select:none;user-select:none;cursor:col-resize}.vgcIyq_panels[data-view=source],.vgcIyq_panels[data-view=preview]{grid-template-columns:minmax(0,1fr)}.vgcIyq_panels[data-view=source] .vgcIyq_splitter,.vgcIyq_panels[data-view=source] .vgcIyq_preview,.vgcIyq_panels[data-view=preview] .vgcIyq_splitter,.vgcIyq_panels[data-view=preview] .vgcIyq_sourceColumn{display:none}.vgcIyq_splitter{background:hsl(var(--border));cursor:col-resize;touch-action:none;transition:background-color .12s;position:relative}.vgcIyq_splitter:before{content:"";z-index:3;position:absolute;inset:0 -4px}.vgcIyq_splitter:hover,.vgcIyq_splitter:focus-visible,.vgcIyq_panels[data-dragging] .vgcIyq_splitter{background:hsl(var(--accent))}.vgcIyq_splitter:focus-visible{outline-offset:0}.vgcIyq_sourceColumn{background:hsl(var(--code-bg));flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.vgcIyq_sourceHost{flex:1;min-width:0;min-height:0}.vgcIyq_starting{color:hsl(var(--muted-foreground));margin:0;font-size:12px;position:absolute;top:56px;left:14px}.vgcIyq_preview{background:hsl(var(--card));flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.vgcIyq_previewBar{border-bottom:1px solid hsl(var(--border));flex:none;align-items:center;gap:8px;height:40px;padding:0 8px 0 14px;display:flex}.vgcIyq_deck{align-items:baseline;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.vgcIyq_deckName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-sans);font-size:inherit;font-weight:inherit;overflow:hidden}.vgcIyq_deckMeta{color:hsl(var(--muted-foreground));white-space:nowrap;flex:none;font-size:12px;font-weight:400}.vgcIyq_history{color:hsl(var(--muted-foreground));gap:2px;margin-left:auto;display:flex}.vgcIyq_history button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.vgcIyq_history button:not(:disabled):hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.vgcIyq_history button:disabled{opacity:.4;cursor:default}.vgcIyq_exportHost{flex:none;margin-left:4px}.vgcIyq_presentHost{flex:none}.vgcIyq_notice{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .45);min-height:32px;color:hsl(var(--muted-foreground));flex:none;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:12px;display:flex}.vgcIyq_notice>svg{flex:none}.vgcIyq_stage{background:hsl(var(--muted) / .35);flex-direction:column;flex:1 1 0;align-items:center;gap:12px;min-height:0;padding:20px 36px 14px;display:flex}.vgcIyq_frame{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.vgcIyq_canvas{box-shadow:0 0 0 1px hsl(var(--foreground) / .08);border-radius:3px;flex:none}.vgcIyq_navigator{flex:none}.vgcIyq_thumbnails{border-top:1px solid hsl(var(--border));flex:none;padding:6px 8px}.vgcIyq_loading{color:hsl(var(--muted-foreground));flex:none;margin:0;padding:0 14px 10px;font-size:12px}.vgcIyq_preview>.code-error{flex:none;max-height:20dvh;margin:0;padding:8px 14px;overflow:auto}.vgcIyq_footer{border-top:1px solid hsl(var(--border));height:28px;color:hsl(var(--muted-foreground));flex:none;align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex}.vgcIyq_status{align-items:center;gap:5px;margin:0;font-weight:500;display:inline-flex}.vgcIyq_status[data-tone=valid]{color:hsl(var(--accent-strong))}.vgcIyq_status[data-tone=error]{color:hsl(var(--destructive))}.vgcIyq_studioFooter{color:hsl(var(--accent-strong));margin-left:auto;font-weight:500;display:none}.vgcIyq_studioFooter:hover{text-decoration:underline}.vgcIyq_studioFooter:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.vgcIyq_runtime{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.vgcIyq_runtime code{font-family:var(--font-mono);color:hsl(var(--foreground));background:0 0;padding:0;font-size:11.5px;font-weight:400}.vgcIyq_fileMessage{border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));overflow-wrap:anywhere;flex:none;margin:0;padding:6px 14px;font-size:12px;line-height:1.5}.vgcIyq_handoff{border:1px solid hsl(var(--border));border-radius:8px;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 16px;margin:8px 14px;padding:10px 12px;font-size:13px;display:flex}.vgcIyq_handoff p{margin:0}.vgcIyq_handoff button{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:6px;min-height:32px;padding:0 12px;font-weight:500}.vgcIyq_handoff button:hover:not(:disabled){border-color:hsl(var(--border-strong))}.vgcIyq_handoff button:disabled{opacity:.5}@media (max-width:767px){.vgcIyq_header{background-image:linear-gradient(hsl(var(--border)), hsl(var(--border)));background-position:0 52px;background-repeat:no-repeat;background-size:100% 1px;grid-template-rows:52px 48px;grid-template-columns:44px auto minmax(0,1fr) 44px 44px;align-items:center;gap:0 8px;height:auto;padding:0 8px 0 4px;display:grid}.vgcIyq_back{grid-area:1/1;width:44px;height:44px}.vgcIyq_brand{grid-area:1/2}.vgcIyq_brand h1{font-size:15px}.vgcIyq_open{grid-area:1/4;justify-content:center;width:44px;height:44px;padding:0}.vgcIyq_openText{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vgcIyq_theme{grid-area:1/5;width:44px;height:44px}.vgcIyq_rule{display:none}.vgcIyq_example{grid-area:2/1/auto/4;justify-self:start;margin-left:4px}.vgcIyq_views{grid-area:2/3/auto/6;place-self:stretch end;margin-left:0}.vgcIyq_views button{padding:0 12px}.vgcIyq_panels[data-view=split]{grid-template-columns:minmax(0,1fr)}.vgcIyq_previewBar{height:48px;padding:0 8px 0 14px}.vgcIyq_history{display:none}.vgcIyq_exportHost{margin-left:auto}.vgcIyq_stage{gap:12px;padding:20px 16px 8px}.vgcIyq_thumbnails{padding:6px 8px 8px}.vgcIyq_footer{white-space:nowrap;gap:14px;height:32px}.vgcIyq_footer>*{flex:none;align-items:center;display:flex}.vgcIyq_studioFooter{display:inline-flex;position:relative}.vgcIyq_studioFooter:after{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vgcIyq_runtime{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.vgcIyq_runtime code{display:none}.vgcIyq_studioFooter+.vgcIyq_runtime{margin-left:0}.vgcIyq_runtimeLabel{display:none}}@media (prefers-reduced-motion:reduce){.vgcIyq_back,.vgcIyq_open,.vgcIyq_views button,.vgcIyq_splitter,.vgcIyq_history button{transition:none}.vgcIyq_header .icon-btn{transition:none}}