.appear[data-v-bd18d16b]{transition-property:none}.appear--ready[data-v-bd18d16b]{opacity:var(--appear-opacity);translate:var(--appear-x) var(--appear-y);scale:var(--appear-scale);filter:blur(var(--appear-blur))}.appear--started[data-v-bd18d16b]{transition-property:opacity,translate,scale,filter}.appear--visible[data-v-bd18d16b],.appear[data-v-bd18d16b]:focus-within{opacity:1;filter:none;translate:0;scale:1}@media (prefers-reduced-motion:reduce),(scripting:none){.appear.appear--ready[data-v-bd18d16b]{opacity:1;filter:none;transition:none;translate:none;scale:1}}.text-reveal[data-v-79ad6a59]{max-width:100%;display:inline-block;position:relative}.text-reveal__visual[data-v-79ad6a59]{display:none}.text-reveal--ready .text-reveal__source[data-v-79ad6a59]{opacity:0;pointer-events:none;position:absolute}.text-reveal--ready .text-reveal__visual[data-v-79ad6a59]{display:block}.text-reveal[data-v-79ad6a59] .text-reveal__unit{vertical-align:bottom;display:inline-block}.text-reveal--clip[data-v-79ad6a59] .text-reveal__unit{overflow-clip-margin:max(.15em,var(--reveal-clip-margin));overflow:clip}.text-reveal[data-v-79ad6a59] .text-reveal__letter{transition:none;display:inline-block}.text-reveal--ready[data-v-79ad6a59] .text-reveal__letter{opacity:0;filter:var(--reveal-blur);transform:translate(var(--reveal-x),var(--reveal-y))}.text-reveal--flip.text-reveal--ready[data-v-79ad6a59] .text-reveal__letter{transform-origin:bottom;transform:perspective(600px)rotateX(-90deg)}.text-reveal--started[data-v-79ad6a59] .text-reveal__letter{transition:opacity var(--reveal-duration) var(--reveal-easing),transform var(--reveal-duration) var(--reveal-easing),filter var(--reveal-duration) var(--reveal-easing);transition-delay:calc(var(--reveal-delay) + var(--unit) * var(--reveal-stagger))}.text-reveal--ready.text-reveal--visible[data-v-79ad6a59] .text-reveal__letter{opacity:1;filter:none;transform:none}.text-reveal--cursor[data-v-79ad6a59] .text-reveal__unit{position:relative}.text-reveal--cursor[data-v-79ad6a59] .text-reveal__unit:after{content:"";vertical-align:baseline;height:.75em;opacity:0;pointer-events:none;background:currentColor;width:.06em;height:1cap;margin-right:-.06em;display:inline-block;transform:translate(.06em)}.text-reveal--cursor.text-reveal--visible[data-v-79ad6a59] .text-reveal__unit:after{animation:caret-step-79ad6a59 max(1ms,var(--reveal-stagger)) steps(1) 1;animation-delay:calc(var(--reveal-delay) + var(--unit) * var(--reveal-stagger))}.text-reveal--cursor.text-reveal--visible[data-v-79ad6a59] .text-reveal__unit[data-reveal-last]:after{animation-name:caret-blink-79ad6a59;animation-duration:1s;animation-iteration-count:infinite}@keyframes caret-step-79ad6a59{0%{opacity:1}to{opacity:0}}@keyframes caret-blink-79ad6a59{0%,to{opacity:1}50%{opacity:0}}.text-reveal:focus-within .text-reveal__source[data-v-79ad6a59]{opacity:1;pointer-events:auto;position:static}.text-reveal:focus-within .text-reveal__visual[data-v-79ad6a59]{display:none}@media (prefers-reduced-motion:reduce),(scripting:none){.text-reveal--ready .text-reveal__source[data-v-79ad6a59]{opacity:1;pointer-events:auto;position:static}.text-reveal--ready .text-reveal__visual[data-v-79ad6a59]{display:none}}.text-scramble[data-v-b812a09a]{max-width:100%;display:inline-block;position:relative}.text-scramble--ready .text-scramble__source[data-v-b812a09a]{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.text-scramble__source[data-v-b812a09a]{display:block}.text-scramble__visual[data-v-b812a09a]{visibility:hidden;display:block;position:absolute;inset:0}.text-scramble--ready .text-scramble__visual[data-v-b812a09a]{visibility:visible;-webkit-user-select:text;user-select:text;cursor:text;position:relative}.text-scramble__visual[data-v-b812a09a] .text-scramble__glyph{position:relative}.text-scramble__visual[data-v-b812a09a] .text-scramble__letter{color:#0000}.text-scramble__visual[data-v-b812a09a] .text-scramble__letter::selection{color:highlighttext;background:highlight}.text-scramble__visual[data-v-b812a09a] .text-scramble__glyph[data-scramble-character]:after{content:attr(data-scramble-character);white-space:pre;width:max-content;transform:translateX(-50%) scaleX(var(--scramble-scale,1));transform-origin:50%;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:0;position:absolute;top:50%;left:50%;overflow:visible}.text-scramble__visual[data-fitted][data-v-b812a09a] .text-scramble__glyph[data-scramble-character]:after{visibility:visible}.text-scramble__visual[data-v-b812a09a] .text-scramble__glyph[data-selected] .text-scramble__letter{color:inherit}.text-scramble__visual[data-fitted][data-v-b812a09a] .text-scramble__glyph[data-selected]:after{visibility:hidden}.text-scramble__visual[data-v-b812a09a] .text-scramble__glyph[data-scramble-resolved] .text-scramble__letter{color:inherit}.text-scramble__visual[data-fitted][data-v-b812a09a] .text-scramble__glyph[data-scramble-resolved]:after{visibility:hidden}.text-scramble--ready:focus-within .text-scramble__source[data-v-b812a09a]{opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text;position:static}.text-scramble--ready:focus-within .text-scramble__visual[data-v-b812a09a]{display:none}@media (prefers-reduced-motion:reduce),(scripting:none){.text-scramble--ready .text-scramble__source[data-v-b812a09a]{opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text;display:block;position:static}.text-scramble--ready .text-scramble__visual[data-v-b812a09a]{display:none}}.number-scramble[data-v-9e598aa4]{white-space:pre;line-height:1;display:inline-flex;position:relative}.number-scramble--ready .number-scramble__original[data-v-9e598aa4]{opacity:0;position:absolute}.number-scramble__visual[data-v-9e598aa4]{display:none}.number-scramble--ready .number-scramble__visual[data-v-9e598aa4]{align-items:flex-start;display:inline-flex}[data-character][data-v-9e598aa4]:before{content:attr(data-character)}.number-scramble__slot[data-v-9e598aa4]{flex-shrink:0;height:1em;line-height:1;display:inline-flex}.number-scramble__window[data-v-9e598aa4]{display:inline-block;position:relative;overflow:hidden}.number-scramble__placeholder[data-v-9e598aa4]{visibility:hidden;display:grid}.number-scramble__placeholder>span[data-v-9e598aa4]{grid-area:1/1}.number-scramble__reel[data-v-9e598aa4]{text-align:center;flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}.number-scramble__row[data-v-9e598aa4]{flex-shrink:0;height:1em;line-height:1;display:block}@media (prefers-reduced-motion:reduce),(scripting:none){.number-scramble--ready .number-scramble__original[data-v-9e598aa4]{opacity:1;position:static}.number-scramble--ready .number-scramble__visual[data-v-9e598aa4]{display:none}}.marquee[data-v-22629625]{overflow:hidden}.marquee__track[data-v-22629625]{width:max-content}.marquee__group[data-v-22629625],.marquee__track[data-v-22629625]{gap:var(--marquee-gap);display:flex}.marquee__group[data-v-22629625]{flex-shrink:0;align-items:center}.marquee__group[data-v-22629625] .marquee__separator{white-space:nowrap;flex-shrink:0}.marquee--ready .marquee__track[data-v-22629625]{animation:marquee-scroll-22629625 var(--marquee-duration) linear infinite}.marquee--hover:hover .marquee__track[data-v-22629625],.marquee--paused .marquee__track[data-v-22629625]{animation-play-state:paused}.marquee:focus-within .marquee__track[data-v-22629625]{animation:none;transform:none}@keyframes marquee-scroll-22629625{to{transform:translateX(var(--marquee-distance))}}@media (prefers-reduced-motion:reduce),(scripting:none){.marquee .marquee__track[data-v-22629625]{flex-wrap:wrap;width:auto;animation:none}.marquee__group[aria-hidden][data-v-22629625]{display:none}.marquee__group[data-v-22629625]{flex-wrap:wrap}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-8f68abda],[data-v-8f68abda]::backdrop,[data-v-8f68abda]:after,[data-v-8f68abda]:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{[data-v-8f68abda]:host,[data-v-8f68abda]:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{[data-v-8f68abda],[data-v-8f68abda]::backdrop,[data-v-8f68abda]:after,[data-v-8f68abda]:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-v-8f68abda]::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-v-8f68abda]:host,html[data-v-8f68abda]{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr[data-v-8f68abda]{height:0;color:inherit;border-top-width:1px}abbr[data-v-8f68abda]:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1[data-v-8f68abda],h2[data-v-8f68abda],h3[data-v-8f68abda],h4[data-v-8f68abda],h5[data-v-8f68abda],h6[data-v-8f68abda]{font-size:inherit;font-weight:inherit}a[data-v-8f68abda]{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b[data-v-8f68abda],strong[data-v-8f68abda]{font-weight:bolder}code[data-v-8f68abda],kbd[data-v-8f68abda],pre[data-v-8f68abda],samp[data-v-8f68abda]{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small[data-v-8f68abda]{font-size:80%}sub[data-v-8f68abda],sup[data-v-8f68abda]{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub[data-v-8f68abda]{bottom:-.25em}sup[data-v-8f68abda]{top:-.5em}table[data-v-8f68abda]{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where([data-v-8f68abda]:not(iframe)){outline:auto}progress[data-v-8f68abda]{vertical-align:baseline}summary[data-v-8f68abda]{display:list-item}menu[data-v-8f68abda],ol[data-v-8f68abda],ul[data-v-8f68abda]{list-style:none}audio[data-v-8f68abda],canvas[data-v-8f68abda],embed[data-v-8f68abda],iframe[data-v-8f68abda],img[data-v-8f68abda],object[data-v-8f68abda],svg[data-v-8f68abda],video[data-v-8f68abda]{vertical-align:middle;display:block}img[data-v-8f68abda],video[data-v-8f68abda]{max-width:100%;height:auto}button[data-v-8f68abda],input[data-v-8f68abda],optgroup[data-v-8f68abda],select[data-v-8f68abda],textarea[data-v-8f68abda]{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-v-8f68abda]::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup[data-v-8f68abda]{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option[data-v-8f68abda]{padding-inline-start:20px}[data-v-8f68abda]::file-selector-button{margin-inline-end:4px}[data-v-8f68abda]::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){[data-v-8f68abda]::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){[data-v-8f68abda]::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea[data-v-8f68abda]{resize:vertical}[data-v-8f68abda]::-webkit-search-decoration{-webkit-appearance:none}[data-v-8f68abda]::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}[data-v-8f68abda]::-webkit-datetime-edit{display:inline-flex}[data-v-8f68abda]::-webkit-datetime-edit-fields-wrapper{padding:0}[data-v-8f68abda]::-webkit-datetime-edit{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-day-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-hour-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-meridiem-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-millisecond-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-minute-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-month-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-second-field{padding-block:0}[data-v-8f68abda]::-webkit-datetime-edit-year-field{padding-block:0}[data-v-8f68abda]::-webkit-calendar-picker-indicator{line-height:1}[data-v-8f68abda]:-moz-ui-invalid{box-shadow:none}button[data-v-8f68abda],input[data-v-8f68abda]:where([type=button],[type=reset],[type=submit]){appearance:button}[data-v-8f68abda]::file-selector-button{appearance:button}[data-v-8f68abda]::-webkit-inner-spin-button{height:auto}[data-v-8f68abda]::-webkit-outer-spin-button{height:auto}[hidden][data-v-8f68abda]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky[data-v-8f68abda]{position:sticky}.top-4[data-v-8f68abda]{top:calc(var(--spacing) * 4)}.mx-auto[data-v-8f68abda]{margin-inline:auto}.mt-8[data-v-8f68abda]{margin-top:calc(var(--spacing) * 8)}.mb-2[data-v-8f68abda]{margin-bottom:calc(var(--spacing) * 2)}.mb-8[data-v-8f68abda]{margin-bottom:calc(var(--spacing) * 8)}.block[data-v-8f68abda]{display:block}.flex[data-v-8f68abda]{display:flex}.inline-block[data-v-8f68abda]{display:inline-block}.min-h-screen[data-v-8f68abda]{min-height:100vh}.w-64[data-v-8f68abda]{width:calc(var(--spacing) * 64)}.w-\[50px\][data-v-8f68abda]{width:50px}.w-full[data-v-8f68abda]{width:100%}.max-w-\[300px\][data-v-8f68abda]{max-width:300px}.flex-1[data-v-8f68abda]{flex:1}.flex-col[data-v-8f68abda]{flex-direction:column}.items-center[data-v-8f68abda]{align-items:center}.gap-4[data-v-8f68abda]{gap:calc(var(--spacing) * 4)}.gap-6[data-v-8f68abda]{gap:calc(var(--spacing) * 6)}:where(.space-y-1[data-v-8f68abda]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * (1 - var(--tw-space-y-reverse)))}:where(.space-y-4[data-v-8f68abda]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc((var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse)))}.rounded[data-v-8f68abda]{border-radius:.25rem}.border[data-v-8f68abda]{border-style:var(--tw-border-style);border-width:1px}.border-r[data-v-8f68abda]{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b[data-v-8f68abda]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-black[data-v-8f68abda]{background-color:var(--color-black)}.bg-white[data-v-8f68abda]{background-color:var(--color-white)}.p-2[data-v-8f68abda]{padding:calc(var(--spacing) * 2)}.p-4[data-v-8f68abda]{padding:calc(var(--spacing) * 4)}.p-6[data-v-8f68abda]{padding:calc(var(--spacing) * 6)}.px-3[data-v-8f68abda]{padding-inline:calc(var(--spacing) * 3)}.px-8[data-v-8f68abda]{padding-inline:calc(var(--spacing) * 8)}.py-2[data-v-8f68abda]{padding-block:calc(var(--spacing) * 2)}.py-4[data-v-8f68abda]{padding-block:calc(var(--spacing) * 4)}.pt-8[data-v-8f68abda]{padding-top:calc(var(--spacing) * 8)}.text-center[data-v-8f68abda]{text-align:center}.text-left[data-v-8f68abda]{text-align:left}.text-2xl[data-v-8f68abda]{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl[data-v-8f68abda]{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg[data-v-8f68abda]{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold[data-v-8f68abda]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold[data-v-8f68abda]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black[data-v-8f68abda]{color:var(--color-black)}.text-red-500[data-v-8f68abda]{color:var(--color-red-500)}.text-white[data-v-8f68abda]{color:var(--color-white)}.uppercase[data-v-8f68abda]{text-transform:uppercase}@media (hover:hover){.hover\:bg-white[data-v-8f68abda]:hover{background-color:var(--color-white)}.hover\:text-black[data-v-8f68abda]:hover{color:var(--color-black)}}}:is(html,body){box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable;scrollbar-color:#c8c8c8 #fff;scrollbar-width:thin;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{background:#fff;min-height:100vh;margin:0}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#fff}html::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#999}:is(.sandbox[data-v-8f68abda] *){box-sizing:border-box}.sandbox[data-v-8f68abda]{color:#222;background:#fff;min-height:100vh;padding:48px calc(max(24px,50vw - 600px)) calc(max(64px,25vh));font-family:Arial,Helvetica,sans-serif}header[data-v-8f68abda]{padding:24px 0 56px}header>a[data-v-8f68abda]{color:#666;font-size:13px}header>p[data-v-8f68abda]{color:#666;max-width:680px;margin-top:20px;line-height:1.6}.eyebrow[data-v-8f68abda]{letter-spacing:.12em;text-transform:uppercase;color:#777;font-size:11px}h1[data-v-8f68abda]{letter-spacing:-.055em;max-width:1000px;margin-top:16px;font-size:calc(clamp(36px,5.6vw,72px));font-weight:600;line-height:1.05}h2[data-v-8f68abda]{letter-spacing:-.035em;font-size:calc(clamp(24px,3vw,32px));font-weight:500}nav[data-v-8f68abda]{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}nav a[data-v-8f68abda]{border:1px solid #dedede;border-radius:4px;padding:9px 12px;font-size:12px}nav a[data-v-8f68abda]:hover{background:#f5f5f5;border-color:#999}section[data-v-8f68abda]{border-top:1px solid #ddd;min-width:0;padding:36px 0 56px;scroll-margin-top:20px}.code-heading[data-v-8f68abda],.preview-heading[data-v-8f68abda],.section-heading[data-v-8f68abda]{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading .eyebrow[data-v-8f68abda]{margin-bottom:6px}button[data-v-8f68abda]{color:#222;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex-shrink:0;min-height:40px;padding:8px 16px;font-size:12px}.preview-actions .replay[data-v-8f68abda]{color:#fff;background:#222;border-color:#222}button[data-v-8f68abda]:hover{background:#eee}.preview-actions .replay[data-v-8f68abda]:hover{background:#444}a[data-v-8f68abda]:focus-visible,button[data-v-8f68abda]:focus-visible,input[data-v-8f68abda]:focus-visible,select[data-v-8f68abda]:focus-visible,textarea[data-v-8f68abda]:focus-visible{outline-offset:3px;outline:2px solid #4a6381}.demo-layout[data-v-8f68abda]{overflow-anchor:none;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);align-items:start;gap:32px;margin-top:28px;display:grid}.controls[data-v-8f68abda]{overscroll-behavior:contain;gap:24px;max-height:calc(100dvh - 100px);padding:4px 14px 4px 4px;display:grid;overflow-y:auto}.preview-actions[data-v-8f68abda]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.preview-heading[data-v-8f68abda]{color:#666;min-height:40px;font-size:11px}.control-group[data-v-8f68abda]{border:0;min-width:0;padding:0}legend[data-v-8f68abda]{color:#666;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #eee;width:100%;margin-bottom:16px;padding:0 0 12px;font-size:11px;font-weight:600}.control-grid[data-v-8f68abda]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 20px;display:grid}label[data-v-8f68abda]{color:#444;flex-direction:column;gap:6px;min-width:0;font-size:12px;display:flex}.field-label[data-v-8f68abda]{justify-content:space-between;align-items:start;gap:12px;min-height:20px;line-height:20px;display:flex}output[data-v-8f68abda]{color:#222;flex-shrink:0}.wide[data-v-8f68abda]{grid-column:1/-1}input[type=text][data-v-8f68abda],select[data-v-8f68abda],textarea[data-v-8f68abda]{box-sizing:border-box;color:#222;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #d5d5d5;border-radius:4px;padding:10px 12px}select[data-v-8f68abda]{text-overflow:ellipsis}textarea[data-v-8f68abda]{resize:vertical;font-family:monospace;line-height:1.6}input[type=range][data-v-8f68abda]{accent-color:#333;cursor:pointer;width:100%;height:44px;margin:0}input[type=checkbox][data-v-8f68abda]{appearance:none;cursor:pointer;background:#e8e8e8;border:1px solid #bbb;border-radius:12px;width:36px;height:20px;margin:12px 0;position:relative}input[type=checkbox][data-v-8f68abda]:after{content:"";background:#fff;border:1px solid #aaa;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}input[type=checkbox][data-v-8f68abda]:checked{background:#333;border-color:#333}input[type=checkbox][data-v-8f68abda]:checked:after{border-color:#fff;left:18px}input[data-v-8f68abda]:disabled,select[data-v-8f68abda]:disabled{opacity:.4;cursor:not-allowed}.result-grid[data-v-8f68abda]{grid-template-columns:minmax(0,1fr);align-self:start;gap:16px;position:sticky;top:24px}.preview[data-v-8f68abda],.result-grid[data-v-8f68abda]{min-width:0;display:grid}.preview[data-v-8f68abda]{background:#fafafa;border:1px solid #e2e2e2;border-radius:4px;align-content:center;min-height:220px;padding:28px;font-size:calc(clamp(24px,3vw,36px));line-height:1.4;overflow:clip}.sample-card[data-v-8f68abda]{color:#222;text-align:center;background:#fff;border:1px solid #ddd;border-radius:4px;padding:24px 16px;font-size:18px}.marquee-item[data-v-8f68abda]{white-space:nowrap}.group-preview[data-v-8f68abda]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.code-panel[data-v-8f68abda]{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.code-heading[data-v-8f68abda]{color:#666;border-bottom:1px solid #e2e2e2;min-height:52px;padding:8px 14px;font-size:11px}.code-heading button[data-v-8f68abda]{min-height:30px;padding:4px 10px;font-size:11px}pre[data-v-8f68abda]{color:#333;tab-size:2;flex:1;min-width:0;max-height:240px;margin:0;padding:18px;font-size:11px;line-height:1.7;overflow:auto}.hint[data-v-8f68abda]{color:#777;margin:0 0 20px;font-size:12px;line-height:1.6}@media (width<=800px){.demo-layout[data-v-8f68abda]{grid-template-columns:minmax(0,1fr);gap:24px}.controls[data-v-8f68abda]{max-height:360px;padding-right:12px}.result-grid[data-v-8f68abda]{position:static}}@media (width<=560px){.sandbox[data-v-8f68abda]{padding-inline:18px}header[data-v-8f68abda]{padding-bottom:36px}.control-grid[data-v-8f68abda]{grid-template-columns:minmax(0,1fr);gap:16px}.preview[data-v-8f68abda]{min-height:200px;padding:20px}.group-preview[data-v-8f68abda]{gap:10px}.sample-card[data-v-8f68abda]{padding:20px 8px;font-size:14px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}