.project-nav-link{border-radius:var(--project-control-radius,6px);min-height:36px;color:var(--project-secondary);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-nav-link:hover{color:var(--project-text);background:var(--project-hover)}.project-nav-link[aria-current=page]{color:var(--project-accent)}.project-nav-link:focus-visible,.project-theme-control:focus-visible{outline:2px solid var(--project-accent);outline-offset:3px}.project-theme-control{border-radius:var(--project-control-radius,6px);width:36px;height:36px;color:var(--project-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.project-theme-control:hover{color:var(--project-text);background:var(--project-hover)}.project-theme-control .ui-icon{width:16px;height:16px}@media (pointer:coarse){.project-theme-control{min-width:44px;min-height:44px}}:root{--site-header-height:60px;--site-font-caption:12px;--site-line-body:1.5;--site-line-control:1.4;--site-line-title:1.3;--site-line-code:1.7;font:var(--zenfg-font-body,14px)/var(--site-line-body) var(--zenfg-font-ui,system-ui, sans-serif);font-synthesis:none}.site-header{--project-secondary:var(--zenfg-secondary);--project-text:var(--zenfg-text);--project-accent:var(--zenfg-accent);--project-hover:var(--zenfg-hover);--project-control-radius:var(--zenfg-radius-small);z-index:20;height:var(--site-header-height);box-sizing:border-box;border-bottom:1px solid var(--zenfg-divider);background:var(--zenfg-canvas);color:var(--zenfg-text);font:var(--zenfg-font-control)/var(--site-line-control) var(--zenfg-font-ui);align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.site-brand-mark{flex:0 0 28px;display:block}.site-brand{letter-spacing:-.035em;color:var(--zenfg-text);flex-shrink:0;align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.site-navigation{flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.site-page-links,.site-header-actions{align-items:center;gap:4px;display:flex}.site-header-actions{flex-shrink:0;gap:10px}.site-nav-link,.site-control{box-sizing:border-box;border-radius:var(--zenfg-radius-small);min-height:36px;font:inherit;color:var(--zenfg-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav-link:hover,.site-control:hover{color:var(--zenfg-text);background:var(--zenfg-hover)}.site-nav-link[aria-current=page]{color:var(--zenfg-accent)}.site-nav-link{position:relative}.site-nav-link[aria-current=page]:after{content:"";bottom:0;background:var(--zenfg-accent);height:2px;position:absolute;inset-inline:10px}.site-header :is(a,button):focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:2px}.brand-accent{color:var(--zenfg-accent)}.site-theme-toggle,.site-header .site-github,.site-language{width:36px;padding:0}.site-language-menu{position:relative}.site-language-options{border:1px solid var(--zenfg-divider);border-radius:var(--zenfg-radius-panel);background:var(--zenfg-canvas);min-width:156px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0002}.site-language-options button{border-radius:var(--zenfg-radius-small);width:100%;min-height:44px;color:var(--zenfg-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:8px 12px;display:flex}.site-language-options button:hover,.site-language-options button:focus-visible{background:var(--zenfg-hover)}.site-language-options [aria-checked=true]{color:var(--zenfg-accent)}.language-check{visibility:hidden}[aria-checked=true] .language-check{visibility:visible}.site-menu-toggle{display:none}.ui-icon{vertical-align:middle;flex-shrink:0;width:16px;height:16px}[data-site-icon]{display:inline-flex}[data-site-icon=external] .ui-icon{width:12px;height:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.site-header{justify-content:space-between;gap:12px;padding:0 12px}.site-brand{font-size:18px}.site-header-actions{gap:6px}.site-menu-toggle{width:36px;padding:0;display:inline-flex}.site-navigation{inset:var(--site-header-height) 0 auto;border-bottom:1px solid var(--zenfg-divider);background:var(--zenfg-canvas);padding:12px;display:none;position:absolute;box-shadow:0 12px 24px #0002}.site-header[data-menu-open=true] .site-navigation{flex-direction:column;align-items:stretch;gap:12px;display:flex}.site-page-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-nav-link{min-height:44px;padding-inline:8px}}@media (pointer:coarse){.site-header .site-control{min-width:44px;min-height:44px}}.site-footer{border-top:1px solid var(--zenfg-divider);color:var(--zenfg-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:28px 0;display:grid}.footer-links{justify-content:flex-end;gap:24px;display:flex}.footer-links a{color:var(--zenfg-secondary);text-decoration:none}.footer-links a:hover{color:var(--zenfg-accent)}.site-footer a:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:4px}.note{font-size:var(--site-font-caption);margin:0}.footer-links{align-items:center}.site-github{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.site-github .ui-icon{width:18px;height:18px}@media (pointer:coarse){.site-github{min-width:44px;min-height:44px}}@media (max-width:560px){.site-footer{grid-template-columns:1fr auto;gap:18px}.site-footer .note{grid-area:2/1/auto/-1}}.examples-controls{--tp-base-background-color:var(--zenfg-panel);--tp-base-shadow-color:transparent;--tp-base-border-radius:0px;--tp-base-font-family:var(--zenfg-font-ui);--tp-blade-border-radius:var(--zenfg-radius-small);--tp-blade-horizontal-padding:6px;--tp-blade-value-width:54%;--tp-container-horizontal-padding:8px;--tp-container-vertical-padding:8px;--tp-container-unit-size:28px;--tp-container-unit-spacing:4px;--tp-container-background-color:var(--zenfg-sidebar);--tp-container-background-color-hover:var(--zenfg-hover);--tp-container-background-color-focus:var(--zenfg-hover);--tp-container-background-color-active:var(--zenfg-accent-soft);--tp-container-foreground-color:var(--zenfg-text);--tp-label-foreground-color:var(--zenfg-secondary);--tp-input-background-color:var(--zenfg-inset);--tp-input-background-color-hover:var(--zenfg-hover);--tp-input-background-color-focus:var(--zenfg-accent-soft);--tp-input-background-color-active:var(--zenfg-accent-soft);--tp-input-foreground-color:var(--zenfg-text);--tp-button-background-color:var(--zenfg-accent-soft);--tp-button-background-color-hover:var(--zenfg-hover);--tp-button-background-color-focus:var(--zenfg-hover);--tp-button-background-color-active:var(--zenfg-inset);--tp-button-foreground-color:var(--zenfg-accent);--tp-monitor-background-color:var(--zenfg-inset);--tp-monitor-foreground-color:var(--zenfg-secondary);--tp-groove-foreground-color:var(--zenfg-border);color:var(--zenfg-text);scrollbar-color:var(--zenfg-border) var(--zenfg-panel);scrollbar-width:thin}.examples-controls .tp-rotv{font-size:var(--zenfg-font-control)}.examples-metrics{--tp-container-unit-size:20px;min-height:70px}.examples-metrics .tp-grlv{--mo-fg:var(--zenfg-accent)}.examples-metrics .tp-lblv:has(.tp-grlv){display:block}.examples-metrics .tp-lblv:has(.tp-grlv)>.tp-lblv_l{display:none}.examples-metrics .tp-lblv:has(.tp-grlv)>.tp-lblv_v{width:100%}.examples-controls .tp-lblv_l{padding-right:8px}.examples-controls .tp-sldtxtv_t{flex:0 0 48px}.examples-controls .tp-sldtxtv_s{min-width:0}.examples-controls .tp-sldv{--in-bg:var(--zenfg-border);--in-fg:var(--zenfg-accent);--btn-bg:var(--zenfg-accent);--btn-bg-h:var(--zenfg-text);--btn-bg-f:var(--zenfg-text);--btn-bg-a:var(--zenfg-accent)}.examples-controls :is(.tp-txtv_i,.tp-sglv_i,.tp-mllv_i){font-variant-numeric:tabular-nums}.examples-controls .tp-ckbv_i{width:var(--cnt-usz);height:var(--cnt-usz);cursor:pointer}.examples-controls .tp-ckbv_i:checked+.tp-ckbv_w{background:var(--zenfg-accent);--in-fg:var(--zenfg-on-accent)}.examples-controls :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:-2px}.examples-controls .tp-ckbv_i:focus-visible+.tp-ckbv_w{outline:2px solid var(--zenfg-accent);outline-offset:2px}:root{color:var(--zenfg-text,#c0caf5);background:var(--zenfg-canvas,#24283b);scrollbar-color:var(--zenfg-border) var(--zenfg-canvas);scrollbar-width:thin}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-width:320px;margin:0}.examples{min-height:100svh}.shell-button{font:var(--zenfg-font-control)/var(--site-line-control) var(--zenfg-font-ui);border:1px solid var(--zenfg-divider);border-radius:var(--zenfg-radius-small);color:var(--zenfg-secondary);background:var(--zenfg-panel);cursor:pointer;white-space:nowrap;padding:6px 11px}.shell-button:hover:not(:disabled),.source-files button:hover{background:var(--zenfg-hover);color:var(--zenfg-text)}.shell-button:disabled{opacity:.5;cursor:default}.shell-button:focus-visible,.example-sidebar :is(a,summary):focus-visible,.source-files button:focus-visible,.source-view__content:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:2px}.shell-button[aria-pressed=true],.shell-button[aria-selected=true]{color:var(--zenfg-accent);background:var(--zenfg-accent-soft)}.examples-layout{grid-template-columns:238px minmax(0,1fr);display:grid}.examples[data-directory-open=false] .examples-layout{grid-template-columns:48px minmax(0,1fr)}.example-sidebar{background:var(--zenfg-sidebar);border-right:1px solid var(--zenfg-divider)}.directory-shell{top:var(--site-header-height);max-height:calc(100svh - var(--site-header-height));flex-direction:column;display:flex;position:sticky}.directory-toolbar{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px 16px;display:flex}.directory-label{font-size:var(--site-font-caption);color:var(--zenfg-secondary);font-weight:600}.examples[data-directory-open=false] .directory-toolbar{justify-content:center;padding-inline:4px}.examples[data-directory-open=false] .directory-label{display:none}.example-sidebar nav{scrollbar-color:var(--zenfg-border) transparent;scrollbar-width:thin;min-height:0;padding:0 16px 16px;overflow:auto}.example-sidebar details{margin-bottom:16px}.example-sidebar summary{cursor:pointer;font-size:var(--site-font-caption);padding:8px;font-weight:600}.directory-items{gap:3px;margin-top:5px;display:grid}.example-sidebar a{color:var(--zenfg-secondary);font-size:var(--site-font-caption);overflow-wrap:anywhere;border-radius:6px;align-items:flex-start;gap:8px;padding:10px;text-decoration:none;display:flex;position:relative}.example-sidebar a:hover{background:var(--zenfg-hover)}.example-sidebar a[aria-current=page]{color:var(--zenfg-accent);background:var(--zenfg-accent-soft)}.example-sidebar a[aria-current=page]:before{content:"";background:var(--zenfg-accent);border-radius:1px;width:2px;position:absolute;top:9px;bottom:9px;left:0}.example-sidebar a span{min-width:0}.example-sidebar a .ui-icon{opacity:.7}.example-sidebar a[aria-current=page] .ui-icon{opacity:1}.example-main{width:100%;min-width:0;max-width:1100px;margin:0 auto;padding:24px 32px 0;container-type:inline-size}.example-intro{margin:0 0 20px}.example-details{margin-top:18px}.title-row{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.title-row h1{font-size:var(--zenfg-font-title);line-height:var(--site-line-title);letter-spacing:-.6px;margin:0;font-weight:600}.example-tags{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.example-tags li{background:var(--zenfg-accent-soft);color:var(--zenfg-accent);font-size:var(--site-font-caption);border-radius:4px;padding:3px 8px;line-height:1.5}.demo-card{grid-template-columns:minmax(0,1fr) 250px;column-gap:16px;display:grid}.demo-stage{aspect-ratio:16/9;border:1px solid var(--zenfg-divider);border-radius:var(--zenfg-radius-panel);background:#05090d;grid-area:1/1;width:100%;min-width:0;max-height:460px;position:relative;overflow:hidden}.effect-stage{opacity:0;touch-action:none;width:100%;height:100%;display:block}.examples[data-effect-state=ready] .effect-stage,.examples[data-has-frame=true] .effect-stage{opacity:1}.example-description{color:var(--zenfg-secondary);font-size:var(--zenfg-font-control);overflow-wrap:anywhere;margin:0;line-height:1.6}.runtime-status{--zenfg-secondary:#d5dfee;--zenfg-danger:#ff929d;--zenfg-warning:#f2cd83;--zenfg-muted:#9aa9bc;--zenfg-success:#b4df80;pointer-events:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:calc(100% - 24px);color:var(--zenfg-secondary);width:max-content;max-height:calc(100% - 24px);font:var(--site-font-caption)/var(--site-line-body) var(--zenfg-font-ui);background:#0b121ddd;border:1px solid #ffffff1a;border-radius:6px;padding:5px 9px;position:absolute;bottom:12px;left:12px;overflow:auto}.runtime-status summary{cursor:pointer;list-style:none}.runtime-status summary::-webkit-details-marker{display:none}.runtime-status summary:focus-visible{outline-offset:2px;outline:2px solid #7aa2f7}.runtime-status__preview{-webkit-line-clamp:2;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:360px;margin-top:4px;display:-webkit-box;overflow:hidden}.runtime-status[open] .runtime-status__preview{display:none}.runtime-status__toggle{color:#9aa9bc;font-size:var(--site-font-caption);align-items:center;gap:4px;margin-top:4px;display:flex}.runtime-status[open] .runtime-status__toggle .ui-icon{transform:rotate(180deg)}.runtime-status[data-has-detail=false] .runtime-status__toggle{display:none}.runtime-status__detail{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-width:360px;max-height:140px;margin:6px 0 0;overflow:auto}.effect-status{color:var(--zenfg-secondary);font-size:var(--site-font-caption);white-space:nowrap;align-items:center;gap:7px;font-weight:400;line-height:1.5;display:inline-flex}.effect-status__signal{flex-shrink:0;display:inline-flex}.runtime-status[data-state=error] .effect-status{color:var(--zenfg-danger)}.runtime-status[data-warning=true] .effect-status{color:var(--zenfg-warning)}.effect-status__signal [data-icon=loading]{animation:1s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.effect-status__signal [data-icon=loading]{animation:none}}.inspector-workspace{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eef5;font-family:var(--zenfg-font-ui);scrollbar-color:#93b1c452 transparent;scrollbar-width:thin}.examples-controls{min-width:0;min-height:0;max-height:var(--canvas-height,560px);background:var(--zenfg-panel);border:1px solid var(--zenfg-divider);border-radius:var(--zenfg-radius-panel);flex-direction:column;grid-area:1/2;align-self:start;padding:0;display:flex;overflow:hidden}.examples-metrics{flex:none}.examples-metrics:not([hidden]):has(+.examples-parameters:not([hidden])){border-bottom:1px solid var(--zenfg-divider)}.examples-parameters{scrollbar-color:var(--zenfg-border) var(--zenfg-panel);scrollbar-width:thin;min-height:0;overflow:hidden auto}.examples-controls .tp-rotv{width:100%;box-shadow:none;border-radius:0}.tool-workbench{border:1px solid var(--zenfg-divider);border-radius:var(--zenfg-radius-panel);background:var(--zenfg-canvas);grid-template-rows:46px minmax(0,1fr);min-width:0;height:clamp(520px,66.6667cqw,760px);margin-top:24px;scroll-margin-top:76px;display:grid;overflow:hidden}.workbench-header{border-bottom:1px solid var(--zenfg-divider);background:var(--zenfg-panel);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.workbench-tabs,.workbench-actions{gap:5px;display:flex}.workbench-tabs .shell-button{border-color:#0000}.tool-workbench[data-maximized=true]{z-index:100;height:auto;margin:0;position:fixed;inset:12px;box-shadow:0 0 0 100vmax #000b}body:has(.tool-workbench[data-maximized=true]){overflow:hidden}.code-workspace{grid-template-columns:210px minmax(0,1fr);min-width:0;min-height:0;display:grid}.source-files{background:var(--zenfg-sidebar);border-right:1px solid var(--zenfg-divider);flex-direction:column;gap:3px;min-width:0;min-height:0;padding:10px 8px;display:flex;overflow:auto}.source-files button{width:100%;min-height:36px;color:var(--zenfg-secondary);font:var(--site-font-caption)/var(--site-line-control) var(--zenfg-font-mono);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:7px 9px;display:flex}.source-files button.active{color:var(--zenfg-accent);background:var(--zenfg-accent-soft)}.source-files__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.source-files__entry{font:var(--site-font-caption)/var(--site-line-control) var(--zenfg-font-ui);color:var(--zenfg-accent);flex-shrink:0;margin-left:auto}.source-view{grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid}.source-view__toolbar{border-bottom:1px solid var(--zenfg-divider);min-width:0;color:var(--zenfg-secondary);font:var(--site-font-caption)/var(--site-line-control) var(--zenfg-font-mono);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.source-view__toolbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-view__content{background:var(--zenfg-canvas);min-width:0;min-height:0;overflow:auto}.source-files,.source-view__content{scrollbar-color:var(--zenfg-border) transparent;scrollbar-width:thin}.source-view__content pre{min-width:max-content;min-height:100%;font:var(--zenfg-font-code)/var(--site-line-code) var(--zenfg-font-mono);tab-size:4;margin:0;padding:18px 20px 24px}.source-view__content .shiki{padding-left:0;padding-right:0;background:0 0!important}:root[data-theme=dark] .source-view__content .shiki,:root[data-theme=dark] .source-view__content .shiki span{color:var(--shiki-dark)}:root[data-theme=light] .source-view__content .shiki,:root[data-theme=light] .source-view__content .shiki span{color:var(--shiki-light)}.source-view__content code{font:inherit}.source-view__content .shiki code{counter-reset:source-line}.source-view__content .shiki .line{width:100%;min-height:1.7em;padding:0 24px 0 62px;display:inline-block;position:relative}.source-view__content .shiki .line:before{width:44px;color:var(--zenfg-muted);content:counter(source-line);counter-increment:source-line;text-align:right;-webkit-user-select:none;user-select:none;position:absolute;left:0}.inspector-workspace{background:var(--zenfg-canvas);min-width:0;height:100%;min-height:0;position:relative}.inspector-host{width:100%;height:100%;min-height:0}.inspector-loading{color:var(--zenfg-secondary);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.panel-message{color:var(--zenfg-secondary);padding:24px}.example-error{padding:32px 0}.example-error a{color:var(--zenfg-accent)}@media (max-width:1100px){.example-main{padding-left:20px;padding-right:20px}.examples-layout{grid-template-columns:210px minmax(0,1fr)}.demo-card{grid-template-columns:minmax(0,1fr) 230px}}@media (max-width:800px){.tool-workbench{height:70svh}.examples-layout,.examples[data-directory-open=false] .examples-layout{grid-template-columns:minmax(0,1fr)}.example-sidebar{border-right:0;border-bottom:1px solid var(--zenfg-divider)}.directory-shell{max-height:none;position:static}.directory-toolbar,.examples[data-directory-open=false] .directory-toolbar{justify-content:space-between;min-height:48px;padding:4px 12px}.examples[data-directory-open=false] .directory-label{display:inline}.example-sidebar nav{max-height:45svh;padding:0 12px 12px}.example-main{padding:14px 12px 0}.demo-stage{aspect-ratio:4/3}.title-row{flex-wrap:wrap}.demo-card{grid-template-columns:minmax(0,1fr)}.examples-controls{grid-area:3/1;max-height:340px;margin-top:14px}.code-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.source-files{border-right:0;border-bottom:1px solid var(--zenfg-divider);flex-direction:row;padding:7px;overflow:auto hidden}.source-files button{width:auto}.source-view__content pre{font-size:var(--zenfg-font-control)}.source-view__content .shiki .line{padding-left:50px;padding-right:16px}.source-view__content .shiki .line:before{width:34px}.tool-workbench[data-maximized=true]{inset:6px}.workbench-header{padding:6px}.workbench-header .shell-button{padding:6px 8px}}.shell-button.icon-button{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.shell-button.icon-button:hover:not(:disabled){color:var(--zenfg-accent)}@media (pointer:coarse){.shell-button.icon-button{width:40px;height:40px}}.example-description strong{color:var(--zenfg-text);font-weight:600}.example-description code{font-family:var(--zenfg-font-mono)}.example-details a{color:var(--zenfg-accent);text-underline-offset:3px}.example-details a:hover{text-decoration-thickness:2px}.example-details a:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:3px}.example-references{color:var(--zenfg-secondary);font-size:var(--site-font-caption);overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}.back-to-top-row{justify-content:flex-end;padding:24px 0 20px;display:flex}.back-to-top{min-height:44px;color:var(--zenfg-secondary);font-size:var(--site-font-caption);border-radius:var(--zenfg-radius-small);align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:inline-flex}.back-to-top:hover{color:var(--zenfg-accent);background:var(--zenfg-hover)}.back-to-top:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:3px}.directory-search{border:1px solid var(--zenfg-border);border-radius:var(--zenfg-radius-small);width:100%;min-height:36px;color:var(--zenfg-text);background:var(--zenfg-canvas);font:inherit;margin:4px 0 12px;padding:8px 10px}.directory-search::placeholder{color:var(--zenfg-muted)}.directory-search:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:2px}.directory-empty{color:var(--zenfg-secondary);padding:8px}.canvas-expand{z-index:2;position:absolute;bottom:12px;right:12px}.canvas-fps{display:none}.demo-stage .runtime-status{max-width:calc(100% - 76px)}:is(html:has(.examples[data-full=true]),body:has(.examples[data-full=true])){overscroll-behavior:none;overflow:hidden}.examples[data-full=true]>:not(.examples-layout),.examples[data-full=true] .examples-layout>:not(.example-main),.examples[data-full=true] .example-main>:not(.demo-card){display:none}.examples[data-full=true] .example-main{container-type:normal}.examples[data-full=true] .demo-card{--full-top:max(12px, env(safe-area-inset-top));--full-right:max(12px, env(safe-area-inset-right));--full-bottom:max(12px, env(safe-area-inset-bottom));--full-left:max(12px, env(safe-area-inset-left));z-index:100;background:#05090d;height:100dvh;display:block;position:fixed;inset:0}.examples[data-full=true] .demo-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;max-height:none;position:absolute;inset:0}.examples[data-full=true] .canvas-expand{bottom:var(--full-bottom);right:var(--full-right)}.examples[data-full=true] .examples-controls{top:var(--full-top);right:var(--full-right);width:min(250px, calc(100% - var(--full-left) - var(--full-right) - 52px));max-height:calc(100% - var(--full-top) - var(--full-bottom) - 52px);z-index:1;margin:0;position:absolute}:is(.examples[data-full=true] .examples-metrics,.examples[data-full=true] .examples-controls:has(.examples-parameters[hidden]),.examples[data-full=true] .examples-controls:has(.examples-parameters:empty)){display:none}.examples[data-full=true] .canvas-fps{left:var(--full-left);bottom:var(--full-bottom);z-index:1;font:13px/20px var(--zenfg-font-mono);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000;pointer-events:none;display:block;position:absolute}.examples[data-full=true] .runtime-status{left:var(--full-left);bottom:var(--full-bottom);max-width:calc(100% - var(--full-left) - var(--full-right) - 52px);z-index:1;max-height:min(40dvh,200px)}.examples[data-full=true] .demo-stage:has(.canvas-fps:not([hidden])) .runtime-status{bottom:calc(var(--full-bottom) + 28px)}.examples[data-full=true]:has(.runtime-status:not([hidden])) .examples-controls{max-height:max(28px, calc(60dvh - var(--full-top) - var(--full-bottom) - 40px))}.effect-stage:focus-visible{outline:2px solid var(--zenfg-accent);outline-offset:-2px}