.field{flex-direction:column;gap:8px;display:flex}.field__label{font-size:var(--text-sm);color:var(--ink);align-items:baseline;gap:8px;font-weight:600;display:flex}.field__optional{color:var(--subtle);font-weight:500}.field__control{border:var(--border) solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-2);width:100%;min-height:52px;color:var(--ink);font:inherit;padding:12px 16px;transition:border-color .25s,box-shadow .25s}.field__control::placeholder{color:var(--muted);opacity:.72}.field__control:hover{border-color:var(--accent-line)}.field__control:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.field__control--area{resize:vertical;min-height:150px}.field[data-invalid] .field__control{border-color:var(--danger)}.field__hint{font-size:var(--text-sm);color:var(--subtle)}.field__error{font-size:var(--text-sm);color:var(--danger)}
.dropdown{position:relative}.dropdown__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);border:var(--border) solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-2);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:10px 14px 10px 16px;transition:border-color .25s;display:flex}.dropdown__trigger:hover,.dropdown[data-open] .dropdown__trigger{border-color:var(--accent-line)}.dropdown__trigger[aria-invalid=true],.dropdown__trigger[data-invalid]{border-color:var(--danger)}.dropdown__value{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.dropdown__placeholder{color:var(--muted);opacity:.72}.dropdown__chevron{color:var(--muted);transition:transform .3s var(--ease-out);flex-shrink:0}.dropdown[data-open] .dropdown__chevron{transform:rotate(180deg)}.dropdown__popup{z-index:30;border:var(--border) solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);transform-origin:top;animation:dropdown-in .28s var(--ease-out);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 24px 60px -24px #000000f2}.dropdown__list{max-height:280px;margin:0;padding:6px;list-style:none;overflow-y:auto}.dropdown__option{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:8px 12px;display:flex}.dropdown__option[data-active]{background:var(--surface-3)}.dropdown__option[aria-selected=true]{color:var(--accent)}.dropdown__check{border:var(--border) solid var(--line-strong);border-radius:var(--radius-xs);width:20px;height:20px;color:var(--accent-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dropdown__option[aria-selected=true] .dropdown__check{border-color:var(--accent);background:var(--accent)}.dropdown__search{border-bottom:var(--border) solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.dropdown__search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1}.dropdown__empty{color:var(--subtle);font-size:var(--text-sm);padding:12px}.dropdown__tag{border-radius:var(--radius-pill);background:var(--surface-3);font-size:var(--text-sm);align-items:center;gap:4px;padding:3px 4px 3px 10px;display:inline-flex}.dropdown__tag button{border-radius:var(--radius-pill);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.dropdown__tag button:hover{color:var(--ink)}.dropdown__hybrid{display:grid}@media (min-width:560px){.dropdown__hybrid{grid-template-columns:1.3fr 1fr}}.dropdown__sidebar{border-top:var(--border) solid var(--line);background:var(--bg-2);flex-direction:column;gap:8px;padding:12px;display:flex}@media (min-width:560px){.dropdown__sidebar{border-top:0;border-left:var(--border) solid var(--line)}}.dropdown__sidebar-title{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);font-weight:600}@keyframes dropdown-in{0%{opacity:0;transform:perspective(700px)rotateX(-14deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.dropdown__popup{animation:none}}