.textarea{flex-direction:column;width:100%}.textarea,.textarea__label{display:flex;gap:var(--space-xs)}.textarea__label{composes:typography-label-md from global;color:var(--color-text-default);align-items:center}.textarea__required{color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}.textarea__expanding-area{display:grid;width:100%;max-width:600px;position:relative;border-radius:var(--radius-lg);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);box-shadow:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.textarea__expanding-area:hover:not(.textarea__expanding-area--disabled):not(:has(.textarea__field:focus)){background-color:var(--color-surface-quaternary);border-color:var(--color-border-primary)}.textarea__expanding-area:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;word-wrap:break-word;visibility:hidden;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-lg);overflow-wrap:break-word}.textarea__expanding-area:after,.textarea__field{grid-area:1/1/2/2;padding:var(--space-sm);padding-bottom:var(--space-lg);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--line-height-base);-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.textarea__field{resize:none;overflow:hidden;background:transparent;border:none;color:var(--color-text-default);width:100%;min-height:inherit;outline:none;overflow-wrap:break-word}.textarea__field::placeholder{color:var(--color-text-disabled);opacity:1}.textarea__field:focus::placeholder{opacity:0;transition:opacity var(--transition-fast)}.textarea__field:focus,.textarea__field:focus-visible{outline:none}.textarea__expanding-area:has(.textarea__field:focus){border-color:transparent;outline:var(--border-width-thin) solid var(--color-border-focus);outline-offset:0}.textarea--error .textarea__expanding-area{border-color:var(--color-status-error-default)}.textarea--error .textarea__expanding-area:has(.textarea__field:focus){border-color:transparent;outline-color:var(--color-status-error-default)}.textarea--disabled .textarea__expanding-area{opacity:var(--opacity-semantic-disabled);cursor:not-allowed}.textarea--disabled .textarea__field{cursor:not-allowed}.textarea--disabled .textarea__label{opacity:var(--opacity-semantic-disabled)}.textarea__helper-text{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-secondary);margin-top:var(--space-xs);padding-left:var(--space-xs)}.textarea--error .textarea__helper-text{color:var(--color-status-error-default)}.textarea__edit-icon{position:absolute;top:var(--space-sm);right:var(--space-sm);opacity:.3;pointer-events:none;transition:opacity var(--transition-fast);color:var(--color-text-tertiary)}.textarea--with-edit-icon .textarea__expanding-area:after,.textarea--with-edit-icon .textarea__field{padding-right:calc(var(--space-sm) * 2 + 16px)}.textarea__expanding-area:has(.textarea__field:focus) .textarea__edit-icon{opacity:0}.textarea__character-count{position:absolute;bottom:var(--space-xs);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);pointer-events:none;z-index:1}.textarea__count-text{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);opacity:.7}.textarea__count-text--error,.textarea__count-warning{color:var(--color-status-error-default);font-weight:var(--font-weight-medium)}.textarea__count-warning{font-size:var(--font-size-xs)}@media (prefers-reduced-motion:reduce){.textarea--interactive.textarea--focused .textarea__field,.textarea__field{animation:none;transition:none}}@media (max-width:768px){.textarea{width:100%}.textarea__field{min-height:44px}}.scroll-to-top{position:-webkit-sticky;position:sticky;bottom:var(--space-lg);float:right;clear:both;margin-right:var(--space-md);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-base) var(--motion-spring-gentle)}@media (max-width:768px){.scroll-to-top{bottom:var(--space-sm);margin-right:var(--space-sm)}}.scroll-to-top--visible{opacity:1;pointer-events:auto}.scroll-to-top--interactive.scroll-to-top--visible{animation:fadeInUp .3s var(--motion-spring-bouncy)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top--hide-mobile{display:none}.scroll-to-top--hide-desktop{display:block}@media (min-width:769px){.scroll-to-top--hide-mobile{display:block}.scroll-to-top--hide-desktop{display:none}}@media (prefers-reduced-motion:reduce){.scroll-to-top,.scroll-to-top--interactive{animation:none!important;transition:opacity var(--transition-fast)!important}}