.demo_topbar__xsfCH{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--mist);background:var(--paper)}.demo_topWordmark__gVZV1{font-size:var(--fs-6);font-weight:700;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.demo_topNote__Yjr2Q{font-size:var(--fs-2);color:var(--slate)}.demo_topSpacer__nxaIS{flex:1}.demo_topLink__mFcBd{font-size:var(--fs-3);color:var(--graphite);text-decoration:none}.demo_topLink__mFcBd:hover{color:var(--ink)}.demo_fallback__XOBkW{padding:40px;color:var(--slate)}.demo_fallback__XOBkW a{color:var(--cobalt)}.demo_shell__hyH0v{--demo-bar-h:50px;--demo-film-h:106px;--demo-side:250px;position:relative;display:grid;grid-template:"bar  bar" var(--demo-bar-h) "canvas side" 1fr "film film" var(--demo-film-h) /1fr var(--demo-side);height:calc(100vh - 57px);overflow:hidden;background:var(--paper)}.demo_loading__6AlAi{display:grid;place-items:center;height:calc(100vh - 57px);color:var(--slate);font-size:var(--fs-3)}.demo_bar__OM5rq{grid-area:bar;padding:0 14px;background:#fff;border-bottom:1px solid var(--mist);overflow:hidden}.demo_barScroll__2Xf1Y,.demo_bar__OM5rq{display:flex;align-items:center;gap:20px}.demo_barScroll__2Xf1Y{flex:1 1 auto;min-width:0;height:100%;overflow-x:auto;overscroll-behavior-x:contain}.demo_barActions__HXiZL{display:flex;align-items:center;gap:20px;flex:none}.demo_barGroup__WPTOx{display:flex;align-items:center;gap:9px;flex:none}.demo_barLabel__CPvzs{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.09em;color:var(--slate)}.demo_segRow__f8oSt{display:inline-flex;padding:2px;border:1px solid var(--mist);border-radius:var(--r-2);background:var(--paper);gap:2px}.demo_seg__DmXTO{border:0;background:transparent;border-radius:var(--r-1);padding:5px 10px;font-family:inherit;font-size:var(--fs-2);color:var(--graphite);cursor:pointer;white-space:nowrap}.demo_seg__DmXTO:hover{color:var(--ink);background:var(--mist)}.demo_segOn__zN7mE,.demo_segOn__zN7mE:hover{background:var(--ink);color:var(--paper)}.demo_barBtn__LPdal{border:1px solid var(--line);background:#fff;border-radius:var(--r-2);padding:5px 12px;font-family:inherit;font-size:var(--fs-2);color:var(--ink);cursor:pointer}.demo_barBtn__LPdal:hover{background:var(--mist)}.demo_barCta__r88Ff{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:var(--r-2);background:var(--ink);color:var(--paper);font-size:var(--fs-3);font-weight:550;text-decoration:none;white-space:nowrap}.demo_barCta__r88Ff:hover{background:#000}.demo_side__0khuv{grid-area:side;border-inline-start:1px solid var(--mist);background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:16px 14px}.demo_sideHead__dBb6S{margin-bottom:12px}.demo_sideKicker__Yt4VH{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--fs-1);color:var(--slate);letter-spacing:.06em}.demo_sideTitle__pQkN3{font-size:var(--fs-5);font-weight:630;letter-spacing:-.015em;margin:5px 0 0}.demo_blockList__Ggc2o{list-style:none;margin:0;padding:0;display:grid;gap:2px}.demo_blockItem__QZAzg{border-radius:var(--r-2);padding:7px 8px;border:1px solid transparent}.demo_blockItem__QZAzg:hover{background:var(--paper)}.demo_blockItemOn__Z_EYL{background:color-mix(in srgb,var(--cobalt) 6%,#fff);border-color:color-mix(in srgb,var(--cobalt) 30%,var(--mist))}.demo_blockBtn__D2RFX{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;text-align:start}.demo_blockName__o5dLF{font-size:var(--fs-3);color:var(--ink);font-weight:520;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo_blockType__YlT3g{flex:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--fs-1);color:var(--slate)}.demo_blockExport__i_PgU{display:block;margin-top:3px;font-size:var(--fs-1);color:var(--verified-ink);line-height:1.4}.demo_blockEmpty__zE8yP{font-size:var(--fs-2);color:var(--slate);padding:6px 8px}.demo_sideNote__dAY3C{font-size:var(--fs-2);line-height:1.5;color:var(--slate);margin:16px 0 0;padding-top:14px;border-top:1px solid var(--mist)}.demo_sideCta__4rRZk{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;height:34px;border-radius:var(--r-2);border:1px solid var(--line);color:var(--ink);font-size:var(--fs-3);text-decoration:none}.demo_sideCta__4rRZk:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media (max-width:900px){.demo_shell__hyH0v{--demo-bar-h:92px;grid-template:"bar" var(--demo-bar-h) "canvas" 1fr "film" var(--demo-film-h) /1fr}.demo_side__0khuv{display:none}.demo_bar__OM5rq{flex-direction:column;align-items:stretch;gap:0;padding:0}.demo_barScroll__2Xf1Y{flex:none;height:45px;padding:0 14px}.demo_barActions__HXiZL{height:46px;padding:0 14px;gap:12px;border-top:1px solid var(--mist)}.demo_barCta__r88Ff{margin-inline-start:auto}.demo_barHideSmall__pUW9M,.demo_topNote__Yjr2Q{display:none}}@media (prefers-reduced-motion:no-preference){.demo_barBtn__LPdal,.demo_barCta__r88Ff,.demo_blockItem__QZAzg,.demo_seg__DmXTO,.demo_sideCta__4rRZk{transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}}.demo_barExport__CGT5h{flex:none;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-1);border:0;background:transparent;color:var(--cobalt);font-family:inherit;font-size:var(--fs-2);font-weight:550;cursor:pointer;white-space:nowrap}.demo_barExport__CGT5h:hover:not(:disabled){background:color-mix(in srgb,var(--cobalt) 10%,#fff)}.demo_barExport__CGT5h:disabled{opacity:.6;cursor:default}.demo_hiddenAnchor__msm4F{display:none}.demo_sideError__Cqu0l{margin:14px 0 0;padding:9px 10px;border-radius:var(--r-2);border:1px solid color-mix(in srgb,var(--claret) 40%,var(--mist));background:color-mix(in srgb,var(--claret) 6%,#fff);color:var(--claret);font-size:var(--fs-2);line-height:1.5}