.h2ui-input{background:var(--chrome-bg-elev);color:var(--chrome-fg);border:1px solid var(--chrome-border);border-radius:var(--r-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease)}.h2ui-input::placeholder{color:var(--chrome-fg-muted);opacity:.7}.h2ui-input:focus,.h2ui-input:focus-visible,.h2ui-input[data-state=open]{border-color:var(--accent);box-shadow:var(--ring);outline:none}.h2ui-input:disabled,.h2ui-input[data-disabled]{background:var(--engineering-input-disabled-bg);color:var(--engineering-input-disabled-fg);border-color:var(--engineering-input-border);cursor:default}.h2ui-input[aria-invalid=true]{border-color:var(--danger)}.h2ui-input[aria-invalid=true]:focus,.h2ui-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--danger) 25%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--danger) 25%, transparent)}.h2ui-input[type=number]{appearance:textfield}.h2ui-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.h2ui-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}body[data-chrome=slate] .h2ui-input{background:var(--chrome-bg-elev);color:var(--ink-900);border-color:var(--ink-200)}body[data-chrome=slate] .h2ui-input::placeholder{color:var(--ink-500)}body[data-chrome=slate] .h2ui-input:focus,body[data-chrome=slate] .h2ui-input:focus-visible,body[data-chrome=slate] .h2ui-input[data-state=open]{border-color:var(--accent);box-shadow:var(--ring)}body[data-chrome=slate] .h2ui-input[aria-invalid=true]{border-color:var(--danger)}body[data-chrome=slate] .h2ui-input[aria-invalid=true]:focus,body[data-chrome=slate] .h2ui-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--danger) 25%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--danger) 25%, transparent)}body[data-chrome=slate] .h2ui-input:disabled,body[data-chrome=slate] .h2ui-input[data-disabled]{background:var(--engineering-input-disabled-bg);color:var(--engineering-input-disabled-fg);border-color:var(--engineering-input-border)}.h2ui-field-label{font-size:var(--fs-10);color:var(--chrome-fg-muted);text-transform:uppercase;letter-spacing:.06em;user-select:none;align-items:center;gap:4px;font-weight:500;line-height:1.2;display:inline-flex}.h2ui-field-label[data-required=true]:after{content:"*";color:var(--danger);margin-left:1px}body .h2ui-input:disabled::placeholder,body .h2ui-input[data-disabled]::placeholder{color:var(--engineering-input-disabled-fg);opacity:1}