.textarea-field{gap:var(--space-inline-gap);flex-direction:column;display:flex}.textarea-field__label{font-family:var(--font-family-base);font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--color-text-primary);line-height:var(--line-height-label)}.textarea-field__wrapper{background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-default);border-radius:var(--border-radius-interactive);transition:border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;display:flex}.textarea-field__wrapper:hover:not(.textarea-field__wrapper--disabled){border-color:var(--color-border-strong)}.textarea-field__wrapper:focus-within:not(.textarea-field__wrapper--disabled){border-color:var(--color-border-focus);outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.textarea-field__wrapper--disabled{background:var(--color-surface-secondary);opacity:var(--opacity-disabled);cursor:not-allowed}.textarea-field__textarea{width:100%;padding:var(--space-control-padding-y) var(--space-control-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);resize:vertical;cursor:inherit;box-sizing:border-box;line-height:var(--line-height-control);background:0 0;border:none;outline:none;flex:1}.textarea-field__textarea::placeholder{color:var(--color-text-secondary)}.textarea-field__textarea:disabled{cursor:not-allowed}.textarea-field--error .textarea-field__wrapper{border-color:var(--color-feedback-error)}.textarea-field--error .textarea-field__wrapper:focus-within:not(.textarea-field__wrapper--disabled){border-color:var(--color-feedback-error);outline-color:var(--color-feedback-error)}.textarea-field__hint{font-family:var(--font-family-base);font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-caption)}.textarea-field--error .textarea-field__hint{color:var(--color-feedback-error)}.textarea-field__count{font-family:var(--font-family-base);font-size:var(--font-size-caption);color:var(--color-text-secondary);text-align:right;line-height:1}@media (prefers-reduced-motion:reduce){.textarea-field__wrapper{transition:none}}
@keyframes skeleton-shimmer{0%{background-position:200%}to{background-position:-200%}}.skeleton{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-highlight) 50%, var(--color-skeleton-base) 75%);animation:skeleton-shimmer calc(var(--duration-skeleton) * 3) linear infinite;border-radius:var(--skeleton-border-radius);background-size:400% 100%;display:block}.skeleton--text{width:100%;height:var(--skeleton-height-text)}.skeleton--circle{width:var(--skeleton-circle-size,var(--avatar-size-lg));height:var(--skeleton-circle-size,var(--avatar-size-lg));border-radius:var(--border-radius-full)}.skeleton--rect{width:100%;height:var(--skeleton-height-rect)}.skeleton-group{gap:var(--space-inline-gap);flex-direction:column;width:100%;display:flex}.skeleton__sr-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-skeleton-base);animation:none}}
.alert{align-items:flex-start;gap:var(--space-label-gap);padding:var(--space-prominent-padding-y) var(--space-prominent-padding-x);border-radius:var(--border-radius-component);border-width:var(--border-width-default);font-family:var(--font-family-base);font-size:var(--font-size-control);line-height:var(--line-height-control);border-style:solid;display:flex}.alert--success{background:var(--color-feedback-success-background);color:var(--color-feedback-success-foreground);border-color:var(--color-feedback-success-border)}.alert--warning{background:var(--color-feedback-warning-background);color:var(--color-feedback-warning-foreground);border-color:var(--color-feedback-warning-border)}.alert--error{background:var(--color-feedback-error-background);color:var(--color-feedback-error-foreground);border-color:var(--color-feedback-error-border)}.alert--info{background:var(--color-feedback-info-background);color:var(--color-feedback-info-foreground);border-color:var(--color-feedback-info-border)}.alert__icon{width:var(--size-icon-md);height:var(--size-icon-md);flex-shrink:0;align-items:center;display:flex}.alert__icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.alert__content{gap:var(--alert-content-gap);flex-direction:column;flex:1;min-width:0;display:flex}.alert__title{font-weight:var(--alert-title-weight);line-height:var(--line-height-control);margin:0}.alert__body,.alert__body p{margin:0}.alert__close{min-width:var(--size-touch-target);min-height:var(--size-touch-target);border-radius:var(--border-radius-interactive);color:currentColor;opacity:var(--opacity-high);cursor:pointer;transition:opacity var(--duration-interaction) var(--easing-default);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(-1 * var(--alert-close-offset));margin-inline-end:calc(-1 * var(--alert-close-offset));padding:0;display:flex}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);opacity:1}.alert--dismissing{animation:alert-exit var(--duration-transition) var(--easing-default) forwards;pointer-events:none}@keyframes alert-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-1 * var(--alert-exit-distance)))}}@media (prefers-reduced-motion:reduce){.alert--dismissing{animation-duration:var(--duration-instant)}.alert__close{transition:none}}
