.kit-root{--kit-focus-ring:color-mix(in srgb,var(--kit-accent) 55%,transparent);color:var(--kit-text);background:var(--kit-bg);font-family:var(--kit-font-body);font-weight:var(--kit-weight-body);line-height:1.45;padding:1.25rem!important;border-radius:14px;overflow:hidden}.kit-root,.kit-root *,.kit-root :after,.kit-root :before{box-sizing:border-box}.kit-root h1,.kit-root h2,.kit-root h3,.kit-root h4,.kit-root h5,.kit-root h6{color:inherit}.kit-root .kit-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.65rem 1.15rem;border-radius:var(--kit-radius-md);border:var(--kit-ring) solid var(--kit-ring-color);font-family:var(--kit-font-heading);font-weight:var(--kit-weight-heading);font-size:.95rem;letter-spacing:-.01em;line-height:1.2;cursor:pointer;transition:transform var(--kit-duration-fast) var(--kit-spring-ease),background var(--kit-duration-fast) var(--kit-spring-ease),color var(--kit-duration-fast) var(--kit-spring-ease),box-shadow var(--kit-duration-base) var(--kit-spring-ease),border-color var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-btn:focus-visible{outline:2px solid var(--kit-accent);outline-offset:2px;box-shadow:0 0 0 3px var(--kit-focus-ring)}.kit-root .kit-btn:disabled,.kit-root .kit-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.kit-root .kit-btn--primary{background:var(--kit-accent);color:var(--kit-on-accent);border-color:var(--kit-accent);box-shadow:var(--kit-shadow)}.kit-root .kit-btn--primary:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06);transform:translateY(-1px)}.kit-root .kit-btn--secondary{background:var(--kit-surface);color:var(--kit-text)}.kit-root .kit-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--kit-accent);color:var(--kit-accent)}.kit-root .kit-input{appearance:none;width:100%;min-height:2.75rem;padding:.85rem 1.15rem!important;border-radius:var(--kit-radius-sm);border:var(--kit-ring) solid var(--kit-ring-color);background:var(--kit-surface);color:var(--kit-text);font:inherit;font-size:1rem;transition:border-color var(--kit-duration-fast) var(--kit-spring-ease),box-shadow var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-input::placeholder{color:var(--kit-muted);opacity:1}.kit-root .kit-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--kit-text) 35%,var(--kit-ring-color))}.kit-root .kit-input:focus-visible{outline:none;border-color:var(--kit-accent);box-shadow:0 0 0 3px var(--kit-focus-ring)}.kit-root .kit-input:disabled{opacity:.5;cursor:not-allowed}.kit-root .kit-card{display:grid;gap:.75rem;padding:40px!important;border-radius:var(--kit-radius-lg);border:var(--kit-ring) solid var(--kit-ring-color);background:var(--kit-surface);color:var(--kit-text);box-shadow:var(--kit-shadow);box-sizing:border-box}.kit-root .kit-card__title{margin:0;font-family:var(--kit-font-display);font-weight:var(--kit-weight-display);letter-spacing:var(--kit-tracking);font-size:1.35rem;line-height:1.15;color:var(--kit-text)}.kit-root .kit-card__body{margin:0;color:var(--kit-muted);font-size:.95rem}.kit-root .kit-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;padding:.75rem 1.15rem!important;border-radius:var(--kit-radius-md);border:var(--kit-ring) solid var(--kit-ring-color);background:var(--kit-surface);box-shadow:var(--kit-shadow);min-width:0}.kit-root .kit-nav__brand{font-family:var(--kit-font-display);font-weight:var(--kit-weight-display);letter-spacing:var(--kit-tracking);font-size:1.05rem;color:var(--kit-text);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(46%,14rem)}.kit-root .kit-nav__links{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;flex-shrink:0}.kit-root .kit-nav__link{appearance:none;background:transparent;border:0;padding:.35rem;color:var(--kit-muted);font:inherit;font-size:.9rem;cursor:pointer;border-radius:2px;transition:color var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-nav__link:hover:not(:disabled){color:var(--kit-text)}.kit-root .kit-nav__link:focus-visible{outline:2px solid var(--kit-accent);outline-offset:2px}.kit-root .kit-nav__link:disabled{opacity:.45;cursor:not-allowed}.kit-root .kit-toggle{appearance:none;width:3.25rem;height:1.9rem;padding:.18rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--kit-text) 22%,var(--kit-ring-color));background:color-mix(in srgb,var(--kit-text) 8%,var(--kit-surface));cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;transition:background var(--kit-duration-base) var(--kit-spring-ease),border-color var(--kit-duration-fast) var(--kit-spring-ease),box-shadow var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-toggle[data-on=true]{background:var(--kit-accent);border-color:var(--kit-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kit-accent) 22%,transparent)}.kit-root .kit-toggle__knob{width:1.4rem;height:1.4rem;border-radius:999px;background:var(--kit-text);display:block;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform var(--kit-duration-base) var(--kit-spring-ease)}.kit-root .kit-toggle[data-on=true] .kit-toggle__knob{transform:translateX(1.25rem);background:var(--kit-on-accent)}.kit-root .kit-toggle:focus-visible{outline:2px solid var(--kit-accent);outline-offset:3px}.kit-root .kit-toggle:disabled,.kit-root .kit-toggle[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.kit-root .kit-badge{display:inline-flex;align-items:center;min-height:1.5rem;padding:.15rem .55rem;border-radius:var(--kit-radius-sm);border:max(1px,var(--kit-ring)) solid var(--kit-ring-color);background:var(--kit-surface);color:var(--kit-text);font-size:.75rem;font-weight:600;letter-spacing:.02em}.kit-root .kit-badge--accent{background:var(--kit-accent);color:var(--kit-on-accent);border-color:var(--kit-accent)}.kit-root .kit-checkbox{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;color:var(--kit-text);font-size:.95rem;font-weight:500;line-height:1.3;user-select:none}.kit-root .kit-checkbox__label{min-width:0}.kit-root .kit-checkbox input{appearance:none;width:1.35rem;height:1.35rem;margin:0;flex-shrink:0;border-radius:max(4px,calc(var(--kit-radius-sm) * .7));border:2px solid color-mix(in srgb,var(--kit-text) 35%,var(--kit-ring-color));background:var(--kit-bg);cursor:pointer;display:grid;place-items:center;transition:background var(--kit-duration-fast) var(--kit-spring-ease),border-color var(--kit-duration-fast) var(--kit-spring-ease),box-shadow var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-checkbox input:hover:not(:disabled){border-color:var(--kit-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kit-accent) 16%,transparent)}.kit-root .kit-checkbox input:checked{background:var(--kit-accent);border-color:var(--kit-accent)}.kit-root .kit-checkbox input:checked:after{content:"";display:block;width:.32rem;height:.62rem;margin-top:-.1rem;border:solid var(--kit-on-accent);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.kit-root .kit-checkbox input:focus-visible{outline:2px solid var(--kit-accent);outline-offset:3px}.kit-root .kit-checkbox input:disabled{opacity:.45;cursor:not-allowed}.kit-root .kit-checkbox:has(input:disabled){opacity:.7;cursor:not-allowed}.kit-root .kit-radio{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;color:var(--kit-text);font-size:.95rem;font-weight:500;line-height:1.3;user-select:none}.kit-root .kit-radio__label{min-width:0}.kit-root .kit-radio input{appearance:none;width:1.35rem;height:1.35rem;margin:0;flex-shrink:0;border-radius:999px;border:2px solid color-mix(in srgb,var(--kit-text) 35%,var(--kit-ring-color));background:var(--kit-bg);cursor:pointer;display:grid;place-items:center;transition:background var(--kit-duration-fast) var(--kit-spring-ease),border-color var(--kit-duration-fast) var(--kit-spring-ease),box-shadow var(--kit-duration-fast) var(--kit-spring-ease)}.kit-root .kit-radio input:hover:not(:disabled){border-color:var(--kit-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kit-accent) 16%,transparent)}.kit-root .kit-radio input:checked{border-color:var(--kit-accent);background:var(--kit-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--kit-accent) 18%,transparent)}.kit-root .kit-radio input:checked:after{content:"";display:block;width:.55rem;height:.55rem;border-radius:999px;background:var(--kit-accent)}.kit-root .kit-radio input:focus-visible{outline:2px solid var(--kit-accent);outline-offset:3px}.kit-root .kit-radio input:disabled{opacity:.45;cursor:not-allowed}.kit-root .kit-radio:has(input:disabled){opacity:.7;cursor:not-allowed}.kit-root .kit-control-stack{display:grid;gap:.75rem;margin-top:.85rem;padding:.9rem 1rem;border-radius:var(--kit-radius-md);border:max(1px,var(--kit-ring)) solid color-mix(in srgb,var(--kit-text) 12%,var(--kit-ring-color));background:color-mix(in srgb,var(--kit-text) 3%,var(--kit-surface))}.kit-root .kit-control-stack__label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--kit-muted)}.kit-root .kit-control-stack__row{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center}.kit-root .kit-sample{display:grid;gap:max(.85rem,var(--kit-space,1rem));padding:1.15rem 1.25rem!important;border-radius:var(--kit-radius-lg);background:var(--kit-bg);color:var(--kit-text);border:var(--kit-ring) solid var(--kit-ring-color)}.kit-sample__form{display:grid;gap:.65rem}.kit-sample__label{display:grid;gap:.3rem;font-size:.85rem;color:var(--kit-muted)}.kit-sample__row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.kit-sample__try{appearance:none;margin-top:.65rem;padding:0;border:0;background:none;color:var(--kit-accent);font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media (prefers-reduced-motion:reduce){.kit-root *,.kit-root :after,.kit-root :before{transition-duration:.01ms!important}}