.demo-error[data-v-d492af30]{border:1px dashed color-mix(in srgb, var(--apollo-color-error) 40%, transparent);border-radius:var(--site-radius);background:color-mix(in srgb, var(--apollo-color-error) 6%, transparent);padding:24px}.demo-error-title[data-v-d492af30]{color:var(--site-text);margin:0 0 8px;font-weight:600}.demo-error-detail[data-v-d492af30]{font-family:var(--site-font-code);color:var(--site-text-secondary);white-space:pre-wrap;margin:0 0 12px;font-size:12px}.demo-error-retry[data-v-d492af30]{border:1px solid var(--site-border-strong);background:var(--site-bg);color:var(--site-brand);cursor:pointer;border-radius:6px;padding:4px 14px}.demo-error-retry[data-v-d492af30]:hover{border-color:var(--site-brand)}.demo-frame[data-v-3ff007b6]{background:0 0;border:none;width:100%;display:block}.demo-source[data-v-eb417ad4]{border-top:1px solid var(--site-border);background:var(--site-pre-bg)}.demo-source-tabs[data-v-eb417ad4]{border-bottom:1px solid var(--site-border);gap:2px;padding:6px 10px 0;display:flex;overflow-x:auto}.demo-source-tab[data-v-eb417ad4]{color:var(--site-text-secondary);font-size:12px;font-family:var(--site-font-code);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 10px}.demo-source-tab.active[data-v-eb417ad4]{background:var(--site-code-bg);border-color:var(--site-border);color:var(--site-text)}.demo-source-tab-badge[data-v-eb417ad4]{background:var(--site-bg-soft);border:1px solid var(--site-border);color:var(--site-text-tertiary);border-radius:4px;margin-left:6px;padding:0 4px;font-size:10px}.demo-source-code[data-v-eb417ad4] pre{font-size:12.5px;line-height:1.7;font-family:var(--site-font-code);border:none;margin:0;padding:14px 18px;overflow-x:auto;background:0 0!important}.demo-source-code[data-v-eb417ad4] code{font-family:var(--site-font-code)}[data-apollo-appearance=dark],[data-apollo-appearance=dark]{color:var(--shiki-dark)!important;background-color:#0000!important}.demo-toolbar[data-v-9d06239b]{border-top:1px solid var(--site-border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 10px;display:flex}.demo-toolbar-spacer[data-v-9d06239b]{flex:1}.demo-toolbar[data-v-9d06239b] .demo-tool-btn{font-size:12.5px}.demo-toolbar[data-v-9d06239b] .demo-tool-btn-icon{padding-inline:8px}.demo-viewport[data-v-49ebbf84]{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-bg);box-shadow:inset 0 0 0 1px var(--site-bg-soft);overflow:hidden}.demo-viewport-bar[data-v-49ebbf84]{border-bottom:1px solid var(--site-border);background:var(--site-bg-soft);align-items:center;gap:10px;padding:8px 12px;display:flex}.demo-viewport-dots[data-v-49ebbf84]{gap:5px;display:inline-flex}.demo-viewport-dots i[data-v-49ebbf84]{background:#ff5f57;border-radius:50%;width:10px;height:10px}.demo-viewport-dots i[data-v-49ebbf84]:nth-child(2){background:#febc2e}.demo-viewport-dots i[data-v-49ebbf84]:nth-child(3){background:#28c840}.demo-viewport-title[data-v-49ebbf84]{color:var(--site-text-tertiary);letter-spacing:.02em;font-size:12px}.demo-preview[data-v-68c62585]{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-bg);min-width:0;margin:0;scroll-margin-top:80px;overflow:hidden}.demo-canvas[data-v-68c62585]{color:var(--apollo-color-text,#000000e0);padding:24px 20px}.demo-preview--compact .demo-canvas[data-v-68c62585]{padding:18px 20px}.demo-preview--full .demo-canvas[data-v-68c62585]{padding:24px}.demo-canvas-viewport[data-v-68c62585]{background:var(--site-bg-soft);padding:16px}.demo-preview-head[data-v-68c62585]{border-top:1px solid var(--site-border);padding:14px 18px 0}.demo-preview--compact .demo-preview-head[data-v-68c62585]{padding:12px 16px 0}.demo-preview-title[data-v-68c62585]{color:var(--site-text);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.demo-anchor[data-v-68c62585]{color:var(--site-text-tertiary);opacity:0;font-weight:400;transition:opacity .15s}.demo-preview:hover .demo-anchor[data-v-68c62585],.demo-anchor[data-v-68c62585]:focus-visible{opacity:1}.demo-lang-badge[data-v-68c62585]{background:var(--site-bg-soft);border:1px solid var(--site-border);color:var(--site-text-tertiary);border-radius:4px;padding:0 6px;font-size:10.5px;font-weight:400}.demo-preview-desc[data-v-68c62585]{color:var(--site-text-secondary);padding:8px 18px 2px;font-size:13px;line-height:1.6}.demo-preview--compact .demo-preview-desc[data-v-68c62585]{padding:6px 16px 2px}.demo-preview-desc[data-v-68c62585] p{margin:4px 0 10px}.demo-preview-desc[data-v-68c62585] table{border-collapse:collapse;margin-bottom:10px;font-size:12.5px}.demo-preview-desc[data-v-68c62585] th,.demo-preview-desc[data-v-68c62585] td{border:1px solid var(--site-border);padding:4px 10px}.demo-preview-desc[data-v-68c62585] code{font-family:var(--site-font-code);background:var(--site-code-bg);border:1px solid var(--site-border);border-radius:4px;padding:0 4px;font-size:.9em}.demo-preview--span-full[data-v-68c62585]{grid-column:1/-1}.demo-preview--span-2[data-v-68c62585]{grid-column:span 2}.demos-grid[data-v-86efe670]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.demos-grid[data-v-86efe670] .demo-preview--span-2{grid-column:1/-1}.demos-grid--masonry[data-v-86efe670]{grid-auto-rows:1px;row-gap:0}.demos-grid.full-width[data-v-86efe670]{grid-template-columns:minmax(0,1fr)}@media (width<=1080px){.demos-grid[data-v-86efe670]{grid-template-columns:minmax(0,1fr)}}.component-header[data-v-464b1c9f]{margin-bottom:32px}.component-title[data-v-464b1c9f]{font-size:var(--site-title-size);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:600;display:flex}.component-subtitle[data-v-464b1c9f]{font-size:inherit;color:inherit;font-weight:inherit}.component-import[data-v-464b1c9f]{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.component-import-label[data-v-464b1c9f]{color:var(--site-text-tertiary);font-size:12.5px}.component-import code[data-v-464b1c9f]{white-space:nowrap;max-width:100%;font-family:var(--site-font-code);background:var(--site-code-bg);border:1px solid var(--site-border);border-radius:6px;padding:4px 10px;font-size:13px;overflow-x:auto}.component-links[data-v-464b1c9f]{color:var(--site-text-tertiary);gap:14px;font-size:12.5px;display:flex}.component-links a[data-v-464b1c9f]{color:var(--site-text-tertiary)}.component-links a[data-v-464b1c9f]:hover{color:var(--site-brand)}.demos-section-title[data-v-464b1c9f]{font-size:var(--site-section-size);margin:var(--apollo-margin-xxl) 0 var(--apollo-margin-lg);scroll-margin-top:76px;font-weight:500}.demos-toolbar[data-v-464b1c9f]{gap:6px;margin-bottom:14px;display:flex}.page-loading[data-v-464b1c9f],.page-error[data-v-464b1c9f]{text-align:center;color:var(--site-text-tertiary);padding:60px 0}