.string_field_container{margin:.5rem;min-height:0}.string-field-container{display:flex;flex-direction:column;gap:4px;font-family:system-ui,-apple-system,sans-serif}.string-field-label{display:flex;flex-direction:column;gap:4px}.string-field-label-text{font-size:.875rem;font-weight:500;color:var(--text-primary,#374151)}.string-field-required{color:var(--error-color,#dc2626);margin-left:2px}.string-field-wrapper{position:relative;display:flex;align-items:center;width:100%;transition:all .2s ease}.string-field-wrapper.focused{box-shadow:0 0 0 2px var(--focus-color,#3b82f680);border-radius:6px}.string-field{composes:input-field from 'commons.css';width:100%;padding:8px 12px;font-size:.875rem;line-height:1.25rem;color:var(--text-dark,#111827);background-color:var(--background-light,#fff)}.string-field-prefix,.string-field-suffix{position:absolute;color:var(--text-secondary,#6b7280);font-size:.875rem;pointer-events:none}.string-field-prefix{left:12px}.string-field-suffix{right:12px}.string-field-footer{display:flex;justify-content:space-between;align-items:center;min-height:1.25rem}.char-count{font-size:.75rem;color:var(--text-secondary,#6b7280)}.string-field:hover:not(.disabled){border-color:var(--hover-border-color,#9ca3af)}.string-field:focus {outline:none;border-color:var(--focus-border-color,#3b82f6)}.string-field.error{composes:error-text from 'commons.css'}.string-field.disabled{composes:disabled from 'commons.css'}.string-field-error-placeholder{min-height:1rem}.string-field-sm .string-field{padding:6px 12px;font-size:.75rem}.string-field-sm .string-field-prefix,.string-field-sm .string-field-suffix{font-size:.75rem}.string-field-lg .string-field{padding:10px 16px;font-size:1rem}.string-field-lg .string-field-prefix,.string-field-lg .string-field-suffix{font-size:1rem}.autocomplete-wrapper{position:relative}.suggestions-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background-color:var(--background-light,#fff);border:1px solid var(--border-color,#d1d5db);border-radius:6px;box-shadow:0 4px 6px -1px var(--shadow-color,#0000001a);z-index:10;max-height:200px;overflow-y:auto}.suggestion-item{padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.suggestion-item:hover {background-color:var(--hover-background-color,#f3f4f6)}