:root{--color-primary-base:#4f46e5;--color-primary-hover:#4338ca;--color-link-base:var(--color-primary-base);--color-link-hover:var(--color-primary-hover);--color-link-visited:var(--color-primary-hover);--color-success-base:#16a34a;--color-success-hover:#15803d;--color-success-soft:#ecfdf5;--color-warning-base:#d97706;--color-warning-hover:#b45309;--color-warning-soft:#fffbeb;--color-danger-base:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fef2f2;--color-info-base:#2563eb;--color-info-hover:#1d4ed8;--color-info-soft:#eff6ff;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#eee;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-border-primary:#d1d5db;--color-border-secondary:#9ca3af;--color-border-focus:#4f46e5;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-xxxl:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--font-family-sans:Inter,system-ui,-apple-system,sans-serif;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:30px;--font-4xl:36px;--line-tight:1.2;--line-normal:1.5;--line-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 10px #00000014;--size-control-sm:16px;--size-control-md:20px;--size-control-lg:24px;--size-field-sm:36px;--size-field-md:44px;--size-field-lg:52px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--motion-snappy:.22s cubic-bezier(.22,1,.36,1);--interaction-hover-bg:color-mix(in srgb,var(--color-text-primary) 4%,transparent);--control-border-width:2px;--control-padding:2px;--control-radius:var(--radius-sm);--control-gap-sm:var(--space-xs);--control-gap-md:var(--space-sm);--control-gap-lg:var(--space-md);--state-default-border:var(--color-border-primary);--state-default-hover:var(--color-border-secondary);--state-default-ring:color-mix(in srgb,var(--color-primary-base) 40%,transparent);--field-bg-color:var(--color-bg-primary);--field-border-color:var(--color-border-primary);--field-border-hover:var(--color-border-secondary);--field-border-focus:var(--color-border-focus);--field-text-color:var(--color-text-primary);--field-placeholder-color:var(--color-text-secondary);--field-disabled-bg:var(--color-bg-tertiary);--field-disabled-text:var(--color-text-secondary);--field-border-error:var(--color-danger-base);--field-border-success:var(--color-success-base);--field-border-warning:var(--color-warning-base);--field-height-sm:var(--size-field-sm);--field-height-md:var(--size-field-md);--field-height-lg:var(--size-field-lg);--control-size:var(--size-control-md);--control-gap:var(--control-gap-md);--state-info-bg:var(--color-info-soft);--state-info-border:var(--color-info-base);--state-info-text:var(--color-info-base);--state-info-ring:color-mix(in srgb,var(--state-info-border) 30%,transparent);--state-success-bg:var(--color-success-soft);--state-success-border:var(--color-success-base);--state-success-text:var(--color-success-base);--state-success-ring:color-mix(in srgb,var(--state-success-border) 30%,transparent);--state-warning-bg:var(--color-warning-soft);--state-warning-border:var(--color-warning-base);--state-warning-text:var(--color-warning-base);--state-warning-ring:color-mix(in srgb,var(--state-warning-border) 30%,transparent);--state-danger-bg:var(--color-danger-soft);--state-danger-border:var(--color-danger-base);--state-danger-text:var(--color-danger-base);--state-danger-ring:color-mix(in srgb,var(--state-danger-border) 30%,transparent)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}:where(button,input,select,textarea,[role=button]):focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-focus) 30%,transparent);outline:none}body{font-family:var(--font-family-sans);font-size:var(--font-md);line-height:var(--line-normal);font-weight:var(--font-weight-regular);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-small{font-size:var(--font-sm);line-height:var(--line-normal)}.spinner{border:2px solid var(--color-border-secondary);border-top-color:var(--color-primary-base);border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:32px;height:32px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.icon svg{fill:none;stroke:currentColor;pointer-events:none;width:100%;height:100%;display:block}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.field{width:100%;min-width:0;position:relative}.field[data-disabled=true],.field[data-loading=true],.field__spinner{pointer-events:none}.field__spinner{right:var(--space-md);z-index:2;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.control{--control-size:var(--size-control-md);--control-gap:var(--control-gap-md);align-items:center;gap:var(--control-gap);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--control-color:var(--color-primary-base);--control-color-hover:var(--color-primary-hover);--control-indicator-color:var(--color-bg-primary);width:-moz-fit-content;width:fit-content;display:flex;position:relative}.control[data-size=sm]{--control-size:var(--size-control-sm,16px);--control-gap:var(--control-gap-sm)}.control[data-size=md]{--control-size:var(--size-control-md,20px);--control-gap:var(--control-gap-md)}.control[data-size=lg]{--control-size:var(--size-control-lg,24px);--control-gap:var(--control-gap-lg)}.control[data-state=default]{--control-color:var(--color-primary-base);--control-color-hover:var(--color-primary-hover)}.control[data-state=error]{--control-color:var(--color-danger-base);--control-color-hover:var(--color-danger-hover)}.control[data-state=success]{--control-color:var(--color-success-base);--control-color-hover:var(--color-success-hover)}.control[data-state=warning]{--control-color:var(--color-warning-base);--control-color-hover:var(--color-warning-hover)}.control__visual{width:var(--control-size);height:var(--control-size);padding:var(--control-padding);background:var(--color-bg-primary);border:var(--control-border-width) solid var(--color-border-primary);box-sizing:border-box;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.control:has(.control__input:checked):not([data-disabled=true]) .control__visual{background:var(--control-color);border-color:var(--control-color)}.control[data-disabled=true]{cursor:not-allowed}.control[data-disabled=true] .control__visual{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.control:not([data-disabled=true]) .control__visual:active{transform:scale(.95)}.control__input{opacity:0;cursor:inherit;position:absolute;inset:0}.control__box{justify-content:center;width:100%;height:100%}.control__box,.control__label{align-items:center;display:flex}.control[data-shape=circle] .control__visual{border-radius:50%}.control[data-shape=square] .control__visual{border-radius:var(--control-radius)}.control[data-shape=pill] .control__visual{width:calc(var(--control-size) * 1.8);height:var(--control-size);border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:none;padding:0}.control[data-shape=pill]:has(.control__input:checked):not([data-disabled=true]) .control__visual{background:var(--control-color)}.control[data-shape=pill][data-disabled=true] .control__visual{background:var(--color-bg-tertiary)}.control:hover:not([data-disabled=true]){background:color-mix(in srgb,var(--control-color) 6%,transparent);border-radius:var(--radius-sm)}.control:has(.control__input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--control-color) 25%,transparent);border-radius:var(--radius-sm)}.button{justify-content:center;align-items:center;gap:var(--space-sm);box-sizing:border-box;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:40px;font-family:var(--font-family-sans);font-size:var(--font-md);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform .15s ease,opacity var(--transition-fast);border:none;display:inline-flex;position:relative}.button--full{width:100%}.button--primary{background:var(--color-primary-base);color:var(--color-text-inverse)}.button--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.button--danger{background:var(--color-danger-base);color:var(--color-text-inverse)}.button--ghost{color:var(--color-text-primary);background:0 0;border:1px solid #0000}.button--link{min-height:auto;color:var(--color-link-base);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:0}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.button--ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.button--link:hover:not(:disabled){color:var(--color-link-hover)}.button:active:not(:disabled){transform:translateY(1px)scale(.99)}.button:focus-visible:not(:disabled){box-shadow:0 0 0 2px var(--state-default-ring);outline:none}.button:disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.button--sm{min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm)}.button--md{min-height:40px;padding:var(--space-sm) var(--space-md);font-size:var(--font-md)}.button--lg{min-height:48px;padding:var(--space-md) var(--space-lg);font-size:var(--font-lg)}.button svg{flex-shrink:0;width:1em;height:1em}.button__icon{justify-content:center;align-items:center;display:inline-flex}.button__icon--left{margin-right:var(--space-xs)}.button__icon--right{margin-left:var(--space-xs)}.button__label{justify-content:center;align-items:center;display:inline-flex}.button--loading{cursor:progress}.button--loading .button__label{opacity:.7}.button__spinner{margin-left:var(--space-xs);justify-content:center;align-items:center;display:inline-flex}.card{border-radius:var(--radius-md);--card-padding:var(--space-lg);flex-direction:column;display:flex}.card--outlined{border:1px solid var(--color-border-primary)}.card--elevated,.card--outlined{background-color:var(--color-bg-primary)}.card--elevated{box-shadow:var(--shadow-sm)}.card--flat{background-color:#0000}.card--sm{--card-padding:var(--space-md)}.card--md{--card-padding:var(--space-lg)}.card--lg{--card-padding:var(--space-xl)}.card__body,.card__footer,.card__header{padding:var(--card-padding)}.card__header{border-bottom:1px solid var(--color-border-primary)}.card__footer{border-top:1px solid var(--color-border-primary)}.card--flat .card__footer,.card--flat .card__header{border:none}.chip{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background-color:var(--color-bg-secondary);max-width:100%;color:var(--color-text-primary);line-height:1;display:inline-flex}.chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip__remove{color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip__remove:hover{background-color:var(--interaction-hover-bg);color:var(--color-danger-base)}.chip__remove:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.chip--sm{font-size:var(--font-sm);padding:2px 6px}.chip--md{font-size:var(--font-md);padding:4px 10px}.chip--lg{font-size:var(--font-lg);padding:6px 14px}.chip--disabled{opacity:.6;pointer-events:none}.quantity-stepper{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);display:inline-flex}.quantity-stepper__button{width:var(--stepper-button-size);height:var(--stepper-button-size);border-radius:var(--radius-sm);font-size:var(--font-md);cursor:pointer;transition:background-color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;line-height:1;display:flex}.quantity-stepper__button:hover{background-color:var(--interaction-hover-bg)}.quantity-stepper__button:disabled{opacity:.4;cursor:not-allowed}.quantity-stepper__button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.quantity-stepper__value{min-width:var(--stepper-value-width);text-align:center;font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.quantity-stepper--sm{--stepper-button-size:24px;--stepper-value-width:20px}.quantity-stepper--md{--stepper-button-size:28px;--stepper-value-width:24px}.quantity-stepper--lg{--stepper-button-size:36px;--stepper-value-width:32px}.quantity-stepper--disabled{opacity:.5;pointer-events:none}.heading{line-height:var(--line-tight);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.heading-1{font-size:var(--font-2xl)}.heading-2{font-size:var(--font-xl)}.heading-3{font-size:var(--font-lg)}.heading-4{font-size:var(--font-md)}.heading-5{font-size:var(--font-sm)}.heading-6{font-size:var(--font-xs)}.text{font-size:var(--font-md);line-height:var(--line-normal);font-weight:var(--font-weight-regular);color:var(--color-text-primary);margin:0}.text--sm{font-size:var(--font-sm)}.text--md{font-size:var(--font-md)}.text--default{color:var(--color-text-primary)}.text--secondary{color:var(--color-text-secondary)}.text--muted{color:var(--color-text-muted)}.text--inverse{color:var(--color-text-inverse)}.error-message{color:var(--state-danger-text);line-height:var(--line-normal)}.error-message--sm{font-size:var(--font-xs)}.error-message--md{font-size:var(--font-sm)}.error-message--lg{font-size:var(--font-md)}.helper-text{color:var(--color-text-secondary);line-height:var(--line-normal)}.helper-text--sm{font-size:var(--font-xs)}.helper-text--md{font-size:var(--font-sm)}.helper-text--lg{font-size:var(--font-md)}.input__wrapper{width:100%;position:relative}.input{box-sizing:border-box;border:1px solid var(--state-default-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;min-width:0;color:var(--color-text-primary);padding-top:0;padding-bottom:0;padding-left:var(--space-md);padding-right:var(--space-md);line-height:1;font-family:var(--font-family-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);outline:none}.input--sm{min-height:var(--field-height-sm);font-size:var(--font-sm)}.input--md{min-height:var(--field-height-md);font-size:var(--font-md)}.input--lg{min-height:var(--field-height-lg);font-size:var(--font-lg)}.input:hover:not(:disabled):not(.input--error):not(.input--success):not(.input--warning){border-color:var(--state-default-hover)}.input:focus{border-color:var(--state-default-border);box-shadow:0 0 0 3px var(--state-default-ring)}.input--error{border-color:var(--state-danger-border)}.input--error:focus{box-shadow:0 0 0 3px var(--state-danger-ring)}.input--success{border-color:var(--state-success-border)}.input--success:focus{box-shadow:0 0 0 3px var(--state-success-ring)}.input--warning{border-color:var(--state-warning-border)}.input--warning:focus{box-shadow:0 0 0 3px var(--state-warning-ring)}.input--disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.input__prefix,.input__suffix{color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.input__prefix{left:var(--space-md);pointer-events:none}.input__suffix{right:var(--space-md);pointer-events:auto}.input--has-prefix{padding-left:calc(16px + var(--space-md) + var(--space-sm))}.input--has-suffix{padding-right:calc(16px + var(--space-md) + var(--space-sm))}.input::placeholder{color:var(--color-text-secondary);opacity:1}.label{align-items:center;gap:var(--space-xxs);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-normal);display:inline-flex}.label--sm{font-size:var(--font-sm)}.label--md{font-size:var(--font-md)}.label--lg{font-size:var(--font-lg)}.label__required{color:var(--color-danger-base)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0}.password-field__toggle{font-size:var(--font-md)}.password-field__toggle,.search-field__clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-field__clear{width:16px;height:16px}.textarea{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-md);border:1px solid var(--state-default-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-sans);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);outline:none}.textarea--sm{min-height:80px;font-size:var(--font-sm)}.textarea--md{min-height:120px;font-size:var(--font-md)}.textarea--lg{min-height:160px;font-size:var(--font-lg)}.textarea:hover:not(:disabled):not(.textarea--error):not(.textarea--success):not(.textarea--warning){border-color:var(--state-default-hover)}.textarea:focus-visible{border-color:var(--state-default-border);box-shadow:0 0 0 3px var(--state-default-ring)}.textarea--error{border-color:var(--state-danger-border)}.textarea--error:focus-visible{box-shadow:0 0 0 3px var(--state-danger-ring)}.textarea--success{border-color:var(--state-success-border)}.textarea--success:focus-visible{box-shadow:0 0 0 3px var(--state-success-ring)}.textarea--warning{border-color:var(--state-warning-border)}.textarea--warning:focus-visible{box-shadow:0 0 0 3px var(--state-warning-ring)}.textarea--disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.textarea--loading{padding-right:calc(var(--space-xl) + var(--space-md))}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-field--disabled{opacity:.6}.form-row{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;display:grid}.form-section{gap:var(--space-md);flex-direction:column;display:flex}.form-section__header{gap:var(--space-xs);flex-direction:column;display:flex}.form-section__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-tight);color:var(--color-text-primary);margin:0}.form-section__description{font-size:var(--font-sm);line-height:var(--line-normal);color:var(--color-text-secondary);margin:0}.form-section__content{gap:var(--space-md);flex-direction:column;display:flex}.form-actions{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);display:flex}.floating-surface{top:calc(100% + var(--space-xs));z-index:40;width:100%;padding:var(--space-xs) 0;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform-origin:top;transition:opacity var(--transition-fast),transform var(--transition-fast);position:absolute;left:0;overflow:hidden;transform:scaleY(.96)}.floating-surface--open{opacity:1;pointer-events:auto;transform:scaleY(1)}.checkbox{justify-content:center;align-items:center;display:flex}.checkbox,.checkbox__icon{pointer-events:none;width:100%;height:100%}.checkbox__icon{stroke:var(--control-indicator-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:scale(.8)}.control:has(.control__input:checked) .checkbox__icon{opacity:1;transform:scale(1)}.checkbox-group{width:100%;display:flex}.checkbox-group--column{flex-direction:column}.checkbox-group--row{flex-flow:wrap;align-items:center}.checkbox-group[data-gap=xs]{gap:var(--space-xs)}.checkbox-group[data-gap=sm]{gap:var(--space-sm)}.checkbox-group[data-gap=md]{gap:var(--space-md)}.checkbox-group[data-gap=lg]{gap:var(--space-lg)}.radio{pointer-events:none;justify-content:center;align-items:center;width:70%;height:70%;display:flex}.radio__dot{background:var(--control-indicator-color);opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast),transform var(--transition-fast);border-radius:50%;transform:scale(.6)}.control:has(.control__input:checked) .radio__dot{opacity:1;transform:scale(1)}.switch{box-sizing:border-box;pointer-events:none;align-items:center;width:100%;height:100%;padding:2px;display:flex}.switch__thumb{width:calc(var(--control-size) - 8px);height:calc(var(--control-size) - 8px);background:var(--control-indicator-color);transition:transform var(--motion-snappy);border-radius:50%}.control:has(.control__input:checked) .switch{justify-content:flex-end}.select-wrapper{width:100%;position:relative}.select{box-sizing:border-box;width:100%;min-width:0;height:var(--field-height-md);padding:0 var(--space-md);padding-right:calc(var(--space-xl) + var(--space-md));border:1px solid var(--state-default-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-md);font-family:var(--font-family-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);outline:none}.select--sm{height:var(--field-height-sm);font-size:var(--font-sm)}.select--md{height:var(--field-height-md);font-size:var(--font-md)}.select--lg{height:var(--field-height-lg);font-size:var(--font-lg)}.select:hover:not(:disabled):not(.select--error):not(.select--success):not(.select--warning){border-color:var(--state-default-hover)}.select:focus-visible{border-color:var(--state-default-border);box-shadow:0 0 0 3px var(--state-default-ring)}.select--error{border-color:var(--state-danger-border)}.select--error:focus-visible{box-shadow:0 0 0 3px var(--state-danger-ring)}.select--success{border-color:var(--state-success-border)}.select--success:focus-visible{box-shadow:0 0 0 3px var(--state-success-ring)}.select--warning{border-color:var(--state-warning-border)}.select--warning:focus-visible{box-shadow:0 0 0 3px var(--state-warning-ring)}.select--disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.select--loading{padding-right:calc(var(--space-xxl) + var(--space-md))}.select__arrow{right:var(--space-md);pointer-events:none;color:var(--color-text-secondary);font-size:var(--font-sm);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.field[data-disabled=true] .select__arrow{opacity:.6}.combobox{flex-direction:column;width:100%;display:flex;position:relative}.combobox__chips{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.combobox__empty{padding:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-sm)}.combobox--disabled{opacity:.6}.option-list{padding:var(--space-xs) 0;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:240px;display:flex;position:relative;overflow-y:auto}.option-list__empty{padding:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-sm)}.option-list--disabled{opacity:.6;pointer-events:none}.option-list--embedded{box-shadow:none;background:0 0;border:none;border-radius:0}.option-item{padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-md);line-height:var(--line-normal);color:var(--color-text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.option-item--active,.option-item:hover{background-color:var(--interaction-hover-bg)}.option-item--selected{background-color:color-mix(in srgb,var(--color-primary-base) 12%,transparent);font-weight:var(--font-weight-medium)}.option-item--disabled{color:var(--color-text-secondary);cursor:not-allowed;background:0 0}.stack{flex-direction:column;display:flex}.stack--gap-xs{gap:var(--space-xs)}.stack--gap-sm{gap:var(--space-sm)}.stack--gap-md{gap:var(--space-md)}.stack--gap-lg{gap:var(--space-lg)}.stack--gap-xl{gap:var(--space-xl)}.stack--gap-xxl{gap:var(--space-xxl)}.stack--gap-xxxl{gap:var(--space-xxxl)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.inline{flex-direction:row;display:flex}.inline--gap-xs{gap:var(--space-xs)}.inline--gap-sm{gap:var(--space-sm)}.inline--gap-md{gap:var(--space-md)}.inline--gap-lg{gap:var(--space-lg)}.inline--gap-xl{gap:var(--space-xl)}.inline--gap-xxl{gap:var(--space-xxl)}.inline--gap-xxxl{gap:var(--space-xxxl)}.inline--align-start{align-items:flex-start}.inline--align-center{align-items:center}.inline--align-end{align-items:flex-end}.inline--align-stretch{align-items:stretch}.inline--align-baseline{align-items:baseline}.inline--justify-start{justify-content:flex-start}.inline--justify-center{justify-content:center}.inline--justify-end{justify-content:flex-end}.inline--justify-between{justify-content:space-between}.inline--justify-around{justify-content:space-around}.container{width:100%;padding-inline:var(--space-lg);margin-inline:auto}.container--sm{max-width:640px}.container--md{max-width:960px}.container--lg{max-width:1200px}.container--xl{max-width:1440px}.container--full{max-width:none}.section{width:100%}.section--none{padding-block:0}.section--sm{padding-block:var(--space-md)}.section--md{padding-block:var(--space-lg)}.section--lg{padding-block:var(--space-xl)}.section--xl{padding-block:var(--space-xxl)}.section--xxl{padding-block:var(--space-xxxl)}.grid{display:grid}.grid--gap-xs{gap:var(--space-xs)}.grid--gap-sm{gap:var(--space-sm)}.grid--gap-md{gap:var(--space-md)}.grid--gap-lg{gap:var(--space-lg)}.grid--gap-xl{gap:var(--space-xl)}.grid--gap-xxl{gap:var(--space-xxl)}.grid--gap-xxxl{gap:var(--space-xxxl)}.grid:not([class*=grid--cols-]){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}:root{color-scheme:light;--background:#f7f7fb;--foreground:#17171f;--muted:#5f6270;--card:#ffffff;--border:#dedfeb;--accent:#4f46e5}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,#eef2ff 0,transparent 32rem),var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.page{width:min(100%,960px);margin:0 auto;padding:64px 24px}.hero{margin-bottom:32px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:760px;font-size:clamp(2.5rem,6vw,4.75rem);line-height:.95;letter-spacing:-.06em}h1,h2{margin-bottom:16px}h2{font-size:1.25rem}.lead{max-width:680px;color:var(--muted);font-size:1.125rem;line-height:1.7}.card{margin-top:20px;padding:24px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 24px 80px rgb(17 24 39/8%)}ol{margin:0;padding-left:1.25rem;color:var(--muted);line-height:1.7}li+li{margin-top:8px}pre{overflow-x:auto;margin:0;padding:20px;border-radius:16px;background:#111827;color:#e5e7eb;font-size:.925rem;line-height:1.6}.ds-gallery{width:min(100%,1180px);margin:0 auto;padding:48px 24px 72px}.ds-category,.ds-empty-state,.ds-hero,.ds-utilities{margin-bottom:32px}.ds-hero{padding:32px;border:1px solid var(--border);border-radius:28px;background:var(--card)}.ds-eyebrow{margin-bottom:8px;color:var(--accent);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ds-hero h1{margin-bottom:16px;font-size:clamp(2.25rem,5vw,4rem)}.ds-component-card p,.ds-empty-state p,.ds-hero p,.ds-muted,.ds-utilities p{color:var(--muted);line-height:1.7}.ds-summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.ds-summary span{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#f8fafc;font-size:.875rem;font-weight:700}.ds-category-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.ds-category-header span{color:var(--muted);font-size:.875rem}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.ds-component-card,.ds-empty-state,.ds-utilities{padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:0 18px 60px rgb(17 24 39/6%)}.ds-component-card h3{margin:0 0 8px;font-size:1.125rem}.ds-preview-fallback,.ds-preview-surface{display:grid;min-height:120px;margin:18px 0;padding:18px;place-items:center;border:1px dashed var(--border);border-radius:18px;background:#fafafa}.ds-preview-fallback{color:var(--muted);text-align:center;line-height:1.6}.ds-component-card details{margin:16px 0}.ds-component-card summary{cursor:pointer;font-weight:700}.ds-props-list{margin:12px 0 0}.ds-props-list div{display:grid;grid-template-columns:minmax(96px,.35fr) 1fr;grid-gap:12px;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.ds-props-list dt{font-weight:700}.ds-props-list dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.ds-code{font-size:.8rem}.ds-utilities ul{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.ds-utilities li{padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.875rem;font-weight:700}