.jl .demo3 .dapp{--d-ink:#3d3b4f;--d-paper:#f1f1f1;--d-card:#fbfbfc;--d-muted:#3d3b4f9e;--d-rule:#55536833;--d-wash:color-mix(in srgb, var(--d-ink) 4%, var(--d-card));--d-wash2:color-mix(in srgb, var(--d-ink) 8%, var(--d-card));--d-blue:#5882ff;--d-brand:#fa114e;--background:var(--d-paper);--foreground:var(--d-ink);--card:var(--d-card);--card-foreground:var(--d-ink);--popover:var(--d-card);--popover-foreground:var(--d-ink);--primary:var(--d-ink);--primary-foreground:var(--d-paper);--secondary:var(--d-wash2);--secondary-foreground:var(--d-ink);--muted:var(--d-wash);--muted-foreground:var(--d-muted);--accent:var(--d-wash2);--accent-foreground:var(--d-ink);--border:var(--d-rule);--input:var(--d-rule);--ring:var(--d-muted);--control-bg:var(--d-card);--control-hover:var(--d-wash);--sidebar:var(--d-wash);--sidebar-foreground:var(--d-ink);--sidebar-primary:var(--d-ink);--sidebar-primary-foreground:var(--d-paper);--sidebar-accent:var(--d-wash2);--sidebar-accent-foreground:var(--d-ink);--sidebar-border:var(--d-rule);--sidebar-ring:var(--d-muted);--elevation-flat:0 0 0 1px var(--d-rule);--elevation-low:none;--elevation-medium:0 0 0 1px var(--d-rule);--elevation-high:0 0 0 1px var(--d-rule), 0 8px 24px #00000014;--elevation-header-blur:none;--chart-1:#7a4de8;--chart-2:#f2731d;--chart-3:#f2679a;--chart-4:#f4b71c;--chart-5:var(--d-blue);--agent-red:#ea3a2e;--agent-purple:#7a4de8;--agent-yellow:#f4b71c;--agent-pink:#f2679a;--agent-orange:#f2731d;--text-green:#1f8a4c;--text-blue:var(--d-blue);--text-red:var(--d-brand);--destructive:var(--d-brand);--attention:#b7791f;--attention-muted:color-mix(in srgb, #f4b71c 12%, var(--d-card));--amber-emphasis:#8a5a00;--green-base:#1f8a4c;--green-emphasis:#1f6b3e;--green-muted-fill:color-mix(in srgb, #1f8a4c 10%, var(--d-card));--green-border:#1f8a4c47;--blue-base:var(--d-blue);--blue-muted-fill:color-mix(in srgb, var(--d-blue) 10%, var(--d-card));--blue-border:color-mix(in srgb, var(--d-blue) 30%, transparent)}body:has(.jl .demo3)>:is([data-radix-popper-content-wrapper],[role=dialog],[role=alertdialog],[data-slot=dialog-overlay],[data-slot=alert-dialog-overlay]){--d-ink:#3d3b4f;--d-paper:#f1f1f1;--d-card:#fbfbfc;--d-muted:#3d3b4f9e;--d-rule:#55536833;--d-wash:color-mix(in srgb, var(--d-ink) 4%, var(--d-card));--d-wash2:color-mix(in srgb, var(--d-ink) 8%, var(--d-card));--d-blue:#5882ff;--d-brand:#fa114e;--background:var(--d-paper);--foreground:var(--d-ink);--card:var(--d-card);--card-foreground:var(--d-ink);--popover:var(--d-card);--popover-foreground:var(--d-ink);--primary:var(--d-ink);--primary-foreground:var(--d-paper);--secondary:var(--d-wash2);--secondary-foreground:var(--d-ink);--muted:var(--d-wash);--muted-foreground:var(--d-muted);--accent:var(--d-wash2);--accent-foreground:var(--d-ink);--border:var(--d-rule);--input:var(--d-rule);--ring:var(--d-muted);--control-bg:var(--d-card);--control-hover:var(--d-wash);--sidebar:var(--d-wash);--sidebar-foreground:var(--d-ink);--sidebar-primary:var(--d-ink);--sidebar-primary-foreground:var(--d-paper);--sidebar-accent:var(--d-wash2);--sidebar-accent-foreground:var(--d-ink);--sidebar-border:var(--d-rule);--sidebar-ring:var(--d-muted);--elevation-flat:0 0 0 1px var(--d-rule);--elevation-low:none;--elevation-medium:0 0 0 1px var(--d-rule);--elevation-high:0 0 0 1px var(--d-rule), 0 8px 24px #00000014;--elevation-header-blur:none;--chart-1:#7a4de8;--chart-2:#f2731d;--chart-3:#f2679a;--chart-4:#f4b71c;--chart-5:var(--d-blue);--agent-red:#ea3a2e;--agent-purple:#7a4de8;--agent-yellow:#f4b71c;--agent-pink:#f2679a;--agent-orange:#f2731d;--text-green:#1f8a4c;--text-blue:var(--d-blue);--text-red:var(--d-brand);--destructive:var(--d-brand);--attention:#b7791f;--attention-muted:color-mix(in srgb, #f4b71c 12%, var(--d-card));--amber-emphasis:#8a5a00;--green-base:#1f8a4c;--green-emphasis:#1f6b3e;--green-muted-fill:color-mix(in srgb, #1f8a4c 10%, var(--d-card));--green-border:#1f8a4c47;--blue-base:var(--d-blue);--blue-muted-fill:color-mix(in srgb, var(--d-blue) 10%, var(--d-card));--blue-border:color-mix(in srgb, var(--d-blue) 30%, transparent)}.dark .jl .demo3 .dapp{--d-ink:#ecebf2;--d-paper:#1c1b24;--d-card:#24232e;--d-muted:#ecebf29e;--d-rule:#ecebf21f;--text-green:#6fcf97;--attention:#f4c55c;--amber-emphasis:#f4c55c;--green-emphasis:#8fdcae;--elevation-high:0 0 0 1px var(--d-rule), 0 8px 24px #0006}.dark body:has(.jl .demo3)>:is([data-radix-popper-content-wrapper],[role=dialog],[role=alertdialog],[data-slot=dialog-overlay],[data-slot=alert-dialog-overlay]){--d-ink:#ecebf2;--d-paper:#1c1b24;--d-card:#24232e;--d-muted:#ecebf29e;--d-rule:#ecebf21f;--text-green:#6fcf97;--attention:#f4c55c;--amber-emphasis:#f4c55c;--green-emphasis:#8fdcae;--elevation-high:0 0 0 1px var(--d-rule), 0 8px 24px #0006}:is(body:has(.jl .demo3)>[role=dialog],body:has(.jl .demo3)>[role=alertdialog]){color:var(--d-ink)}.jl .demo3 .dscreen{background:var(--paper);min-height:560px}@media (max-width:700px){.jl .demo3 .dscreen{aspect-ratio:auto;height:760px}}.jl .demo3 .dapp{background:var(--d-paper);color:var(--d-ink);font:400 14px/1.45 var(--f);letter-spacing:0;text-align:left;grid-template-columns:260px minmax(0,1fr);display:grid;position:absolute;inset:0}.jl .demo3 .dapp button{font-family:inherit}.jl .demo3 .drail{width:auto;min-width:0;min-height:0;overflow:hidden}.jl .demo3 .dmainx{background:var(--d-paper);scrollbar-width:thin;min-width:0;min-height:0;overflow:hidden auto}@media (max-width:900px){.jl .demo3 .dapp{grid-template-columns:minmax(0,1fr)}.jl .demo3 .drail{display:none}}.jl .demo3 .dwg header>div:first-child>div:last-child>span:first-child,.jl .demo3 .dwg p.text-text-tertiary.body-mini-regular.shrink-0{display:none}.jl .demo3 .dpop{display:inline-flex;position:relative}.jl .demo3 .dpop-menu{z-index:30;background:var(--d-card);min-width:100%;box-shadow:var(--elevation-high);border-radius:8px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.jl .demo3 .dpop-menu.d-end{left:auto;right:0}.jl .demo3 .dpop-menu button{appearance:none;color:var(--d-ink);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.jl .demo3 .dpop-menu button span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.jl .demo3 .dpop-menu button:hover:not(:disabled){background:var(--d-wash)}.jl .demo3 .dpop-menu button.d-danger{color:var(--d-brand)}.jl .demo3 .dpop-menu button:disabled{color:var(--d-muted);cursor:default}.jl .demo3 .dpop-menu button small{color:var(--d-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.jl .demo3 .dpop-menu hr{border:0;border-top:1px solid var(--d-rule);margin:3px 0}.jl .demo3 .dtick{flex-shrink:0;width:14px;height:14px;position:relative}.jl .demo3 .dtick.d-on:after{content:"";border-right:1.5px solid var(--d-ink);border-bottom:1.5px solid var(--d-ink);width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.jl .demo3 .dchat .dcompose{background:linear-gradient(transparent, var(--d-paper) 30%);padding-top:16px;position:sticky;bottom:0}.jl .demo3 .dwg article>div:first-child>div:first-child>:nth-child(-n+2),.jl .demo3 .dwg figure>figcaption,.jl .demo3 .dwg div[role=status].flex.flex-wrap.items-center.gap-2{display:none}@media (max-width:700px){.jl .demo3 .dwg header nav{scrollbar-width:none;overflow-x:auto}.jl .demo3 .dwg header nav>ul{flex-shrink:0}.jl .demo3 .dwg .mt-auto.flex.shrink-0.items-center.gap-2,.jl .demo3 .dwg .mt-auto.flex.shrink-0.items-center.gap-2>.flex.items-center.gap-2{flex-wrap:wrap;min-width:0}.jl .demo3 .dwg .inline-flex.h-7.border[class*=p-0\.5]{flex-wrap:wrap;max-width:100%;height:auto}.jl .demo3 .dwg .flex.items-start.justify-between.gap-4{flex-wrap:wrap}.jl .demo3 .dwg .mt-auto.flex.shrink-0.items-center.gap-2{flex-shrink:1}}.jl .demo3 .dwg header{background:var(--d-paper);-webkit-backdrop-filter:none;backdrop-filter:none}.jl .demo3 .dchat .prose a{overflow-wrap:anywhere}