.field{gap:6px;min-width:0;display:grid}.field-label{color:var(--color-foreground)}.field-control{align-items:center;gap:var(--spacing-space-2);min-height:38px;padding:0 var(--spacing-space-3);background:var(--color-card);border:1px solid var(--color-input);border-radius:var(--rounded-radius-md);transition:border-color var(--motion-dur-fast) var(--motion-ease-out), box-shadow var(--motion-dur-fast) var(--motion-ease-out);display:flex}.field-control:focus-within,.field-control[data-focused]{border-color:var(--color-ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-ring) 22%, transparent)}.field-control[data-readonly]{background:var(--color-muted)}.field-control[data-multiline]{padding:var(--spacing-space-2) var(--spacing-space-3);align-items:start}.field[data-error] .field-control{border-color:var(--color-destructive)}.field-input{min-width:0;height:36px;font:var(--type-body-base);background:0 0;border:0;outline:none;flex:1;padding:0}textarea.field-input{resize:none;height:auto;line-height:1.5}.field-input::placeholder,.field-icon{color:var(--color-muted-foreground)}.field-toggle{color:var(--color-accent-foreground);cursor:pointer}.field-kbd{border-radius:var(--rounded-radius-sm);background:var(--color-muted);min-width:20px;color:var(--color-muted-foreground);text-align:center;font-family:var(--font-body);padding:1px 6px}.field-hint{color:var(--color-muted-foreground)}.field-error{color:var(--color-destructive-soft-foreground)}.field-counter{color:var(--color-muted-foreground);justify-self:end}.field[data-error] .field-counter{color:var(--color-destructive-soft-foreground)}button.field-toggle{font:var(--type-label-xs);background:0 0;border:0;padding:0}