@layer tokens,kit.reset,kit.base,kit.layout;@layer kit.components{.ui-preview{--ui-preview-bg:oklch(100% 0 0);margin-block:var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--code-bg);min-inline-size:0;overflow:hidden}:root[data-theme=dark] .ui-preview{--ui-preview-bg:oklch(14.5% 0 0)}.ui-preview-bar{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-end:1px solid var(--hairline);background:var(--code-bg);min-block-size:40px;padding:0 8px 0 16px;display:flex}.ui-preview-label{font:560 var(--text-13) / 1 var(--font-body);color:var(--text-muted)}.ui-preview-tool{font:600 var(--text-12) / 1 var(--font-mono);letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;min-block-size:28px;transition:color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);background:0 0;border:1px solid #0000;margin-inline-start:auto;padding:0 10px}.ui-preview-tool:hover{color:var(--text);background:var(--raise-2)}.ui-preview-tool[aria-pressed=true]{color:var(--text);border-color:var(--hairline-strong);background:var(--raise-2)}@media (pointer:coarse){.ui-preview-tool{min-block-size:var(--hit)}}.ui-preview-stage{background:var(--ui-preview-bg)}.ui-preview-frame{background:var(--ui-preview-bg);color-scheme:normal;border:0;inline-size:100%;display:block}.ui-preview-code{border-block-start:1px solid var(--hairline);background:var(--code-bg);display:grid;position:relative}.ui-preview-peek,.ui-preview-details{grid-area:1/1;min-inline-size:0}.ui-preview-peek{pointer-events:none;direction:ltr;max-block-size:128.5px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.ui-preview-peek pre{font:400 13.5px / 1.75 var(--font-mono);font-feature-settings:var(--font-mono-features,normal);font-variant-ligatures:none;tab-size:2;color:var(--c-var);background:0 0;margin:0;padding:16px 20px 18px;overflow:hidden}.ui-preview-code:has(.ui-preview-details[open]) .ui-preview-peek{display:none}.ui-preview-details>summary{cursor:pointer;place-items:center;list-style:none;display:grid;position:absolute;inset:0}.ui-preview-details>summary::-webkit-details-marker{display:none}.ui-preview-open,.ui-preview-close{font:600 var(--text-13) / 1 var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--hairline-strong);transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:999px;padding:9px 16px}.ui-preview-details>summary:hover .ui-preview-open,.ui-preview-details>summary:hover .ui-preview-close{background:var(--raise-2)}.ui-preview-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ui-preview-close,.ui-preview-details[open] .ui-preview-open{display:none}.ui-preview-details[open]>summary{border-block-end:1px solid var(--hairline);justify-content:flex-start;align-items:center;min-block-size:44px;padding-inline:12px;display:flex;position:static}.ui-preview-details[open] .ui-preview-close{color:var(--text-muted);background:0 0;border-color:#0000;padding:8px 10px;display:inline-block}.ui-preview-details[open]>summary:hover .ui-preview-close{color:var(--text);background:var(--raise-2)}.ui-preview-code .code-block{box-shadow:none;border-radius:0;max-block-size:28rem;margin:0;overflow:auto}.ui-install .code-block{margin-block:var(--space-3)}.ui-source{margin-block:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-md,10px);background:var(--code-bg);overflow:hidden}.ui-source>summary{cursor:pointer;font:500 var(--text-13) / 1.4 var(--font-mono);color:var(--text);padding:10px 14px}.ui-source>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ui-source-link{font:400 var(--text-13) / 1.4 var(--font-body);margin:0;padding:0 14px 8px}.ui-source-code{border-block-start:1px solid var(--hairline);max-block-size:28rem;font:400 13px / 1.65 var(--font-mono);font-variant-ligatures:none;tab-size:2;white-space:pre;color:var(--c-var);direction:ltr;background:0 0;margin:0;padding:14px;overflow:auto}}@layer kit.flavor,kit.utilities;.docs-demo{margin-block:var(--space-8);min-inline-size:0;container-type:inline-size}.docs-demo>.demo-frame{min-block-size:0}.docs-demo:is([data-demo-loading],[data-demo-ready])>.demo-frame{min-block-size:var(--demo-height,800px)}.docs-demo[data-dusk-demo=targets]>.demo-frame{--demo-height:680px}.docs-demo[data-dusk-demo=map]>.demo-frame{--demo-height:760px}.docs-demo[data-dusk-demo=stub]>.demo-frame{--demo-height:540px}.docs-demo[data-dusk-demo=stream]>.demo-frame{--demo-height:810px}@container (width<=560px){.docs-demo[data-dusk-demo=targets]>.demo-frame{--demo-height:880px}.docs-demo[data-dusk-demo=map]>.demo-frame{--demo-height:860px}.docs-demo[data-dusk-demo=stub]>.demo-frame{--demo-height:960px}.docs-demo[data-dusk-demo=stream]>.demo-frame{--demo-height:1420px}}.docs-demo:not([data-demo-ready])>.demo-frame{border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--surface)}.docs-demo .window{margin:0}.docs-demo pre,.docs-demo .code{max-block-size:420px}.docs-demo button{font-family:var(--font-body)}.docs-demo .dz-model-caption{color:var(--text-muted);padding:12px 20px;font-size:14px}@container (width<=560px){.docs-demo .split,.docs-demo .dz-pair-grid,.docs-demo .dz-targets-body,.docs-demo .dz-grid,.docs-demo .dz-formgrid,.docs-demo .dz-stubgrid,.docs-demo .dz-target-grid,.docs-demo .dz-tracks{grid-template-columns:minmax(0,1fr)}.docs-demo .code{font-size:12px}.docs-demo .window-tabs{max-inline-size:100%;overflow-x:auto}}.docs-demo .dz-picker{block-size:auto;min-block-size:64px}.dz-target-select{inline-size:100%;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.dz-target-select select{border:1px solid var(--hairline-hover);border-radius:var(--radius-sm);background:var(--surface);min-block-size:44px;min-inline-size:0;max-inline-size:280px;color:var(--text);font:500 14px var(--font-body);flex:1;padding-inline:12px}.docs-demo .dz-targets-body{grid-template-columns:minmax(0,1fr)}.docs-demo .dz-targets-side{border-inline-start:0;border-block-start:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.docs-demo .dz-targets-side>section:last-child{grid-column:1/-1}.docs-demo .dz-caps{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-demo .dz-caps .cap{background:0 0;border:0;border-radius:0;padding:6px 0;font-size:13px}@container (width<=560px){.docs-demo .dz-targets-side{grid-template-columns:minmax(0,1fr)}.docs-demo .dz-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}