.field.svelte-5s17t{gap:var(--space-1);flex-direction:column;display:flex;& .input,& .select,& .textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-200);height:30px;color:var(--fg);font:inherit;font-size:var(--text-xs);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:0 9px;&:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in oklab, var(--brand) 12%, transparent);outline:none}:is(&:user-invalid,&[aria-invalid=true]){border-color:var(--danger-line)}&:disabled{opacity:.55;cursor:not-allowed}&[data-mono]{font-family:var(--font-mono)}}& .textarea{resize:vertical;height:auto;font-family:var(--font-mono);padding:8px 9px;line-height:1.6}& .inputpre{border:1px solid var(--border-strong);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--surface-300);color:var(--fg-lighter);font-family:var(--font-mono);font-size:var(--text-2xs);border-right:0;align-items:center;padding:0 8px;display:flex}& .inputgroup{--btn-height:30px;align-items:stretch;display:flex;& .input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}& .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}& .inputpre+.input{border-radius:0 var(--radius-md) var(--radius-md) 0}}}.field__label.svelte-5s17t{font-size:var(--text-2xs);color:var(--fg-light);font-weight:500}.field__hint.svelte-5s17t{font-size:var(--text-2xs);color:var(--fg-lighter)}.field__error.svelte-5s17t{font-size:var(--text-2xs);color:var(--danger)}