:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;font-synthesis:none;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fafafa;background:#09090b}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,select{font:inherit}.playground-app{--pg-background:#fff;--pg-card:#fff;--pg-code:#fafafa;--pg-foreground:#18181b;--pg-muted:#f4f4f5;--pg-muted-foreground:#71717a;--pg-border:#e4e4e7;--pg-ring:#18181b;background:var(--pg-background);min-height:100svh;color:var(--pg-foreground);grid-template-rows:auto minmax(0,1fr);width:100%;max-width:100vw;display:grid;overflow:hidden}:root[data-theme=dark] .playground-app{--pg-background:#09090b;--pg-card:#18181b;--pg-code:#111113;--pg-foreground:#fafafa;--pg-muted:#27272a;--pg-muted-foreground:#a1a1aa;--pg-border:#27272a;--pg-ring:#fafafa}.playground-header{border-bottom:1px solid var(--pg-border);background:var(--pg-background);max-width:100vw}.playground-brand-row,.playground-controls{align-items:center;width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(1rem,2vw,2rem);display:flex}.playground-brand-row{grid-template-columns:auto auto minmax(0,1fr) auto;gap:.75rem;min-height:3.75rem;margin:0;display:grid}.playground-brand{color:var(--pg-foreground);letter-spacing:-.025em;font-size:.96rem;font-weight:700;text-decoration:none}.playground-badge{border:1px solid var(--pg-border);color:var(--pg-muted-foreground);letter-spacing:.02em;text-transform:uppercase;border-radius:.35rem;padding:.2rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.playground-brand-row>p{min-width:0;color:var(--pg-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0 0 0 .25rem;font-size:.82rem;overflow:hidden}.playground-nav{flex-wrap:nowrap;align-items:center;gap:.15rem;min-width:0;margin-left:auto;display:flex}.playground-nav a,.playground-icon-button{width:2rem;height:2rem;color:var(--pg-muted-foreground);background:0 0;border:0;border-radius:.35rem;justify-content:center;align-items:center;padding:0;font-size:.78rem;text-decoration:none;display:inline-flex}.playground-nav a svg{flex:none;width:1rem;height:1rem}.playground-nav a:hover,.playground-icon-button:hover{background:var(--pg-muted);color:var(--pg-foreground)}.playground-icon-button{border-left:1px solid var(--pg-border);cursor:pointer;border-radius:0;width:2.25rem;margin-left:.2rem;font-size:.95rem}.playground-docs-link{border:1px solid var(--pg-border);background:var(--pg-background);letter-spacing:.01em;white-space:nowrap;border-radius:999px;width:auto;padding-inline:.7rem;font-size:.75rem;font-weight:500}.playground-docs-link:hover{background:var(--pg-muted);border-color:var(--pg-muted)}.playground-configuration{border-top:1px solid var(--pg-border);background:var(--pg-card)}.playground-configuration>summary{width:min(100%,1600px);min-height:2.6rem;color:var(--pg-foreground);cursor:pointer;align-items:center;gap:.6rem;margin-inline:auto;padding-inline:clamp(1rem,2vw,2rem);font-size:.8rem;font-weight:600;list-style:none;display:flex}.playground-configuration>summary::-webkit-details-marker{display:none}.playground-configuration>summary>small{color:var(--pg-muted-foreground);font-size:.72rem;font-weight:400}.playground-configuration>summary:after{color:var(--pg-muted-foreground);content:"⌄";margin-left:auto;font-size:1.1rem;transition:transform .15s}.playground-configuration[open]>summary{border-bottom:1px solid var(--pg-border)}.playground-configuration[open]>summary:after{transform:rotate(180deg)}.playground-configuration>summary:hover{background:var(--pg-muted)}.playground-configuration-content{background:var(--pg-card)}.playground-controls{background:var(--pg-card);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.4rem .55rem;padding-block:.45rem;display:grid}.playground-control{gap:.2rem;min-width:0;display:grid}.playground-control>span{color:var(--pg-muted-foreground);letter-spacing:.06em;text-transform:uppercase;font-size:.61rem;font-weight:600}.playground-control select{border:1px solid var(--pg-border);background:var(--pg-background);width:100%;min-width:0;height:1.9rem;color:var(--pg-foreground);cursor:pointer;border-radius:.35rem;outline:0;padding-inline:.5rem 1.5rem;font-size:.76rem}.playground-control select:focus,.playground-icon-button:focus-visible,.playground-nav a:focus-visible,.playground-tab:focus-visible{outline:2px solid var(--pg-ring);outline-offset:2px}.playground-check-control{min-width:0;height:1.9rem;color:var(--pg-muted-foreground);align-self:end;align-items:center;gap:.4rem;margin-bottom:0;font-size:.75rem;display:inline-flex}.playground-check-control input{accent-color:var(--pg-foreground)}.playground-source{border-top:1px solid var(--pg-border);background:var(--pg-card);grid-template-columns:minmax(0,1fr) auto;gap:.4rem .55rem;width:min(100%,1600px);margin-inline:auto;padding:.65rem clamp(1rem,2vw,2rem);display:grid}.playground-source label{gap:.2rem;min-width:0;display:grid}.playground-source label>span{color:var(--pg-muted-foreground);letter-spacing:.06em;text-transform:uppercase;font-size:.61rem;font-weight:600}.playground-source input,.playground-source button{border:1px solid var(--pg-border);background:var(--pg-background);min-height:1.9rem;color:var(--pg-foreground);font:inherit;border-radius:.35rem;font-size:.76rem}.playground-source input{width:100%;padding-inline:.55rem}.playground-source button{cursor:pointer;align-self:end;padding-inline:.7rem}.playground-source button:disabled{cursor:wait;opacity:.7}.playground-source p{color:#dc2626;grid-column:1/-1;margin:0;font-size:.72rem}.playground-source-examples{color:var(--pg-muted-foreground);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.playground-source-examples button{min-height:auto;color:inherit;font-size:inherit;border:0;border-radius:.25rem;padding:.08rem .35rem}.playground-source-examples button:hover{background:var(--pg-muted);color:var(--pg-foreground)}.playground-setup{border-top:1px solid var(--pg-border);background:var(--pg-card)}.playground-setup>summary,.playground-setup-content{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(1rem,2vw,2rem)}.playground-setup>summary{border-bottom:1px solid var(--pg-border);background:var(--pg-muted);min-height:2.75rem;color:var(--pg-foreground);cursor:pointer;align-items:center;font-size:.78rem;font-weight:600;list-style:none;display:flex}.playground-setup>summary::-webkit-details-marker{display:none}.playground-setup>summary:after{color:var(--pg-muted-foreground);content:"⌄";margin-left:auto;font-size:1.1rem;transition:transform .15s}.playground-setup[open]>summary:after{transform:rotate(180deg)}.playground-setup>summary:hover{background:var(--pg-background)}.playground-setup-content{padding-bottom:.85rem}.playground-setup-actions{gap:.3rem;display:flex}.playground-setup-actions button{min-height:1.9rem;color:var(--pg-muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;padding-inline:.55rem;font-size:.75rem}.playground-setup-actions button:hover,.playground-setup-actions button[data-active]{border-color:var(--pg-border);background:var(--pg-background);color:var(--pg-foreground)}.playground-setup-actions .playground-copy-button{margin-left:auto}.playground-setup pre{border:1px solid var(--pg-border);background:var(--pg-code);max-height:13rem;color:var(--pg-foreground);border-radius:.35rem;margin:.55rem 0 0;padding:.8rem;font-size:.72rem;line-height:1.5;overflow:auto}.playground-setup p{color:var(--pg-muted-foreground);margin:.55rem 0 0;font-size:.72rem}.playground-workspace{background:var(--pg-code);max-width:100vw;min-height:0}.playground-loading{min-height:20rem;color:var(--pg-muted-foreground);place-items:center;font-size:.85rem;display:grid}.playground-panels{height:100%}.playground-panel{background:var(--pg-background);flex-direction:column;min-width:0;display:flex}.playground-panel-heading{border-bottom:1px solid var(--pg-border);background:var(--pg-card);align-items:center;gap:.75rem;min-height:3.25rem;padding-inline:1rem;display:flex}.playground-panel-copy{flex:none;gap:.08rem;display:grid}.playground-panel-copy span{color:var(--pg-foreground);font-size:.82rem;font-weight:650}.playground-panel-copy small{color:var(--pg-muted-foreground);font-size:.68rem}.playground-tabs{min-width:0;margin-left:auto;display:flex;overflow-x:auto}.playground-tab{max-width:14rem;color:var(--pg-muted-foreground);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.42rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;overflow:hidden}.playground-tab:hover,.playground-tab[data-active]{border-color:var(--pg-border);background:var(--pg-background);color:var(--pg-foreground)}.playground-editor{flex:1;min-height:0;overflow:hidden}.playground-resize-handle{z-index:1;cursor:col-resize;background:var(--pg-code);outline:0;flex:0 0 .8rem;position:relative}.playground-resize-handle:before{background:var(--pg-border);content:"";border-radius:999px;transition:background .15s;position:absolute;inset:.65rem .28rem}.playground-resize-handle:hover:before,.playground-resize-handle[data-resize-handle-active]:before{background:var(--pg-foreground)}.playground-resize-handle--vertical{cursor:row-resize}.playground-resize-handle--vertical:before{inset:.28rem .65rem}@media (width<=980px){.playground-brand-row{grid-template-columns:auto auto minmax(0,1fr) auto}.playground-brand-row>p{display:none}}@media (width<=720px){.playground-brand-row{min-height:3.25rem;padding-block:.5rem}.playground-nav{gap:0;margin-left:auto}.playground-nav a,.playground-icon-button{width:2rem;height:2rem}.playground-nav .playground-docs-link{width:auto;padding-inline:.55rem}.playground-controls{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));padding-block:.45rem}.playground-configuration>summary{min-height:2.4rem}.playground-configuration>summary>small{display:none}.playground-source{grid-template-columns:1fr}.playground-source button{justify-self:start}.playground-panel-heading{min-height:2.75rem;padding-inline:.7rem}.playground-panel-copy small{display:none}.playground-tab{max-width:8.5rem}}@media (width<=420px){.playground-brand-row{grid-template-columns:auto auto auto;gap:.45rem}.playground-badge,.playground-docs-link span{display:none}}