@media print{.pt-demo-ui{display:none}}.demo-sw{right:var(--s-4);bottom:var(--s-4);z-index:var(--z-float);align-items:flex-end;gap:var(--s-2);max-width:calc(100vw - 2 * var(--s-4));font-family:var(--font);color:var(--ink-1);flex-direction:column;display:flex;position:fixed}@media (width<=719px){body[data-layout=app] .demo-sw{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s-2))}}body[data-layout=flow] .demo-sw{bottom:calc(var(--jy-foot-h) + var(--s-2))}.demo-sw-btn{min-height:var(--ctl-md);max-width:240px;padding:0 var(--s-4);border:var(--border-hair) solid var(--line-2);border-radius:var(--r-pill);background:var(--surface-panel);color:var(--ink-1);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;overflow:hidden}.demo-sw-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.demo-panel{overscroll-behavior:contain;width:380px;max-width:100%;max-height:75vh;padding:var(--s-5);border:var(--border-hair) solid var(--line-1);border-radius:var(--r-xl);background:var(--surface-panel);font-size:var(--fs-sm);overflow:auto}.demo-panel[hidden]{display:none}@media (width<=719px){.demo-sw[data-expanded]{left:var(--s-4)}.demo-panel{width:100%}}.demo-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.demo-h{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0}.demo-date,.demo-current,.demo-why,.demo-url{margin:var(--s-1) 0 0;color:var(--ink-3);font-size:var(--fs-xs)}.demo-url{display:block}.demo-collapse,.demo-reset,.demo-tab{min-height:var(--ctl-md);padding:0 var(--s-3);border:var(--border-hair) solid var(--line-2);border-radius:var(--r-md);background:var(--surface-panel);color:var(--ink-1);font:inherit;cursor:pointer}.demo-tablist{gap:var(--s-2);margin:var(--s-4) 0 var(--s-3);display:flex}.demo-tab[aria-selected=true]{border-color:var(--ink-1);font-weight:var(--fw-medium)}.demo-tp[hidden]{display:none}.demo-row{margin:0 0 var(--s-4);border:0;min-width:0;padding:0}.demo-row-inline{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.demo-legend{margin:0 0 var(--s-1);font-weight:var(--fw-medium);padding:0;display:block}.demo-choice{column-gap:var(--s-2);min-height:var(--ctl-sm);grid-template-columns:auto 1fr;align-items:center;display:grid}.demo-choice .demo-why{grid-column:2;margin:0}.demo-choice input,.demo-switch{width:var(--s-5);height:var(--s-5);accent-color:var(--ink-1);margin:0}.demo-choice input:disabled+.demo-opt{color:var(--ink-3)}.demo-select,.demo-search{width:100%;min-height:var(--ctl-md);padding:0 var(--s-3);border:var(--border-hair) solid var(--field-border);border-radius:var(--r-md);background:var(--surface-panel);color:var(--ink-1);font:inherit}.demo-details{margin:0 0 var(--s-4)}.demo-details>summary{min-height:var(--ctl-sm);font-weight:var(--fw-medium);cursor:pointer}.demo-notes{margin:var(--s-3) 0 0;color:var(--ink-2);font-size:var(--fs-xs);padding:0;list-style:none}.demo-group-h{margin:var(--s-4) 0 var(--s-2);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.demo-list{margin:0;padding:0;list-style:none}.demo-link{padding:var(--s-2) 0;color:var(--ink-1);text-underline-offset:var(--s-1);text-decoration:underline;display:block}.demo-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-sw[data-expanded]{z-index:var(--z-skip);max-width:none;padding:var(--s-6) var(--s-4);background:rgb(var(--rgb-shade) / 72%);justify-content:center;align-items:center;inset:0}.demo-sw[data-expanded] .demo-sw-btn{display:none}.demo-sw[data-expanded] .demo-panel{width:min(1120px,100%);height:100%;max-height:none;padding:var(--s-6);font-size:var(--fs-portal-body)}@media (width>=900px){.demo-sw[data-expanded] .demo-list{columns:2;column-gap:var(--s-7)}.demo-sw[data-expanded] .demo-list>*{break-inside:avoid}}@media (width>=1200px){.demo-sw[data-expanded] .demo-list{columns:3}}.demo-sec{padding-top:var(--s-6);margin-top:var(--s-6);border-top:var(--border-hair) solid var(--line-1)}.demo-tp>.demo-sec:first-child{margin-top:var(--s-2)}.demo-sec-h{font-size:var(--fs-portal-title);font-weight:var(--fw-medium);color:var(--ink-1);margin:0}.demo-sec-hint{margin:var(--s-1) 0 var(--s-4)}.demo-sec>.demo-row+.demo-row{margin-top:var(--s-4)}.demo-grid{gap:var(--s-5) var(--s-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;display:grid}.demo-grid-tight{gap:var(--s-3) var(--s-5);margin-top:var(--s-3)}.demo-row.is-cards{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.demo-row.is-cards>.demo-legend{grid-column:1/-1}.demo-row.is-cards .demo-choice{padding:var(--s-3) var(--s-4);border:var(--border-hair) solid var(--line-1);border-radius:var(--r-lg);background:var(--surface-ground);margin:0}.demo-row.is-cards .demo-choice.is-on{border-color:var(--ink-1);background:var(--surface-panel)}.demo-row.is-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo-row.is-chips>.demo-legend{flex-basis:100%}.demo-row.is-chips .demo-choice{padding:var(--s-2) var(--s-3);border:var(--border-hair) solid var(--line-1);border-radius:var(--r-pill);margin:0}.demo-row.is-chips .demo-choice.is-on{border-color:var(--ink-1)}.demo-row.is-chips .demo-why{flex-basis:100%}.demo-tools>summary{cursor:pointer;list-style-position:inside}.demo-tools .demo-grid{margin-top:var(--s-4)}.demo-tools .demo-details{margin-top:var(--s-5)}.demo-foot{justify-content:flex-end;display:flex}.demo-row.is-cards>.demo-legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-row.is-cards .demo-choice{align-items:start}.demo-row.is-cards .demo-choice input{margin-top:var(--s-1)}body:has(.demo-sw[data-expanded]) #folio-chat{display:none}.demo-row.is-chips .demo-choice{min-height:var(--ctl-sm);padding:0 var(--s-4);background:var(--surface-panel);display:inline-flex;position:relative}.demo-row.is-chips .demo-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-row.is-chips .demo-choice.is-on{border-color:var(--ink-1);background:var(--surface-sunken)}.demo-row.is-chips .demo-choice:focus-within{outline:2px solid var(--ink-1);outline-offset:2px}.demo-row.is-chips .demo-choice:has(input:disabled){opacity:.5}.demo-row.is-chips .demo-choice .demo-why{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-sec>.demo-sec-h+.demo-row,.demo-sec>.demo-sec-h+.demo-grid{margin-top:var(--s-4)}