.demo[data-astro-cid-prwxh6m4]{--bar: 65px;display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:var(--s-5);height:calc(100dvh - var(--bar));min-height:560px;padding:var(--s-4) var(--gutter);max-width:var(--maxw);margin-inline:auto}.demo__side[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--s-4);min-height:0;overflow-y:auto}.demo__notice[data-astro-cid-prwxh6m4]{font-size:var(--t-1);color:var(--muted);padding:var(--s-2) var(--s-3);border:1px solid var(--hair);border-radius:var(--r-control)}.demo__fold[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--s-3)}.demo__title[data-astro-cid-prwxh6m4]{font-size:var(--t-4)}.demo__caption[data-astro-cid-prwxh6m4]{color:var(--muted);min-height:3.1em}.demo__devices[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;border-top:1px solid var(--hair)}.demo__device-btn[data-astro-cid-prwxh6m4]{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:44px;padding:0 var(--s-1);font:inherit;font-size:var(--t-2);color:var(--muted);background:none;border:0;border-bottom:1px solid var(--hair);text-align:left;transition:color var(--fast) var(--ease)}.demo__device-btn[data-astro-cid-prwxh6m4]:hover{color:var(--chalk)}.demo__device-btn[data-astro-cid-prwxh6m4][aria-pressed=true]{color:var(--chalk);font-weight:650}.demo__device-btn[data-astro-cid-prwxh6m4][aria-pressed=true] .demo__dims[data-astro-cid-prwxh6m4]{color:var(--chalk)}.demo__short[data-astro-cid-prwxh6m4]{display:none}.demo__dims[data-astro-cid-prwxh6m4]{font-size:var(--t-1);color:var(--muted)}.demo__actions[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--s-3)}.demo__row[data-astro-cid-prwxh6m4]{display:flex;flex-wrap:wrap;gap:var(--s-2)}.demo__seg[data-astro-cid-prwxh6m4]{display:flex}.demo__seg[data-astro-cid-prwxh6m4] button[data-astro-cid-prwxh6m4],.demo__reset[data-astro-cid-prwxh6m4]{min-height:44px;padding:0 var(--s-3);font:inherit;font-size:var(--t-1);color:var(--muted);background:none;border:1px solid var(--hair-2);border-radius:var(--r-control);transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.demo__seg[data-astro-cid-prwxh6m4] button[data-astro-cid-prwxh6m4]:first-child{border-radius:var(--r-control) 0 0 var(--r-control)}.demo__seg[data-astro-cid-prwxh6m4] button[data-astro-cid-prwxh6m4]:last-child{border-left:0;border-radius:0 var(--r-control) var(--r-control) 0}.demo__seg[data-astro-cid-prwxh6m4] button[data-astro-cid-prwxh6m4]:hover,.demo__reset[data-astro-cid-prwxh6m4]:hover{color:var(--chalk);border-color:var(--chalk)}.demo__seg[data-astro-cid-prwxh6m4] button[data-astro-cid-prwxh6m4][aria-pressed=true]{color:var(--steel);background:var(--chalk);border-color:var(--chalk)}.demo__stage[data-astro-cid-prwxh6m4]{min-width:0;min-height:0;display:flex;align-items:flex-start;justify-content:center}.demo__box[data-astro-cid-prwxh6m4]{position:relative;flex:none}.demo__frame[data-astro-cid-prwxh6m4]{position:absolute;top:0;left:0;transform-origin:top left;background:var(--steel-2);border:1px solid var(--hair-2)}.demo__screen[data-astro-cid-prwxh6m4]{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;background:var(--steel);outline:1px solid var(--hair)}.demo__screen[data-astro-cid-prwxh6m4] iframe[data-astro-cid-prwxh6m4]{display:block;width:100%;height:100%;border:0}.demo__crease[data-astro-cid-prwxh6m4]{display:none;position:absolute;z-index:0;pointer-events:none;background:var(--hair)}[data-astro-cid-prwxh6m4][data-fold=v] .demo__crease[data-astro-cid-prwxh6m4]{display:block;top:0;bottom:0;left:50%;width:1px}[data-astro-cid-prwxh6m4][data-fold=h] .demo__crease[data-astro-cid-prwxh6m4]{display:block;left:0;right:0;top:50%;height:1px}@media(max-width:599.98px){.demo[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--s-2);min-height:480px;padding:var(--s-2) 0 0}.demo__side[data-astro-cid-prwxh6m4]{flex:none;gap:var(--s-2);padding-inline:var(--gutter);overflow:visible}.demo__notice[data-astro-cid-prwxh6m4]{padding:0;border:0}.demo__fold[data-astro-cid-prwxh6m4]{display:none}.demo__actions[data-astro-cid-prwxh6m4]{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.demo__workout[data-astro-cid-prwxh6m4]{min-height:44px;padding:0 var(--s-3);font-size:var(--t-1)}.demo__stage[data-astro-cid-prwxh6m4]{flex:1;border-top:1px solid var(--hair)}.demo__box[data-astro-cid-prwxh6m4],.demo__frame[data-astro-cid-prwxh6m4]{width:100%!important;height:100%!important}.demo__frame[data-astro-cid-prwxh6m4]{position:static;transform:none!important;padding:0!important;border:0;border-radius:0!important;background:none}.demo__screen[data-astro-cid-prwxh6m4]{outline:0;border-radius:0!important}.demo__long[data-astro-cid-prwxh6m4]{display:none}.demo__short[data-astro-cid-prwxh6m4]{display:inline}.demo__crease[data-astro-cid-prwxh6m4]{display:none!important}}