html:has(.demo-stage){scrollbar-gutter:auto}.demo-stage[data-astro-cid-soxsnotx]{background:var(--bg-app);grid-template-rows:auto auto minmax(0,1fr);height:100dvh;display:grid}.demo-bar[data-astro-cid-soxsnotx]{grid-row:1}.demo-guide[data-astro-cid-soxsnotx]{grid-row:2}.demo-frame[data-astro-cid-soxsnotx]{grid-row:3}.demo-bar[data-astro-cid-soxsnotx]{--demo-pad:max(clamp(12px, 3vw, 40px), env(safe-area-inset-left));z-index:2;min-width:0;min-height:56px;padding:6px max(clamp(12px, 3vw, 40px), env(safe-area-inset-right)) 6px var(--demo-pad);border-bottom:1px solid var(--border-subtle);background:var(--bg-app);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.demo-copy[data-astro-cid-soxsnotx]{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.demo-home[data-astro-cid-soxsnotx]{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-primary);transition:background-color var(--transition-mid);flex:none;justify-content:center;align-items:center;margin-left:-12px;display:inline-flex}.demo-home[data-astro-cid-soxsnotx]:hover{background:var(--bg-hover)}.demo-home[data-astro-cid-soxsnotx] svg{flex:none}.demo-separator[data-astro-cid-soxsnotx]{background:var(--border);flex:none;width:1px;height:20px}.demo-titles[data-astro-cid-soxsnotx]{flex-wrap:wrap;align-items:baseline;gap:0 12px;min-width:0;display:flex}.demo-titles[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{letter-spacing:0;color:var(--text-bright);flex:none;margin:0;font-size:14px;font-weight:600;line-height:1.4}.demo-titles[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{min-width:0;color:var(--text-dim);font-size:13px;line-height:1.45}.demo-actions[data-astro-cid-soxsnotx]{flex:none;align-items:center;gap:6px;display:flex}.demo-act[data-astro-cid-soxsnotx]{touch-action:manipulation;gap:6px}.demo-act[data-astro-cid-soxsnotx]:before{content:"";width:14px;height:14px;-webkit-mask:var(--icon) center / 14px 14px no-repeat;mask:var(--icon) center / 14px 14px no-repeat;background:currentColor;flex:none}.demo-act-reset[data-astro-cid-soxsnotx]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E")}.demo-act-full[data-astro-cid-soxsnotx]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}.demo-stage[data-astro-cid-soxsnotx]:fullscreen .demo-act-full[data-astro-cid-soxsnotx],.demo-stage[data-astro-cid-soxsnotx].demo-focus .demo-act-full[data-astro-cid-soxsnotx]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E")}.demo-status[data-astro-cid-soxsnotx]{top:calc(100% + 10px);right:max(clamp(12px, 3vw, 40px), env(safe-area-inset-right));z-index:3;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--modal-surface);max-width:min(440px,100% - 24px);box-shadow:var(--shadow-card);color:var(--text-primary);overflow-wrap:anywhere;pointer-events:none;transition:opacity var(--transition-mid);padding:8px 12px;font-size:13px;line-height:1.45;position:absolute}.demo-status[data-astro-cid-soxsnotx]:empty{display:none}.demo-status[data-astro-cid-soxsnotx][data-quiet]:not(:focus){opacity:0}.demo-guide[data-astro-cid-soxsnotx]{min-width:0;padding:8px max(clamp(12px, 3vw, 40px), env(safe-area-inset-right)) 8px max(clamp(12px, 3vw, 40px), env(safe-area-inset-left));border-bottom:1px solid var(--border-subtle);background:var(--bg-app);align-items:center;gap:10px 28px;font-size:13px;line-height:1.45;display:flex}.demo-try[data-astro-cid-soxsnotx]{min-width:0;color:var(--text-secondary);margin:0}.demo-phone[data-astro-cid-soxsnotx],.demo-phone-touch[data-astro-cid-soxsnotx]{display:none}@media (pointer:coarse) and (width<=40rem){.demo-phone-touch[data-astro-cid-soxsnotx]{display:inline}.demo-phone-pointer[data-astro-cid-soxsnotx]{display:none}}.demo-links[data-astro-cid-soxsnotx]{white-space:nowrap;flex:none;align-items:center;gap:20px;margin-left:auto;display:flex}.demo-links[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{min-height:32px;color:var(--text-secondary);text-underline-offset:3px;align-items:center;text-decoration:underline 1px;display:inline-flex}.demo-links[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]:hover{color:var(--text-primary)}.demo-share[data-astro-cid-soxsnotx]{flex:none}.demo-share-status[data-astro-cid-soxsnotx]{color:var(--text-dim);flex-basis:100%;margin:0}.demo-frame[data-astro-cid-soxsnotx]{background:var(--bg-app);min-width:0;min-height:0;position:relative}.demo-window[data-astro-cid-soxsnotx]{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-app);position:absolute;inset:0;overflow:auto hidden}.demo-window[data-astro-cid-soxsnotx]:focus-visible{outline:0}.demo-frame[data-astro-cid-soxsnotx]:has(>.demo-window:focus-visible):after{content:"";z-index:2;outline:2px solid var(--accent-strong);outline-offset:-2px;pointer-events:none;position:absolute;inset:0}@media (forced-colors:active){.demo-frame[data-astro-cid-soxsnotx]:has(>.demo-window:focus-visible):after{outline-color:highlight}}iframe[data-astro-cid-soxsnotx]{background:var(--bg-app);border:0;width:100%;height:100%;display:block}@media (width<=40rem){iframe[data-astro-cid-soxsnotx]{width:960px}}.demo-loading[data-astro-cid-soxsnotx],.demo-fallback[data-astro-cid-soxsnotx]{z-index:1;background:var(--bg-app);color:var(--text-secondary);place-content:center;gap:16px;padding:24px;font-size:15px;line-height:1.55;display:grid;position:absolute;inset:0}.demo-loading[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx],.demo-fallback[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{max-width:calc(48 * var(--ui-ch))}.demo-fallback[data-astro-cid-soxsnotx]>div[data-astro-cid-soxsnotx]{flex-wrap:wrap;gap:12px;display:flex}.demo-loading[data-astro-cid-soxsnotx][hidden],.demo-fallback[data-astro-cid-soxsnotx][hidden]{display:none}.demo-stage[data-astro-cid-soxsnotx].demo-focus{z-index:1000;position:fixed;inset:0}.demo-focus[data-astro-cid-soxsnotx] .demo-titles[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{display:none}.demo-nojs[data-astro-cid-soxsnotx]{width:min(calc(100% - 32px), calc(62 * var(--ui-ch)));margin:48px auto}.demo-nojs[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.demo-nojs[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}@media (width<=1180px){.demo-titles[data-astro-cid-soxsnotx]{flex-direction:column;align-items:flex-start}}@media (width<=860px){.demo-act[data-astro-cid-soxsnotx]{gap:0;width:40px;height:40px;padding:0;font-size:0}.demo-act[data-astro-cid-soxsnotx]:before{width:16px;height:16px;-webkit-mask-size:16px 16px;mask-size:16px 16px}.demo-bar[data-astro-cid-soxsnotx]{gap:10px}}@media (width<=1240px){.demo-try[data-astro-cid-soxsnotx]{display:none}}@media (width<=720px){.demo-guide[data-astro-cid-soxsnotx]{flex-wrap:wrap;row-gap:4px}.demo-links[data-astro-cid-soxsnotx]{white-space:normal;flex-wrap:wrap;flex:100%;gap:0 16px;min-width:0;margin-left:0}.demo-links[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx][href="/docs/"],.demo-links[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx][href=\/]{display:none}.demo-phone[data-astro-cid-soxsnotx]{flex-wrap:wrap;flex:auto;align-items:center;gap:8px 14px;min-width:0;display:flex}.demo-phone[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{min-width:0;color:var(--text-dim);flex:160px;margin:0;font-size:13px;line-height:1.4}}@media (width<=560px){.demo-bar[data-astro-cid-soxsnotx]{min-height:54px;padding-block:5px}.demo-copy[data-astro-cid-soxsnotx]{gap:10px}.demo-separator[data-astro-cid-soxsnotx]{display:none}.demo-titles[data-astro-cid-soxsnotx]{flex-direction:column;display:flex}.demo-titles[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{font-size:13px}.demo-titles[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{font-size:12px;line-height:1.35}.demo-actions[data-astro-cid-soxsnotx]{gap:4px}.demo-fallback[data-astro-cid-soxsnotx]>div[data-astro-cid-soxsnotx]{flex-direction:column;align-items:stretch}}@media (width<=360px){.demo-guide[data-astro-cid-soxsnotx],.demo-phone[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{font-size:12px}.demo-links[data-astro-cid-soxsnotx]{column-gap:6px}}@media (orientation:landscape) and (height<=500px){.demo-stage[data-astro-cid-soxsnotx]{grid-template-rows:40px 0 minmax(0,1fr)}.demo-guide[data-astro-cid-soxsnotx]{display:none}.demo-bar[data-astro-cid-soxsnotx]{gap:10px;height:40px;min-height:40px;padding-block:0}.demo-home[data-astro-cid-soxsnotx]{min-width:40px;min-height:40px;margin-left:-8px}.demo-separator[data-astro-cid-soxsnotx]{display:none}.demo-titles[data-astro-cid-soxsnotx]{flex-flow:row;align-items:baseline;overflow:hidden}.demo-titles[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{font-size:13px}.demo-titles[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-act[data-astro-cid-soxsnotx]{gap:0;width:36px;height:36px;padding:0;font-size:0}.demo-frame[data-astro-cid-soxsnotx]{height:calc(100svh - 40px)}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.demo-stage[data-astro-cid-soxsnotx]{grid-template-rows:44px 0 minmax(0,1fr)}.demo-bar[data-astro-cid-soxsnotx]{height:44px;min-height:44px}.demo-home[data-astro-cid-soxsnotx]{min-width:44px;min-height:44px}.demo-act[data-astro-cid-soxsnotx]{width:44px;height:44px}.demo-frame[data-astro-cid-soxsnotx]{height:calc(100svh - 44px)}}@media (orientation:landscape) and (height<=500px) and (width<=560px){.demo-stage[data-astro-cid-soxsnotx]{grid-template-rows:auto 0 minmax(0,1fr)}.demo-bar[data-astro-cid-soxsnotx]{height:auto;padding-block:4px}.demo-titles[data-astro-cid-soxsnotx]{flex-direction:column;align-items:flex-start;overflow:visible}.demo-titles[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{white-space:normal;overflow:visible}.demo-frame[data-astro-cid-soxsnotx]{height:auto}}@media (pointer:coarse){.demo-links[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{justify-content:center;min-width:44px;min-height:44px}}@media (pointer:coarse) and (width<=860px) and (height>=501px){.demo-act[data-astro-cid-soxsnotx]{width:44px;height:44px}}