.field{display:flex;flex-direction:column;gap:var(--s-2);width:100%}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out)}.field:focus-within .field__label{color:var(--accent)}.field__control{display:flex;align-items:center;gap:var(--s-2);background:var(--surface);border:1.2px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.field__control:hover{border-color:color-mix(in srgb,var(--ink) 24%,var(--border-strong));background:color-mix(in srgb,var(--ink) 3%,var(--surface))}.field__control:focus-within{border-color:var(--ink-soft);background:var(--surface)}.field__affix{display:inline-flex;align-items:center;color:var(--muted);flex:none;transition:color var(--dur-fast) var(--ease-out)}.field__affix svg{width:1.2em;height:1.2em}.field__affix--lead{padding-inline-start:var(--s-4)}.field__affix--trail{padding-inline-end:var(--s-4)}.field:focus-within .field__affix{color:var(--ink-soft)}.field__input{flex:1 1 auto;width:100%;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font-sans)}.field__input::-moz-placeholder{color:var(--faint)}.field__input::placeholder{color:var(--faint)}.field__input--area{resize:vertical;min-height:64px;line-height:var(--lh-normal)}.field--sm .field__input{height:34px;padding:0 var(--s-3);font-size:var(--fs-sm)}.field--md .field__input{height:44px;padding:0 var(--s-4);font-size:var(--fs-base)}.field--lg .field__input{height:52px;padding:0 var(--s-5);font-size:var(--fs-md)}.field .field__input--area{height:auto;padding-top:var(--s-3);padding-bottom:var(--s-3)}.field__affix--lead+.field__input{padding-inline-start:var(--s-1)}.field__input:has(+.field__affix--trail){padding-inline-end:var(--s-1)}.field__msg{font-size:var(--fs-xs);color:var(--muted)}.field__msg--err{color:var(--danger)}.field.is-error .field__control,.field.is-error .field__control:hover{border-color:var(--danger)}.field.is-error .field__control:focus-within{border-color:var(--danger);background:var(--surface)}.field.is-disabled{opacity:.55;pointer-events:none}