:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", monospace;--section-gap:5rem;--container:72rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-height:100vh;color:hsl(var(--foreground));background:hsl(var(--background));line-height:1.6;font-family:var(--font-sans);font-feature-settings:"rlig" 1, "calt" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code,pre{font-family:var(--font-mono);font-size:.875em}#app{min-height:100vh}.doc-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}.doc-badge{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--background));border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1.25rem;transition:background-color .15s;display:inline-flex}.doc-badge:hover{background:hsl(var(--accent))}.doc-card{border-radius:calc(var(--radius) + 2px);border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));overflow:hidden;box-shadow:0 1px 2px #0000000d}.doc-card-header{padding:1.5rem 1.5rem 0}.doc-card-title{letter-spacing:-.025em;font-size:1.125rem;font-weight:600;line-height:1}.doc-card-description{color:hsl(var(--muted-foreground));margin-top:.375rem;font-size:.875rem}.doc-card-content{padding:1.5rem}.doc-btn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.doc-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.doc-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.doc-btn-primary:hover{background:hsl(var(--primary) / .9)}.doc-btn-outline{border-color:hsl(var(--input));background:hsl(var(--background));color:hsl(var(--foreground))}.doc-btn-outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.doc-btn-ghost{color:hsl(var(--foreground));background:0 0}.doc-btn-ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.doc-btn-sm{height:2.25rem;padding:0 .75rem;font-size:.8125rem}.doc-input{border-radius:var(--radius);border:1px solid hsl(var(--input));background:hsl(var(--background));width:100%;height:2.5rem;color:hsl(var(--foreground));padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.doc-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .2);outline:none}.doc-label{font-size:.875rem;font-weight:500;line-height:1}.doc-separator{background:hsl(var(--border));width:100%;height:1px}.doc-code-inline{border-radius:calc(var(--radius) - 2px);background:hsl(var(--muted));padding:.125rem .375rem;font-size:.8125rem;font-weight:600}.doc-pre{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--foreground));padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.doc-pre code{font-size:inherit;background:0 0;padding:0}.doc-table-wrap{border-radius:var(--radius);border:1px solid hsl(var(--border));overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:.875rem}.doc-table th{text-align:left;height:2.5rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);padding:0 1rem;font-weight:500}.doc-table td{border-bottom:1px solid hsl(var(--border));vertical-align:top;padding:.75rem 1rem}.doc-table tr:last-child td{border-bottom:none}.doc-table code{font-size:.8125rem;font-weight:600}.scrollrail-host{scrollbar-width:none;-ms-overflow-style:none}.scrollrail-host::-webkit-scrollbar{width:0;height:0;display:none}.scrollrail-track{--client-height:0px;--scroll-height:1px;--client-width:0px;--scroll-width:1px;--box-top:0px;--box-left:0px;--peer-block-start:0px;--peer-block-end:0px;--peer-inline-start:0px;--peer-inline-end:0px;--scrollbar-offset:4px;--scrollbar-track-width:8px;--scrollbar-thumb-width:var(--scrollbar-track-width);--scrollbar-track-color:#f1f1f1;--scrollbar-thumb-color:#888;--scrollbar-thumb-hover:color-mix(in srgb, var(--scrollbar-thumb-color) 75%, #000);--scrollbar-thumb-size:40px;--scrollbar-track-radius:4px;--scrollbar-thumb-radius:4px;--scrollbar-z-index:1;z-index:var(--scrollbar-z-index);appearance:none;cursor:pointer;opacity:1;touch-action:none;background:0 0;border:none;margin:0;padding:0;transition:opacity .3s;position:absolute;overflow:visible}.scrollrail-track.is-teleported{--scrollbar-z-index:10}.scrollrail-track.is-fixed{position:fixed}.scrollrail-track.scrollrail-auto-hide{opacity:0}.scrollrail-track.scrollrail-auto-hide.is-scrollrail-visible:not(:disabled),.scrollrail-track:not(.scrollrail-auto-hide):not(:disabled){opacity:1}.scrollrail-track:disabled{pointer-events:none;opacity:0!important}.scrollrail-track:focus{outline:none}.scrollrail-track:focus-visible{opacity:1;outline:2px solid var(--scrollbar-thumb-color);outline-offset:2px}.scrollrail-track-y{writing-mode:vertical-lr;width:var(--scrollbar-track-width);top:calc(var(--box-top) + var(--scrollbar-offset) + var(--peer-block-start));height:calc(var(--client-height) - 2 * var(--scrollbar-offset) - var(--peer-block-start) - var(--peer-block-end));direction:ltr;unicode-bidi:isolate}.scrollrail-track-y,.scrollrail-track-y.scrollrail-track-y-pos-right{left:calc(var(--box-left) + var(--client-width) - var(--scrollbar-track-width) - var(--scrollbar-offset));right:auto}.scrollrail-track-y.scrollrail-track-y-pos-left{left:calc(var(--box-left) + var(--scrollbar-offset));right:auto}.scrollrail-track-y::-webkit-slider-runnable-track{width:var(--scrollbar-track-width);background:var(--scrollbar-track-color);border-radius:var(--scrollbar-track-radius);height:100%}.scrollrail-track-y::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size);margin-top:0;margin-bottom:0;margin-right:0;margin-left:calc((var(--scrollbar-track-width) - var(--scrollbar-thumb-width)) / 2);border-radius:var(--scrollbar-thumb-radius);background:var(--scrollbar-thumb-color);cursor:pointer;border:none}.scrollrail-track-y:hover::-webkit-slider-thumb{background:var(--scrollbar-thumb-hover)}.scrollrail-track-y::-moz-range-track{width:var(--scrollbar-track-width);background:var(--scrollbar-track-color);border-radius:var(--scrollbar-track-radius);height:100%}.scrollrail-track-y::-moz-range-thumb{box-sizing:border-box;width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size);border-radius:var(--scrollbar-thumb-radius);background:var(--scrollbar-thumb-color);cursor:pointer;border:none;margin:0}.scrollrail-track-y:hover::-moz-range-thumb{background:var(--scrollbar-thumb-hover)}.scrollrail-track-x{height:var(--scrollbar-track-width);direction:ltr;unicode-bidi:isolate}.scrollrail-track-x[data-dir=rtl][data-orient=horizontal]{transform:scaleX(-1)}.scrollrail-track-x,.scrollrail-track-x.scrollrail-track-x-pos-bottom{left:calc(var(--box-left) + var(--scrollbar-offset) + var(--peer-inline-start));top:calc(var(--box-top) + var(--client-height) - var(--scrollbar-track-width) - var(--scrollbar-offset));width:calc(var(--client-width) - 2 * var(--scrollbar-offset) - var(--peer-inline-start) - var(--peer-inline-end))}.scrollrail-track-x.scrollrail-track-x-pos-top{left:calc(var(--box-left) + var(--scrollbar-offset) + var(--peer-inline-start));top:calc(var(--box-top) + var(--scrollbar-offset));width:calc(var(--client-width) - 2 * var(--scrollbar-offset) - var(--peer-inline-start) - var(--peer-inline-end))}.scrollrail-track-x.scrollrail-track-x-pos-left,.scrollrail-track-x.scrollrail-track-x-pos-right{writing-mode:vertical-lr;width:var(--scrollbar-track-width);height:calc(var(--client-height) - 2 * var(--scrollbar-offset) - var(--peer-block-start) - var(--peer-block-end));top:calc(var(--box-top) + var(--scrollbar-offset) + var(--peer-block-start));direction:ltr;unicode-bidi:isolate}.scrollrail-track-x.scrollrail-track-x-pos-left{left:calc(var(--box-left) + var(--scrollbar-offset) + var(--peer-inline-start))}.scrollrail-track-x.scrollrail-track-x-pos-right{left:calc(var(--box-left) + var(--client-width) - var(--scrollbar-track-width) - var(--scrollbar-offset) - var(--peer-inline-end))}.scrollrail-track-x::-webkit-slider-runnable-track{width:100%;height:var(--scrollbar-track-width);background:var(--scrollbar-track-color);border-radius:var(--scrollbar-track-radius)}.scrollrail-track-x.scrollrail-track-x-pos-left::-webkit-slider-runnable-track{width:var(--scrollbar-track-width);height:100%}.scrollrail-track-x.scrollrail-track-x-pos-right::-webkit-slider-runnable-track{width:var(--scrollbar-track-width);height:100%}.scrollrail-track-x::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--scrollbar-thumb-size);height:var(--scrollbar-thumb-width);margin-top:calc((var(--scrollbar-track-width) - var(--scrollbar-thumb-width)) / 2);border-radius:var(--scrollbar-thumb-radius);background:var(--scrollbar-thumb-color);cursor:pointer;border:none;margin-bottom:0;margin-left:0;margin-right:0}.scrollrail-track-x.scrollrail-track-x-pos-left::-webkit-slider-thumb{width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size);margin-top:0;margin-left:calc((var(--scrollbar-track-width) - var(--scrollbar-thumb-width)) / 2)}.scrollrail-track-x.scrollrail-track-x-pos-right::-webkit-slider-thumb{width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size);margin-top:0;margin-left:calc((var(--scrollbar-track-width) - var(--scrollbar-thumb-width)) / 2)}.scrollrail-track-x:hover::-webkit-slider-thumb{background:var(--scrollbar-thumb-hover)}.scrollrail-track-x::-moz-range-track{width:100%;height:var(--scrollbar-track-width);background:var(--scrollbar-track-color);border-radius:var(--scrollbar-track-radius)}.scrollrail-track-x.scrollrail-track-x-pos-left::-moz-range-track{width:var(--scrollbar-track-width);height:100%}.scrollrail-track-x.scrollrail-track-x-pos-right::-moz-range-track{width:var(--scrollbar-track-width);height:100%}.scrollrail-track-x::-moz-range-thumb{box-sizing:border-box;width:var(--scrollbar-thumb-size);height:var(--scrollbar-thumb-width);border-radius:var(--scrollbar-thumb-radius);background:var(--scrollbar-thumb-color);cursor:pointer;border:none;margin:0}.scrollrail-track-x.scrollrail-track-x-pos-left::-moz-range-thumb{width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size)}.scrollrail-track-x.scrollrail-track-x-pos-right::-moz-range-thumb{width:var(--scrollbar-thumb-width);height:var(--scrollbar-thumb-size)}.scrollrail-track-x:hover::-moz-range-thumb{background:var(--scrollbar-thumb-hover)}.scrollrail-track.scrollrail-thin{--scrollbar-track-width:4px;--scrollbar-track-radius:2px;--scrollbar-thumb-radius:2px}.scrollrail-track.scrollrail-dark{--scrollbar-track-color:#333;--scrollbar-thumb-color:#666;--scrollbar-thumb-hover:color-mix(in srgb, var(--scrollbar-thumb-color) 70%, #fff)}@media (pointer:coarse){.scrollrail-track{--scrollbar-track-width:12px}.scrollrail-track.scrollrail-thin{--scrollbar-track-width:8px}}@media (prefers-reduced-motion:reduce){.scrollrail-track{transition:none}}@media (forced-colors:active){.scrollrail-track{--scrollbar-track-color:Canvas;--scrollbar-thumb-color:ButtonText;--scrollbar-thumb-hover:Highlight;forced-color-adjust:none}.scrollrail-track::-webkit-slider-runnable-track{border:1px solid buttontext}.scrollrail-track::-moz-range-track{border:1px solid buttontext}}@supports (anchor-name:--scrollbar-anchor){.scrollrail-track.is-anchored{position:fixed}.scrollrail-track.is-anchored.scrollrail-track-y,.scrollrail-track.is-anchored.scrollrail-track-y.scrollrail-track-y-pos-right{top:calc(anchor(top, 0) + var(--scrollbar-offset) + var(--peer-block-start));right:calc(anchor(right, 0) + var(--scrollbar-offset));bottom:calc(anchor(bottom, 0) + var(--scrollbar-offset) + var(--peer-block-end));height:auto;width:var(--scrollbar-track-width);left:auto}.scrollrail-track.is-anchored.scrollrail-track-y.scrollrail-track-y-pos-left{top:calc(anchor(top, 0) + var(--scrollbar-offset) + var(--peer-block-start));left:calc(anchor(left, 0) + var(--scrollbar-offset));right:auto;bottom:calc(anchor(bottom, 0) + var(--scrollbar-offset) + var(--peer-block-end));height:auto;width:var(--scrollbar-track-width)}.scrollrail-track.is-anchored.scrollrail-track-x,.scrollrail-track.is-anchored.scrollrail-track-x.scrollrail-track-x-pos-bottom{left:calc(anchor(left, 0) + var(--scrollbar-offset) + var(--peer-inline-start));right:calc(anchor(right, 0) + var(--scrollbar-offset) + var(--peer-inline-end));bottom:calc(anchor(bottom, 0) + var(--scrollbar-offset));width:auto;height:var(--scrollbar-track-width);top:auto}.scrollrail-track.is-anchored.scrollrail-track-x.scrollrail-track-x-pos-top{left:calc(anchor(left, 0) + var(--scrollbar-offset) + var(--peer-inline-start));right:calc(anchor(right, 0) + var(--scrollbar-offset) + var(--peer-inline-end));top:calc(anchor(top, 0) + var(--scrollbar-offset));width:auto;height:var(--scrollbar-track-width);bottom:auto}.scrollrail-track.is-anchored.scrollrail-track-x.scrollrail-track-x-pos-left{left:calc(anchor(left, 0) + var(--scrollbar-offset) + var(--peer-inline-start));top:calc(anchor(top, 0) + var(--scrollbar-offset) + var(--peer-block-start));bottom:calc(anchor(bottom, 0) + var(--scrollbar-offset) + var(--peer-block-end));width:var(--scrollbar-track-width);height:auto;right:auto}.scrollrail-track.is-anchored.scrollrail-track-x.scrollrail-track-x-pos-right{right:calc(anchor(right, 0) + var(--scrollbar-offset) + var(--peer-inline-end));top:calc(anchor(top, 0) + var(--scrollbar-offset) + var(--peer-block-start));bottom:calc(anchor(bottom, 0) + var(--scrollbar-offset) + var(--peer-block-end));width:var(--scrollbar-track-width);height:auto;left:auto}}.site[data-v-6b385494]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.site.embed[data-v-6b385494]{height:100%;min-height:0}.site-header[data-v-6b385494]{z-index:50;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner[data-v-6b385494]{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.header-actions[data-v-6b385494]{align-items:center;gap:.5rem;display:flex}.brand[data-v-6b385494]{letter-spacing:-.025em;color:hsl(var(--foreground));align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:flex}.brand-mark[data-v-6b385494]{border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary));width:1.25rem;height:1.25rem;box-shadow:inset 0 -2px #00000026}.site-nav[data-v-6b385494]{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.site-nav a[data-v-6b385494]{border-radius:var(--radius);color:hsl(var(--muted-foreground));padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s}.site-nav a[data-v-6b385494]:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.repo-link[data-v-6b385494],.theme-toggle[data-v-6b385494]{border-radius:var(--radius);border:1px solid hsl(var(--input));background:hsl(var(--background));width:2.25rem;height:2.25rem;color:hsl(var(--foreground));cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.repo-link[data-v-6b385494]:hover,.theme-toggle[data-v-6b385494]:hover{background:hsl(var(--accent))}.repo-link[data-v-6b385494]:focus-visible,.theme-toggle[data-v-6b385494]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.theme-icon[data-v-6b385494]{width:1rem;height:1rem}.page[data-v-9328dfae]{overflow-x:hidden}.hero[data-v-9328dfae]{padding:3rem 0 4rem}.hero-grid[data-v-9328dfae]{align-items:start;gap:2rem;display:grid}@media (width>=960px){.hero-grid[data-v-9328dfae]{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem}}.badge-row[data-v-9328dfae]{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.hero-title[data-v-9328dfae]{letter-spacing:-.035em;color:hsl(var(--foreground));margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15}.hero-lede[data-v-9328dfae]{color:hsl(var(--muted-foreground));max-width:34rem;margin-bottom:1.75rem;font-size:1.0625rem;line-height:1.7}.hero-actions[data-v-9328dfae]{flex-wrap:wrap;gap:.75rem;display:flex}.hero-card[data-v-9328dfae]{overflow:hidden}.hero-card-body[data-v-9328dfae]{padding-top:.75rem}.hero-scroll[data-v-9328dfae]{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--muted) / .35);height:280px;overflow:auto}@media (width>=960px){.hero-scroll[data-v-9328dfae]{height:320px}}.hero-scroll-inner[data-v-9328dfae]{padding:1rem 1.25rem}.hero-scroll-inner p[data-v-9328dfae]{color:hsl(var(--muted-foreground));margin-bottom:.85rem;font-size:.875rem;line-height:1.65}.section[data-v-9328dfae]{padding:var(--section-gap) 0}.section-head[data-v-9328dfae]{margin-bottom:1.5rem}.section-title[data-v-9328dfae]{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;line-height:1.2}.section-desc[data-v-9328dfae]{color:hsl(var(--muted-foreground));max-width:42rem;font-size:.9375rem}.install-block[data-v-9328dfae]{gap:1rem;display:grid}.install-row[data-v-9328dfae]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.install-cmd[data-v-9328dfae]{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--muted));flex:1;min-width:12rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:block}.usage-grid[data-v-9328dfae]{gap:1.5rem;display:grid}@media (width>=768px){.usage-grid[data-v-9328dfae]{grid-template-columns:1fr 1fr}.usage-grid>.demo-span[data-v-9328dfae]{grid-column:1/-1}}.feature-copy[data-v-9328dfae]{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;line-height:1.65}.theme-demo[data-v-9328dfae]{gap:.75rem;display:grid}@media (width>=640px){.theme-demo[data-v-9328dfae]{grid-template-columns:1fr 1fr}}.theme-demo-dark[data-v-9328dfae]{background:#18181b}.theme-demo-dark p[data-v-9328dfae]{color:#a1a1aa}.api-block[data-v-9328dfae]{margin-bottom:2rem}.api-heading[data-v-9328dfae]{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.0625rem;font-weight:600}.api-note[data-v-9328dfae]{color:hsl(var(--muted-foreground));max-width:46rem;margin:0 0 .75rem;font-size:.875rem;line-height:1.6}.demo-grid[data-v-9328dfae]{gap:1.5rem;display:grid}@media (width>=768px){.demo-grid[data-v-9328dfae]{grid-template-columns:1fr 1fr}.demo-span[data-v-9328dfae]{grid-column:1/-1}}.demo-card .doc-card-content[data-v-9328dfae]{padding-top:.75rem}.demo-panel[data-v-9328dfae]{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));height:220px;overflow:auto}.demo-panel.tall[data-v-9328dfae]{height:280px}.demo-panel p[data-v-9328dfae]{color:hsl(var(--muted-foreground));margin:.75rem 0;padding:0 1rem;font-size:.875rem;line-height:1.6}.demo-panel p[data-v-9328dfae]:first-child{padding-top:.75rem}.field-demo[data-v-9328dfae]{position:relative}.demo-textarea[data-v-9328dfae]{resize:none;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));width:100%;height:220px;color:hsl(var(--muted-foreground));box-sizing:border-box;margin:0;padding:.75rem 1rem;font:.875rem/1.6 inherit;display:block;overflow:auto}.wide[data-v-9328dfae]{width:1100px}.playground-layout[data-v-9328dfae]{gap:1.5rem;display:grid}@media (width>=900px){.playground-layout[data-v-9328dfae]{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}}.controls[data-v-9328dfae]{gap:1rem;display:grid}.field[data-v-9328dfae]{gap:.5rem;display:grid}.check-field[data-v-9328dfae]{align-items:center;gap:.625rem;display:flex}.checkbox[data-v-9328dfae]{width:1rem;height:1rem;accent-color:hsl(var(--primary))}.field-hint[data-v-9328dfae]{color:hsl(var(--muted-foreground));font-weight:400}.range[data-v-9328dfae]{width:100%;accent-color:hsl(var(--primary))}.color-input[data-v-9328dfae]{border-radius:var(--radius);border:1px solid hsl(var(--input));background:hsl(var(--background));cursor:pointer;width:100%;height:2.5rem;padding:.25rem}.doc-input[data-v-9328dfae]:disabled{opacity:.5;cursor:not-allowed}.playground-panel[data-v-9328dfae]{height:300px}.playground-frame[data-v-9328dfae]{position:relative}.iframe-frame[data-v-9328dfae]{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));height:280px;position:relative}.iframe-demo[data-v-9328dfae]{border:0;width:100%;height:100%;display:block}.type-cell[data-v-9328dfae]{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:.8125rem}.desc-cell[data-v-9328dfae]{color:hsl(var(--muted-foreground))}.footer[data-v-9328dfae]{border-top:1px solid hsl(var(--border));margin-top:2rem;padding:2.5rem 0 3.5rem}.footer-inner[data-v-9328dfae]{gap:.5rem;display:grid}.footer-brand[data-v-9328dfae]{letter-spacing:-.025em;font-size:.9375rem;font-weight:600}.footer-text[data-v-9328dfae]{color:hsl(var(--muted-foreground));max-width:36rem;font-size:.875rem}.footer-text a[data-v-9328dfae]{color:hsl(var(--foreground));text-underline-offset:.15em;text-decoration:underline}html,body,#app{height:100%;overflow:hidden}.embed-scroll[data-v-91a9f9b7]{box-sizing:border-box;background:hsl(var(--background));height:100%;color:hsl(var(--foreground));font:.875rem/1.65 var(--font-sans);padding:1rem 1.25rem;overflow:auto}.embed-scroll p[data-v-91a9f9b7]{margin:0 0 .85rem}.harness{flex-wrap:wrap;align-items:flex-start;gap:24px;padding:16px;display:flex}.box{box-sizing:border-box;border:1px solid #888;flex:none;width:240px;height:200px;overflow:auto}.wide{width:900px}.short{height:60px}.frame-wrap,.field-wrap{position:relative}.field-wrap textarea{resize:none;box-sizing:border-box;border:1px solid #888;width:240px;height:200px;font:14px/1.6 system-ui;display:block}#frame-host{box-sizing:border-box;border:1px solid #888;width:240px;height:200px;display:block}