@keyframes lang-field-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.lang-field{display:flex;flex-direction:column;row-gap:6px}.lang-field .lang-tag{padding:2px 9px;border-radius:9999px;background:var(--color-soft);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.lang-field .lang-field-box{border:1.5px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:var(--input-normal-rounded);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.lang-field .lang-field-box:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.lang-field .lang-field-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}.lang-field .lang-field-control{display:block;width:100%;padding:.7rem 1rem;border:none;border-radius:inherit;outline:none;background:rgba(0,0,0,0);font-size:.9375rem;line-height:1.5;color:var(--color-foreground);resize:none}.lang-field .lang-field-control::placeholder{color:#9a9aab}.lang-field .lang-field-control:disabled{cursor:not-allowed;color:#9a9aab}.lang-field.has-error .lang-field-box{border-color:var(--color-accent);animation:lang-field-shake .3s ease}.lang-field.has-error .lang-field-box:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 14%,transparent)}@media(prefers-reduced-motion:reduce){.lang-field.has-error .lang-field-box{animation:none}}