@layer components{.field{min-width:0;color:var(--text-soft);font-weight:500;font-size:var(--font-xs);flex-direction:column;gap:6px;display:flex}.field-control,.search-input{border:1px solid var(--border-strong);border-radius:var(--radius-field);background:var(--surface);transition:border-color var(--duration-quick) var(--ease-out),box-shadow var(--duration-quick) var(--ease-out)}.field-control:hover,.search-input:hover{border-color:var(--border-hover)}.field-control:focus-visible,.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.field-control::placeholder,.search-input-field>input::placeholder{color:var(--placeholder)}.field-control{width:100%;height:40px;color:var(--text);min-width:0;font-weight:400;font-size:var(--font-sm);padding:8px 16px}.field-control:disabled{background:var(--surface-soft);color:var(--muted);cursor:not-allowed}.field-control[aria-invalid=true]{border-color:var(--danger-accent)}.field-control[inputmode=decimal]{font-variant-numeric:tabular-nums}textarea.field-control{resize:vertical;height:auto;min-height:100px;padding:12px}select.field-control{appearance:none;background-image:var(--icon-chevron-down);text-overflow:ellipsis;white-space:nowrap;background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:32px;overflow:hidden}.field-short{max-width:260px}.field-value{color:var(--text);font-size:var(--font-sm);font-weight:400}.field-inline{flex-direction:row;align-items:center;gap:8px}.field-inline>label{flex:none}.field-inline>select.field-control{width:auto;max-width:min(360px,100%);height:32px;font-size:var(--font-xs);background-position:right 10px center;background-size:10px;padding:0 28px 0 12px}.range-field{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-field>:not(.field){grid-column:1/-1}.search-input{min-width:0;height:40px;color:var(--muted);align-items:center;padding:0;display:flex}.search-input-field{cursor:text;flex:1;align-self:stretch;align-items:center;gap:8px;min-width:0;margin-block:-1px;padding:0 16px 0 12px;display:flex}.search-input-field:not(:last-child){padding-right:8px}.search-input-field>input{width:100%;min-width:0;height:100%;color:var(--text);font-size:var(--font-sm);text-overflow:ellipsis;background:0 0;border:0;outline:none}.search-input-field>input:focus-visible{outline:none}.search-input-field>svg,.search-input-field>.icon{flex:none}.search-input-clear{width:28px;height:28px;color:inherit;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0 6px 0 0;padding:0;display:grid}.search-input-clear:hover{background:var(--surface-hover);color:var(--text)}.search-input>kbd{font-size:var(--font-2xs);white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-soft);flex:none;margin-right:16px;padding:1px 6px}@media (max-width:700px),(pointer:coarse){.field-control:not(textarea),.search-input{height:var(--touch-min)}.field-control:not(textarea),.search-input-field>input{font-size:var(--font-lg)}.field-inline>select.field-control{height:var(--touch-min)}.search-input-clear{min-width:var(--touch-min);min-height:var(--touch-min);margin:-1px -1px -1px -8px}.search-input-clear:not(:last-child){margin-right:0}.search-input>kbd{display:none}}@media (max-width:700px){.field-short{max-width:none}.field-inline>select.field-control{font-size:var(--font-lg);flex:auto}.range-field{grid-template-columns:1fr}}}