.uni-button{box-sizing:border-box;font:inherit;min-height:2.5rem;font-size:var(--text-small,.875rem);white-space:nowrap;background-color:var(--primary,#171717);color:var(--primary-foreground,#fafafa);border-radius:var(--radius,9999px);cursor:pointer;transition:background-color var(--transition-fast,80ms ease-out), color var(--transition-fast,80ms ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:500;line-height:1.5;display:inline-flex}.uni-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--primary), var(--background) 16%)}.uni-button:active:not(:disabled){scale:.96}.uni-button:disabled{opacity:.5;cursor:not-allowed}.uni-button:focus-visible{outline:2px solid var(--ring,#737373);outline-offset:2px}.uni-button.secondary{background-color:var(--secondary,#f5f5f5);color:var(--secondary-foreground,#171717)}.uni-button.secondary:hover:not(:disabled){background-color:color-mix(in srgb, var(--secondary), var(--secondary-foreground) 7%)}.uni-button.danger{background-color:var(--danger,#c83228);color:var(--danger-foreground,#fff)}.uni-button.danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--danger), var(--background) 16%)}.uni-button.small{min-height:2rem;padding:.25rem 1rem;font-size:.75rem}.uni-button.large{min-height:3rem;padding:0 1.5rem;font-size:1rem}@media (prefers-reduced-motion:reduce){.uni-button{transition:none}.uni-button:active:not(:disabled){scale:1}}.uni-dropdown-menu{box-sizing:border-box;min-width:10rem;font-family:var(--font-sans,system-ui, sans-serif);font-size:var(--text-small,.875rem);background-color:var(--background,#fff);color:var(--foreground,#0a0a0a);border:1px solid var(--border,#d4d4d4);border-radius:.75rem;margin:0;padding:.375rem;line-height:1.5;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 24px #0000001f}.uni-dropdown-menu:popover-open{transition:opacity var(--transition-fast,80ms ease-out), translate var(--transition-fast,80ms ease-out)}@starting-style{.uni-dropdown-menu:popover-open{opacity:0;translate:0 -.25rem}}.uni-dropdown-item{box-sizing:border-box;width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.uni-dropdown-item:focus{background-color:var(--secondary,#f5f5f5)}.uni-dropdown-item:focus-visible{outline:2px solid var(--ring,#737373);outline-offset:-2px}.uni-dropdown-item.danger{color:var(--danger,#c83228)}.uni-dropdown-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.uni-dropdown-icon{flex:none;display:inline-flex}.uni-dropdown-icon svg{width:1rem;height:1rem}.uni-dropdown-shortcut{text-transform:uppercase;color:color-mix(in srgb, currentColor 55%, transparent);margin-left:auto;padding-left:1.5rem;font-family:inherit;font-size:.75rem}.uni-dropdown-separator{border:none;border-top:1px solid var(--border,#d4d4d4);margin:.375rem 0}@media (prefers-reduced-motion:reduce){.uni-dropdown-menu:popover-open{transition:none}}.uni-button.uni-icon-button{width:2.5rem;padding:0}.uni-button.uni-icon-button.small{width:2rem}.uni-button.uni-icon-button.large{width:3rem}.uni-icon-button svg{flex:none;width:1.25rem;height:1.25rem}.uni-icon-button.small svg{width:1rem;height:1rem}.uni-icon-button.large svg{width:1.5rem;height:1.5rem}.uni-caret{width:2px;height:var(--caret-height,1lh);background-color:var(--accent,#0f766e);box-shadow:0 0 16px color-mix(in srgb, var(--accent,#0f766e) 55%, transparent);transform:translate3d(var(--caret-x,-9999px), var(--caret-y,0px), 0);pointer-events:none;opacity:0;border-radius:2px;transition:transform 70ms cubic-bezier(.2,.9,.2,1),height 70ms;position:absolute;top:0;left:0}:focus-within>.uni-caret{animation:1.15s step-end infinite uni-caret-blink}@keyframes uni-caret-blink{0%,52%{opacity:1}53%,to{opacity:0}}.uni-caret-host{caret-color:#0000}.uni-caret-mirror{box-sizing:border-box;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.uni-caret{transition:none}:focus-within>.uni-caret{opacity:1;animation:none}}@media (forced-colors:active){.uni-caret{display:none}.uni-caret-host{caret-color:auto}}.uni-text-field{--field-padding:.5rem .875rem;box-sizing:border-box;font-size:var(--text-small,.875rem);background-color:var(--background,#fff);color:var(--foreground,#0a0a0a);border:1px solid var(--border,#d4d4d4);border-radius:var(--radius,9999px);line-height:1.5;position:relative;overflow:hidden}.uni-text-field:focus-within{outline:2px solid var(--ring,#737373);outline-offset:2px}.uni-text-field:has(>input:disabled){opacity:.5}.uni-text-field>input{box-sizing:border-box;width:100%;padding:var(--field-padding);font:inherit;color:inherit;background:0 0;border:none;outline:none;display:block}.uni-text-field>input:disabled{cursor:not-allowed}.uni-text-field>input::placeholder{color:color-mix(in srgb, currentColor 45%, transparent)}.uni-text-field>input::selection{background-color:color-mix(in srgb, var(--accent,#0f766e) 30%, transparent)}.uni-text-field>.uni-caret-mirror{padding:var(--field-padding);white-space:pre}.uni-search-input{--field-padding:.5rem .875rem .5rem 2.25rem}.uni-search-input:before{content:"";inset-inline-start:.875rem;background-color:color-mix(in srgb, currentColor 55%, transparent);pointer-events:none;width:1em;height:1em;position:absolute;top:50%;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='m10.4 10.4 3.1 3.1' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='m10.4 10.4 3.1 3.1' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.uni-search-input>input::-webkit-search-cancel-button{appearance:none}.uni-search-input>input::-webkit-search-decoration{appearance:none}.uni-text-area{--field-padding:.625rem .875rem;box-sizing:border-box;font-size:var(--text-small,.875rem);background-color:var(--background,#fff);color:var(--foreground,#0a0a0a);border:1px solid var(--border,#d4d4d4);border-radius:.75rem;line-height:1.6;position:relative;overflow:hidden}.uni-text-area:focus-within{outline:2px solid var(--ring,#737373);outline-offset:2px}.uni-text-area:has(>textarea:disabled){opacity:.5}.uni-text-area>textarea{box-sizing:border-box;width:100%;padding:var(--field-padding);font:inherit;color:inherit;resize:vertical;-webkit-mask-size:100% 4000px;mask-size:100% 4000px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 var(--fade-position,0px);mask-position:0 var(--fade-position,0px);background:0 0;border:none;outline:none;display:block}.uni-text-area.focus-mode>textarea:focus{-webkit-mask-image:var(--fade-mask);mask-image:var(--fade-mask);transition:-webkit-mask-position .3s cubic-bezier(.4,0,.2,1),mask-position .3s cubic-bezier(.4,0,.2,1)}.uni-text-area.auto-grow>textarea{resize:none;max-height:calc(var(--max-lines) * 1lh + 1.25rem)}.uni-text-area>textarea:disabled{cursor:not-allowed}.uni-text-area>textarea::placeholder{color:color-mix(in srgb, currentColor 45%, transparent)}.uni-text-area>textarea::selection{background-color:color-mix(in srgb, var(--accent,#0f766e) 30%, transparent)}.uni-text-area>.uni-caret-mirror{padding:var(--field-padding);white-space:pre-wrap;overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){.uni-text-area.focus-mode>textarea:focus{transition:none}}.demo{flex-direction:column;gap:2rem;max-width:42rem;margin:0 auto;padding:3rem 1.5rem;display:flex}.demo h1{margin:0}.demo section{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1.5rem;display:flex}.demo h2{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.demo p{font-size:var(--text-small);margin:0}.split{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=45rem){.split{grid-template-columns:1fr}}.split pre{border:1px solid var(--border);background-color:var(--secondary);border-radius:.5rem;margin:0;padding:1rem;font-size:.8rem;line-height:1.5;overflow:auto}.preview{border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.composer{flex-direction:column;justify-content:flex-end;height:9rem;display:flex}.demo code{font-family:ui-monospace,monospace}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#fff;--foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--danger:#c83228;--danger-foreground:#fff;--accent:#0f766e;--border:#d4d4d4;--ring:#737373;--radius:9999px;--font-sans:system-ui, sans-serif;--text-small:.875rem;--transition-fast:80ms cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#000;--foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--danger:#ff8a76;--danger-foreground:#0a0a0a;--accent:#7ee0c8;--border:#3d3d3d;--ring:#a3a3a3}}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);margin:0}