.drop-field{min-width:0;margin-bottom:20px;display:block}.onboarding-fields .drop-field{margin:0}.drop-field-label{margin-bottom:7px;font-size:13px;font-weight:650;display:block}.drop-field-optional{color:var(--muted,#5b6d7b);margin-left:8px;font-size:12px;font-weight:400}.drop-field-zone{cursor:pointer;background:#f7fcfc;border:2px dashed #a4c3c7;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:20px 22px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.drop-field-zone:hover{border-color:var(--teal,#007f7d);background:#f0f8f7}.drop-field-zone.is-dragging{border-color:var(--teal,#007f7d);background:#e6f4f2;box-shadow:inset 0 0 0 3px #007f7d1f}.drop-field-zone:focus-within{outline-offset:2px;outline:2px solid #b55e00}.drop-field-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.drop-field-icon{width:42px;height:42px;color:var(--teal,#007f7d);background:#e6f4f2;border-radius:10px;flex:0 0 42px;place-items:center;display:grid}.drop-field-icon .icon{width:22px;height:22px}.drop-field-copy{gap:3px;min-width:0;display:grid}.drop-field-copy strong{font-size:14px;font-weight:600}.drop-field-copy>span{color:var(--muted,#5b6d7b);font-size:12px}.drop-field-paste{color:var(--muted,#5b6d7b);flex-basis:100%;font-size:12px}.drop-field-name{color:var(--teal,#007f7d);overflow-wrap:anywhere;flex-basis:100%;font-size:12px}.drop-field-name:empty{display:none}.drop-field-hint{color:var(--muted,#5b6d7b);margin-top:7px;font-size:12px;line-height:1.5;display:block}.drop-field-error,.drop-field-status{color:#a12622;margin:7px 0 0;font-size:12px;line-height:1.5}.drop-field-status[hidden]{display:none}.drop-field.is-invalid .drop-field-zone{background:#fff6f4;border-color:#bd4242}.drop-field-preview{object-fit:contain;border-radius:8px;max-width:180px;max-height:110px;margin:14px 0 0;display:block}@media (width<=600px){.drop-field-zone{padding:18px}}@media (prefers-reduced-motion:reduce){.drop-field-zone{transition:none}}